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

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

Ressourcen

Made with Slides.com