Code für einen 1-tägigen React-Redux-Kurs.
- Node.js Version 6.x oder höher
- Einen geeigneten Editor oder eine IDE
- Z. B. Webstorm -- es gibt eine 30-Tage-Testversion
- Idealerweise Chrome (Firefox ist auch möglich)
- C++ und Python -- eine detaillierte Anleitung zur Installation findet sich bei node-gyp im Abschnitt "You will also need to install"
In dem ausgecheckten Verzeichnis folgendes durchführen:
- Module installieren:
npm install
- Entwicklungsserver starten:
- Mac/Linux-Benutzer:
npm start
- Windows-Benutzer:
npm start-win
- Mac/Linux-Benutzer:
Anschließend:
- http://localhost:3000 im Browser öffnen
- Mac/Linux-Benutzer:
npm run build
- Windows-Benutzer:
npm run build-win
build/index.html
im Browser öffnen
Die Webpack-Konfiguration ist so eingestellt, dass automatisch auf die Dateien im Verzeichnis src
zugegriffen wird. Somit kann man im Verlauf des Kurses schrittweise eine eigene Lösung implementieren und ausprobieren.
Zum Verwenden der mitgelieferten Beispiele kann man in der Datei webpack.config.js
den Pfad innerhalb des Blocks entry
so verändern, dass er auf eine der anderen index.js
Dateien zeigt, z. B. so:
entry: [
"./src-solution-redux-3/index"
],
Die Beispiele sind alle funktionsfähig und bauen aufeinander auf (in alphabetischer Reihenfolge). Allerdings benötigt das letzte Beispiel einen Server, um die gesendeten AJAX-Requests entgegenzunehmen. Dieser ist nicht im Lieferumfang enthalten ;-)