https://github.com/sutter/workshop-react-newbie
Atelier de découverte de react
https://github.com/sutter/workshop-react-newbie
Last synced: about 1 year ago
JSON representation
Atelier de découverte de react
- Host: GitHub
- URL: https://github.com/sutter/workshop-react-newbie
- Owner: sutter
- Created: 2017-01-16T09:37:52.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2017-02-02T15:20:56.000Z (over 9 years ago)
- Last Synced: 2025-02-17T06:42:28.626Z (over 1 year ago)
- Language: CSS
- Homepage: https://sutter.github.io/workshop-react-newbie/
- Size: 453 KB
- Stars: 1
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Atelier React
Atelier de présentation de [React](https://facebook.github.io/react/).
Le but de cet atelier est d'afficher une citation de manière aléatoire.
Nous ne verrons pas la configuration de l'environnement de dev, ce n'est pas le sujet de cet atelier.
Nous partirons sur une base nettoyée de [create-react-app](https://github.com/facebookincubator/create-react-app)
## Démarrage
### Extensions navigateur
* [Chrome](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi)
* [Firefox](https://addons.mozilla.org/fr/firefox/addon/react-devtools/)
### Téléchargement des dépendances
Télécharger les dépendences `npm` :
```
npm install
```
### Démarrer le projet
```
npm start
```
Démarrer votre navigateur à cette adresse [http://localhost:3000](http://localhost:3000)
## Étapes du projet :
1. Afficher la première citation - [correction](https://github.com/sutter/workshop-react-newbie/tree/feature/step-1)
2. Spliter les composants CSS & JS dans un dossier `components` - [correction](https://github.com/sutter/workshop-react-newbie/tree/feature/step-2)
3. Ajouter une citation de manière random au chargement de la page - [correction](https://github.com/sutter/workshop-react-newbie/tree/feature/step-3)
4. Ajouter un bouton permettant de charger une autre citation - [correction](https://github.com/sutter/workshop-react-newbie/tree/feature/step-4)