ram

RAM: React App Manager

BÊTA

Créer et exécuter les applications React - Aucune ligne de commande ou configuration de construction requise. Propulsé par Electron & Create React App

Commencer

RAM nécessite que Node.js V6 et NPM V5.2 ou ultérieurement soit installé sur votre ordinateur. Installez la dernière version de Node.js (qui comprend NPM) ici:

• Installer Node.js

Télécharger pour macOS:

• Télécharger

RAM comprend la prise en charge des types d'applications suivants:

• Créer l'application React
• Next.js
• Gatsby
• Éblouir
• Vue.js
• Prédiction

Pour ajouter la prise en charge d'une autre application, veuillez ouvrir une demande de traction.

Motivation

Je crois fermement à l'alphabétisation du code, et j'ai travaillé avec de nombreuses personnes tout au long de ma carrière qui ont de solides compétences en développement avec des langues comme HTML et CSS, mais qui pourraient faire face à des obstacles à l'entrée avec des outils de développement frontal modernes. Quand je pense aux obstacles potentiels à l'entrée, certaines choses me viennent à l'esprit:

1. L'échafaudage d'une application REACT complète (ou similaire) nécessite un peu de configuration
2. Les interfaces du terminal et de la ligne de commande peuvent être intimidantes au début
3. Node.js et NPM peuvent être des concepts étrangers pour les personnes de développement frontal

Pour la plupart, Create React App a résolu # 1 pour les personnes qui connaissent déjà les n ° 2 et # 3. C'est un excellent outil et c'est pourquoi RAM en utilise.

La RAM vise à résumer les aspects du terminal et du NPM pour les débutants. Si vous êtes un développeur frontal professionnel, je recommanderais d'utiliser les outils de ligne de commande directement au lieu d'une application comme celle-ci, car c'est une compétence très précieuse et puissante à utiliser. Si vous utilisez cette application, j'espère qu'elle peut servir d'outil d'apprentissage et peut rendre certaines de ces choses moins intimidantes à mesure que vous progressez.

N'oubliez pas: les GUIS ne seront jamais aussi efficaces ou puissantes que les CLI

Comment ça marche

Toute la magie provient des interfaces de ligne de commande sous-jacentes: NPM et Create-React-App. Cette application utilise un électron pour engendrer des processus enfants qui exécutent les commandes pour alimenter ces outils. Les journaux de STDIO sont remis à l'application pour l'affichage. Voir les modules renderer/spawn.js et renderer/CreateForm.js pour un exemple de la façon dont cela fonctionne.

Approches alternatives

Certaines alternatives à cette configuration d'électrons particulière comprennent:

• Serveur fonctionnant directement dans l'électron
• Utilisation de Zeit / PKG avec une interface Web

Mises en garde

• Nécessite node.js v6 + et npm v5.2 +
• Construit en quelques heures
• Aucun test
• Non testé sur Linux ou Windows

Alternatives

• Le compositeur ISO est un projet similaire visant à résoudre un problème similaire
• Utiliser Créer une application React directement
• Codes et boîte est idéale pour les prototypes rapides et les démos avec des URL partageables
• Projet Guppy par Josh Comeau

Feuille de route

• Résumé Créez une forme à un utilitaire à usage plus général
• Gestion de la déprection du PNP

Contributif

1. Le fourrer
2. Créez votre succursale de fonctionnalité ( git checkout -b my-new-feature )
3. Commissez vos modifications ( git commit -am 'Add some feature' )
4. Push à la branche ( git push origin my-new-feature )
5. Créer une nouvelle demande de traction

Développement

Installez les dépendances et démarrez l'application:

npm i && npm start

Le dossier main contient des modules pour le processus principal et renderer comprend tous les fichiers pour le processus de rendu. Aucune transpilation Babel n'est utilisée, alors assurez-vous d'utiliser des modules et une syntaxe compatibles électroniques.

Licence MIT