webcodesk srv

Webcodesk es una aplicación que se instaló como un módulo NPM. Consiste en dos partes: una parte del servidor y una parte del cliente. La parte del servidor es una aplicación NodeJS que debe iniciarse en la línea de comando en la computadora local. La parte del cliente se ejecuta en el navegador web.

Webcodesk ayuda al desarrollador a crear aplicaciones web con componentes React UI. Tiene un montón de editores visuales donde el usuario puede componer componentes de la interfaz de usuario en las páginas, crear lógica de flujo de datos entre los componentes de la interfaz de usuario y depurar el flujo de datos visualmente.

Introducción

Lea el artículo en Hackernoon sobre por qué se creó WebCodesk:

• Desarrollé una herramienta de desarrollo visual para aplicaciones web con React

Para reaccionar desarrolladores

Su experiencia le dirá que no necesita constructores visuales porque son limitados en funcionalidad, poco confiables y todos apestan.

Dé una oportunidad a WebCodesk e intente crear su propia aplicación pequeña de una sola página, le aseguro que nunca querrá escribir una tonelada de código adicional.

• No tienes que aprender nada nuevo. Más bien, no escribirá ningún código innecesario para Redux.

• Webcodesk no genera código. Utiliza un pequeño marco que es confiable. La prueba de confiabilidad es el hecho de que el marco se usa dentro de WebCodesk en sí.

Cómo funciona

Cada proyecto para WebCodesk está arrancado por Create-React-App. Además, el trabajo react-app-frame, una biblioteca diseñada para webcodesk, se agrega al código del proyecto.

El proyecto contiene archivos de configuración que se alimentan al marco React App. El marco a su vez crea páginas, rutas y fabrica contenedores para Redux a partir de componentes simples de React.

Luego, el marco conecta los contenedores en cadenas de acciones, exactamente como lo hace utilizando acciones redux.

La configuración del marco es lo suficientemente compleja como para escribirla manualmente. Entonces Webcodesk le permite crearlo y editarlo con editores visuales:

• el editor de la página
• El editor del diagrama de flujo

Todo lo que tiene que hacer es escribir el código de componentes y funciones React.

Instalación

• Ejecutar comandos en la línea de comando uno por uno.

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

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

> yarn wcd

• Abra webcodesk en el navegador:

 http://localhost:7070

• Elija cualquier proyecto en el mercado

• Ahora abra el código fuente del proyecto en su IDE favorito

Es mejor iniciar un repositorio de código fuente antes de configurar el espacio de trabajo del proyecto en el IDE. Por ejemplo, lea las instrucciones sobre cómo hacer esto para el repositorio de GitHub: Agregar un proyecto existente a GitHub usando la línea de comandos

Mejora

• Vaya al proyecto Dir y ejecute comandos en la línea de comando uno por uno.

 > yarn remove @webcodesk/webcodesk-srv

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

Documentación

En la guía del usuario, encontrará detalles técnicos sobre cómo crear componentes y funciones y cómo usarlos para crear una aplicación.

• Guía del usuario

Contribución

Estoy bastante abierto a nuevas solicitudes de funciones, o cualquier trabajo que desee hacer. Pero discutamos la función en un nuevo número con la descripción detallada antes de crear nuevos PR.

• CÓDIGO DE CONDUCTA

Comunidad

Si necesita ayuda o desea que alguien configure el espacio de trabajo con usted y lo haga pasar por el código en su IDE, ¡no tenga miedo de hablar!

Licencia

GNU GPLV3

Copyright (c) 2019 Alex Pustovalov

• PROCESO DE COPIAR