webcodesk srv

Webcodesk ist eine Anwendung, die als NPM -Modul installiert wurde. Es besteht aus zwei Teilen: einem Serverteil und einem Client -Teil. Der Serverteil ist eine NodeJS -Anwendung, die in der Befehlszeile auf dem lokalen Computer gestartet werden sollte. Der Client -Teil wird im Webbrowser ausgeführt.

Webcodesk hilft dem Entwickler beim Erstellen von Webanwendungen mit React UI -Komponenten. Es verfügt über eine Reihe visueller Redakteure, bei denen der Benutzer UI -Komponenten auf den Seiten komponieren , Datenflusslogik zwischen UI -Komponenten erstellen und den Datenfluss visuell debuggen .

Einführung

Lesen Sie den Artikel über Hackernoon darüber, warum Webcodesk erstellt wurde:

• Ich habe ein visuelles Entwicklungstool für Webanwendungen mit React entwickelt

Entwickler reagieren

Ihre Erfahrung wird Ihnen sagen, dass Sie keine visuellen Bauherren brauchen, da sie in der Funktionalität, unzuverlässig, begrenzt sind und alle saugen.

Geben Sie Webcodesk eine Chance und versuchen Sie, eine eigene kleine einseitige Anwendung zu erstellen. Ich versichere Ihnen, Sie möchten niemals eine Menge zusätzlicher Code schreiben.

• Sie müssen nichts Neues lernen. Sie werden vielmehr keinen unnötigen Code für Redux schreiben.

• Webcodesk generiert keinen Code. Es verwendet ein kleines Framework, das zuverlässig ist. Der Nachweis der Zuverlässigkeit ist die Tatsache, dass das Framework in Webcodesk selbst verwendet wird.

Wie es funktioniert

Jedes Projekt für Webcodesk wird durch Create-React-App gestaltet. Darüber hinaus wird React-App-Framework, eine Bibliothek, die für Webcodesk entwickelt wurde, dem Projektcode hinzugefügt.

Das Projekt enthält Konfigurationsdateien, die dem React App -Framework gespeist werden. Das Framework erzeugt in der Hand Seiten, Routen und stellt Container für Redux aus einfachen React -Komponenten her.

Anschließend verbindet das Framework die Container mit Aktionenketten, genau wie Sie es mit Redux -Aktionen tun.

Die Konfiguration des Frameworks ist komplex genug, um es manuell zu schreiben. Mit Webcodesk können Sie diese mit visuellen Redaktoren erstellen und bearbeiten:

• der Seiteneditor
• Der Flussdiagramm -Editor

Alles, was Sie tun müssen, ist den Code von React -Komponenten und -funktionen zu schreiben.

Installation

• Führen Sie die Befehle in der Befehlszeile eins nacheinander aus.

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

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

> yarn wcd

• Öffnen Sie Webcodesk im Browser:

 http://localhost:7070

• Wählen Sie jedes Projekt auf dem Markt

• Öffnen Sie nun den Quellcode des Projekts in Ihrer Lieblings -IDE

Es ist besser, ein Quellcode -Repository zu initieren, bevor Sie den Arbeitsbereich des Projekts in der IDE einrichten. Lesen Sie beispielsweise die Anweisung, wie Sie dies für Github Repo tun: Hinzufügen eines vorhandenen Projekts zu GitHub mit der Befehlszeile hinzufügen

Upgrade

• Gehen Sie zum Project DIR und führen Sie die Befehle in der Befehlszeile eins nacheinander aus.

 > yarn remove @webcodesk/webcodesk-srv

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

Dokumentation

In der Benutzerhandbuch finden Sie technische Details zum Erstellen von Komponenten und Funktionen und zum Erstellen einer Anwendung.

• Benutzerhandbuch

Beitrag

Ich bin ziemlich offen für neue Feature -Anfragen oder jede Arbeit, die Sie ausführen möchten. Diskutieren wir jedoch die Funktion in einem neuen Problem mit der detaillierten Beschreibung, bevor wir neue PR erstellen.

• VERHALTENSKODEX

Gemeinschaft

Wenn Sie Hilfe benötigen oder möchten, dass jemand den Arbeitsbereich mit Ihnen einrichtet und Sie in Ihrer IDE durch den Code tritt, haben Sie keine Angst, sich zu äußern!

Lizenz

GNU GPLV3

Copyright (C) 2019 Alex Pustovalov

• KOPIEREN