webcodesk srv

WebCodesk - это приложение, которое установлено в качестве модуля NPM. Он состоит из двух частей: часть сервера и клиентская часть. Часть сервера - это приложение Nodejs, которое следует запустить в командной строке на локальном компьютере. Клиентская часть работает в веб -браузере.

WebCodesk помогает разработчику в создании веб -приложений с помощью компонентов пользовательского интерфейса React. Он имеет кучу визуальных редакторов, где пользователь может составлять компоненты пользовательского интерфейса на страницах, создавать логику потока данных между компонентами пользовательского интерфейса и визуально поток данных отладки .

Введение

Прочитайте статью о Hackernoon о том, почему был создан Webcodesk:

• Я разработал инструмент визуальной разработки для веб -приложений с React

Реагировать разработчиков

Ваш опыт скажет вам, что вам не нужны визуальные строители, потому что они ограничены в функциональности, ненадежны, и все они отстой.

Дайте Webcodesk шанс и попытайтесь создать собственное маленькое одностраничное приложение, я уверяю вас, вы никогда не захотите написать тонну дополнительного кода.

• Вам не нужно учиться ничего нового. Скорее, вы не будете писать ненужный код для Redux.

• WebCodesk не генерирует код. Он использует небольшую структуру, которая является надежной. Доказательством надежности является тот факт, что структура используется внутри самого WebCodesk.

Как это работает

Каждый проект для WebCodesk застрахован от Create-React-App. Кроме того, в код проекта добавляется React-App-Framework, библиотека, предназначенная для WebCodesk.

Проект содержит файлы конфигурации, которые подаются в рамку приложения React. Структура, в свою очередь, создает страницы, маршруты и создает контейнеры для Redux из простых компонентов React.

Затем структура соединяет контейнеры с цепями действий, точно так же, как вы делаете это, используя Redux.

Конфигурация структуры достаточно сложна, чтобы написать ее вручную. Итак, WebCodesk позволяет создавать и редактировать его визуальными редакторами:

• Редактор страницы
• Редактор схемы потока

Все, что вам нужно сделать, это написать код компонентов и функций React.

Установка

• Запустите команды в командной строке один за другим.

 > npx @webcodesk/install-webcodesk <new-project-name-dir>

> cd ./<new-project-name-dir>

> yarn wcd

• Откройте WebCodesk в браузере:

 http://localhost:7070

• Выберите любой проект на рынке

• Теперь откройте исходный код проекта в своей любимой IDE

Лучше инициировать хранилище исходного кода, прежде чем настроить рабочее пространство проекта в IDE. Например, пожалуйста, прочитайте инструкцию о том, как сделать это для GitHub Repo: добавление существующего проекта в GitHub, используя командную строку

Обновление

• Перейдите в DIR Project Dir и запустите команды в командной строке один за другим.

 > yarn remove @webcodesk/webcodesk-srv

> yarn add @webcodesk/webcodesk-srv -D -E

Документация

В руководстве пользователя вы найдете технические данные о том, как создавать компоненты и функции и как их использовать для создания приложения.

• Руководство пользователя

Вклад

Я очень открыт для новых запросов функций или любой работы, которую вы хотите сделать. Но давайте обсудим эту функцию в новой проблеме с подробным описанием, прежде чем создать новый PR.

• НОРМЫ ПОВЕДЕНИЯ

Сообщество

Если вам нужна помощь или вы хотите, чтобы кто -то настроил с вами рабочее пространство и проведет вас по коду в вашей IDE, не бойтесь говорить!

Лицензия

GNU GPLV3

Copyright (C) 2019 Алекс Пустовалов

• Копирование