webcodesk srv

Webcodesk est une application installée en tant que module NPM. Il se compose de deux parties: une partie du serveur et une partie client. La partie du serveur est une application NodeJS qui doit être démarrée dans la ligne de commande de l'ordinateur local. La partie client s'exécute dans le navigateur Web.

Webcodesk aide le développeur à créer des applications Web avec des composants d'interface utilisateur React. Il a un tas d'éditeurs visuels où l'utilisateur peut composer les composants de l'interface utilisateur sur les pages, créer une logique de flux de données entre les composants de l'interface utilisateur et déboguer le flux de données visuellement.

Introduction

Lisez l'article sur Hackernoon sur les raisons pour lesquelles Webcodesk a été créé:

• J'ai développé un outil de développement visuel pour les applications Web avec React

Pour réagir les développeurs

Votre expérience vous dira que vous n'avez pas besoin de constructeurs visuels car ils sont limités en fonctionnalité, peu fiables et ils sont tous nuls.

Donnez une chance à Webcodesk et essayez de créer votre propre petite application à une seule page, je vous assure que vous ne voudrez jamais écrire une tonne de code supplémentaire.

• Vous n'avez rien à apprendre de nouveau. Vous n'écrirez plutôt aucun code inutile pour Redux.

• Webcodesk ne génère pas de code. Il utilise un petit cadre fiable. La preuve de fiabilité est le fait que le cadre est utilisé dans les codes Web lui-même.

Comment ça marche

Chaque projet pour Webcodesk est enraciné par Create-React-App. De plus, React-App-Framework, une bibliothèque conçue pour les codes Web, est ajouté au code du projet.

Le projet contient des fichiers de configuration qui sont alimentés au cadre de l'application React. Le cadre à son tour crée des pages, des routes et des conteneurs pour Redux à partir de composants de réaction simples.

Ensuite, le cadre relie les conteneurs dans des chaînes d'actions, exactement comme vous le faites en utilisant des actions redux.

La configuration du cadre est suffisamment complexe pour l'écrire manuellement. Webcodesk vous permet donc de le créer et de le modifier avec des éditeurs visuels:

• L'éditeur de page
• L'éditeur de diagramme de flux

Tout ce que vous avez à faire est d'écrire le code des composants et des fonctions React.

Installation

• Exécutez les commandes dans la ligne de commande une par une.

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

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

> yarn wcd

• Ouvrez les codes Web dans le navigateur:

 http://localhost:7070

• Choisissez n'importe quel projet sur le marché

• Ouvrez maintenant le code source du projet dans votre IDE préféré

Il est préférable d'initialiser un référentiel de code source avant de configurer l'espace de travail du projet dans l'IDE. Par exemple, veuillez lire les instructions sur la façon de procéder pour GitHub Repo: Ajouter un projet existant à GitHub en utilisant la ligne de commande

Mise à niveau

• Accédez au projet DIR et exécutez les commandes dans la ligne de commande une par une.

 > yarn remove @webcodesk/webcodesk-srv

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

Documentation

Dans le guide de l'utilisateur, vous trouverez des détails techniques sur la façon de créer des composants et des fonctions et comment les utiliser pour créer une application.

• Guide de l'utilisateur

Contribution

Je suis assez ouvert aux nouvelles demandes de fonctionnalités ou à tout travail que vous souhaitez faire. Mais discutons de la fonctionnalité dans un nouveau numéro avec la description détaillée avant de créer de nouveaux relations publiques.

• CODE DE CONDUITE

Communauté

Si vous avez besoin d'aide ou si vous souhaitez que quelqu'un configure l'espace de travail avec vous et vous permettra de passer par le code dans votre IDE, n'ayez pas peur de parler!

Licence

GNU GPLV3

Copyright (C) 2019 Alex Pustovalov

• COPIER