ram

RAM: React App Manager

BETA

React -Anwendungen erstellen und ausführen - keine Befehlszeile oder erstellen Sie ein Setup. Angetrieben von Electron & Create React App

Erste Schritte

RAM erfordert, dass Node.js V6 und NPM v5.2 oder höher auf Ihrem Computer installiert werden. Installieren Sie hier die neueste Version von node.js (einschließlich NPM):

• Installieren Sie node.js

Download für macOS:

• Herunterladen

RAM beinhaltet Unterstützung für die folgenden App -Typen:

• React App erstellen
• Weiter.js
• Gatsby
• Razzle
• Vue.js
• Vorwirkung

Um Unterstützung für eine andere App hinzuzufügen, öffnen Sie bitte eine Pull -Anfrage.

Motivation

Ich glaube fest an Codekompetenz, und ich habe während meiner gesamten Karriere mit vielen Menschen zusammengearbeitet, die über starke Entwicklungsfähigkeiten mit Sprachen wie HTML und CSS verfügen, aber möglicherweise Hindernisse für den Eintritt mit modernen Tools für die Entwicklung von Front-End-Entwicklung ausgesetzt sind. Wenn ich über die potenziellen Eintrittsbarrieren nachdenke, kommen mir ein paar Dinge in den Sinn:

1. Gerüste Eine vollständige Reaktionsanwendung (oder ähnliche) Anwendung erfordert ein Stück Setup
2. Die Terminal- und Befehlszeilenschnittstellen können zunächst einschüchternd sein
3. Node.js und NPM können ausländische Konzepte für Menschen sein, die neu in der Front-End-Entwicklung sind

Die React -App erstellen hat größtenteils die Nummer 1 für Personen gelöst, die bereits Nr. 2 und Nr. 3 kennen. Es ist ein ausgezeichnetes Werkzeug und deshalb nutzt Ram es.

RAM zielt darauf ab, die Terminal- und NPM -Aspekte für Anfänger abzuziehen. Wenn Sie ein professioneller Front-End-Entwickler sind, würde ich empfehlen, die Befehlszeilen-Tools direkt anstelle einer solchen Anwendung zu verwenden, da es sich um eine sehr wertvolle und leistungsstarke Fähigkeiten handelt. Wenn Sie diese App verwenden, kann sie hoffentlich als Lernwerkzeug dienen und einige dieser Dinge im Laufe des Fortschritts weniger einschüchternd machen.

Denken Sie daran: GUIS wird niemals so effizient oder mächtig sein wie CLIS

Wie es funktioniert

Die gesamte Magie stammt aus den zugrunde liegenden Befehlszeilenschnittstellen: NPM und Create-React-App. Diese Anwendung verwendet Elektronen, um untergeordnete Prozesse zu laken, die die Befehle ausführen, um diese Tools mit Strom zu versorgen. Die Protokolle von STDIO werden an die Anzeigeanwendung übergeben. Weitere Beispiele finden Sie in den renderer/spawn.js und renderer/CreateForm.js -Modulen für ein Beispiel dafür, wie dies funktioniert.

Alternative Ansätze

Einige Alternativen zu diesem speziellen Elektronen -Setup umfassen:

• Server, der direkt im Elektron ausgeführt wird
• Verwenden von ZEIT/PKG mit einer Webschnittstelle

Einschränkungen

• Benötigt node.js v6+ und npm v5.2+
• In ein paar Stunden eingebaut
• Keine Tests
• Nicht unter Linux oder Windows getestet

Alternativen

• Compositor ISO ist ein ähnliches Projekt, das darauf abzielt, ein ähnliches Problem zu lösen
• Verwenden Sie direkt die React -App erstellen
• Codesandbox eignet sich hervorragend für schnelle Prototypen und Demos mit gemeinsamen URLs
• Guppy -Projekt von Josh Comeau

Roadmap

• Zusammenfassung Erstellen Sie eine Form zu einem allgemeineren Nutzen
• NPM DEPENCENDY -Management

Beitragen

1. Gib es
2. Erstellen Sie Ihre Funktionszweig ( git checkout -b my-new-feature ).
3. Bestimmen Sie Ihre Änderungen ( git commit -am 'Add some feature' )
4. Drücken Sie in den Zweig ( git push origin my-new-feature )
5. Erstellen Sie eine neue Pull -Anfrage

Entwicklung

Installieren Sie Abhängigkeiten und starten Sie die App:

npm i && npm start

Der main enthält Module für den Hauptprozess, und renderer enthält alle Dateien für den Renderer -Prozess. Es wird keine Babeltranspilation verwendet. Verwenden Sie daher unbedingt elektronenkompatible Module und Syntax.

MIT -Lizenz