WebCodesk é um aplicativo instalado como um módulo NPM. Consiste em duas partes: uma peça do servidor e uma peça do cliente. A parte do servidor é um aplicativo NodeJS que deve ser iniciado na linha de comando no computador local. A peça do cliente é executada no navegador da web.
O WebCodesk ajuda o desenvolvedor a criar aplicativos da Web com os componentes da interface do usuário do React. Ele possui um monte de editores visuais, onde o usuário pode compor componentes da interface do usuário nas páginas, criar lógica de fluxo de dados entre os componentes da interface do usuário e depurar o fluxo de dados visualmente.
Leia o artigo sobre Hackernoon sobre por que o WebCodesk foi criado:
Sua experiência lhe dirá que você não precisa de nenhum construtor visual porque eles têm funcionalidade limitada, não confiáveis, e todos são péssimos.
Dê uma chance ao WebCodesk e tente criar seu próprio aplicativo de uma pequena página, garanto que você nunca vai querer escrever uma tonelada de código extra.
Você não precisa aprender nada de novo. Em vez disso, você não escreverá nenhum código desnecessário para o Redux.
Webcodesk não gera código. Ele usa uma pequena estrutura que é confiável. A prova de confiabilidade é o fato de que a estrutura é usada no próprio webcodesk.
Cada projeto para WebCodesk é inicializado pelo Create-React-App. Além disso, o React-App-Framework, uma biblioteca projetada para WebCodesk, é adicionada ao código do projeto.
O projeto contém arquivos de configuração que são alimentados à estrutura do aplicativo React. A estrutura, por sua vez, cria páginas, rotas e faz contêineres para o Redux a partir de componentes de reação simples.
Em seguida, a estrutura conecta os contêineres a cadeias de ações, exatamente como você faz isso usando ações redux.
A configuração da estrutura é complexa o suficiente para escrevê -la manualmente. Portanto, o WebCodesk permite criar e editá -lo com editores visuais:
Tudo o que você precisa fazer é escrever o código de componentes e funções do React.
> npx @webcodesk/install-webcodesk <new-project-name-dir>
> cd ./<new-project-name-dir>
> yarn wcd
http://localhost:7070
Escolha qualquer projeto no mercado
Agora abra o código -fonte do projeto em seu IDE favorito
É melhor iniciar um repositório de código -fonte antes de configurar o espaço de trabalho do projeto no IDE. Por exemplo, leia as instruções sobre como fazer isso para o repositório do github: adicionando um projeto existente ao github usando a linha de comando
> yarn remove @webcodesk/webcodesk-srv
> yarn add @webcodesk/webcodesk-srv -D -E
No guia do usuário, você encontrará detalhes técnicos sobre como criar componentes e funções e como usá -los para criar um aplicativo.
Estou bastante aberto a novas solicitações de recursos ou a qualquer trabalho que você queira fazer. Mas vamos discutir o recurso em um novo problema com a descrição detalhada antes de criar um novo PR.
Se você precisar de ajuda ou deseja que alguém configure o espaço de trabalho com você e faça você passar pelo código no seu IDE, não tenha medo de falar!
GNU GPLV3
Copyright (c) 2019 Alex Pustovalov