create-project-initializer
- Installieren von relevanten Dependencies
- und Vorkonfiguration derer
- Ordner Struktur
- .gitignore
- README.md
Benefits
- Starten neuer single-page React apps
- React in einer komfortablen und umfangreichen Entwicklungsumgebung lernen
create-react-app
npx create-react-app unicorn-project
npx create-react-app unicorn-project
Creating a new React app in /Users/dm/Developer/unicorn-project.
Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts with cra-template...
Initialized a git repository.
Installing template dependencies using yarnpkg...
Created git commit.
Success! Created unicorn-project at /Users/dm/Developer/unicorn-project
Inside that directory, you can run several commands:
yarn start
Starts the development server.
yarn build
Bundles the app into static files for production.
yarn unicorn-project
Starts the unicorn-project runner.
yarn eject
Removes this tool and copies build dependencies, configuration files
and scripts into the app directory. If you do this, you can’t go back!
We suggest that you begin by typing:
cd unicorn-project
yarn start
Happy hacking!
dm@hpm-Mac-mini Developer % cd unicorn-project
dm@hpm-Mac-mini unicorn-project % tree -L 2 -I node_modules
.
├── README.md
├── package.json
├── public
│ ├── favicon.ico
│ ├── index.html
│ ├── logo192.png
│ ├── logo512.png
│ ├── manifest.json
│ └── robots.txt
├── src
│ ├── App.css
│ ├── App.js
│ ├── App.test.js
│ ├── index.css
│ ├── index.js
│ ├── logo.svg
│ ├── reportWebVitals.js
│ └── setupTests.js
├── yarn.lock
│
└── node_modules
└── ...
Yeoman
- Sammlung an Generatoren für Web und über 5600 andere Projekte
-
generator-rn-toolbox
- App-Icons & Splash-Screens
- react-native-make
React Native
-
npx react-native init AwesomeProject
-
Eingebauter initializer in CLI
-
-
npx ignite-cli new PizzaApp
-
Boilerplate App mit Navigation, State Management, etc.
-
Initializer
- Erstellen ein Projekt anhand von Vorlagen/Templates
- Nach dem Ausführen liegt eine Basis zum Starten und Entwickeln des Projektes vor
- Fördern Best-Practices im Aufbau der Projektstruktur
-
Bereit für Versionierung mit git und passender .gitignore
- Projektgeneratoren:
- npx: https://www.npmjs.com/package/npx/
Ressourcen
initializers
By Dennis Muensterer
initializers
- 294