{"id":16327040,"url":"https://github.com/sutter/workshop-react-newbie","last_synced_at":"2025-05-14T22:33:10.723Z","repository":{"id":69536356,"uuid":"79103649","full_name":"sutter/workshop-react-newbie","owner":"sutter","description":"Atelier de découverte de react","archived":false,"fork":false,"pushed_at":"2017-02-02T15:20:56.000Z","size":464,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-02-17T06:42:28.626Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://sutter.github.io/workshop-react-newbie/","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sutter.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-01-16T09:37:52.000Z","updated_at":"2017-02-20T11:11:04.000Z","dependencies_parsed_at":null,"dependency_job_id":"a6bff54a-55d2-495c-aa47-23c609cfdc89","html_url":"https://github.com/sutter/workshop-react-newbie","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sutter%2Fworkshop-react-newbie","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sutter%2Fworkshop-react-newbie/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sutter%2Fworkshop-react-newbie/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sutter%2Fworkshop-react-newbie/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sutter","download_url":"https://codeload.github.com/sutter/workshop-react-newbie/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254239644,"owners_count":22037743,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-10T23:10:14.201Z","updated_at":"2025-05-14T22:33:10.680Z","avatar_url":"https://github.com/sutter.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Atelier React\n\nAtelier de présentation de [React](https://facebook.github.io/react/).\n\nLe but de cet atelier est d'afficher une citation de manière aléatoire.\n\nNous ne verrons pas la configuration de l'environnement de dev, ce n'est pas le sujet de cet atelier.\nNous partirons sur une base nettoyée de [create-react-app](https://github.com/facebookincubator/create-react-app)\n\n## Démarrage\n\n### Extensions navigateur\n\n* [Chrome](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi)\n* [Firefox](https://addons.mozilla.org/fr/firefox/addon/react-devtools/)\n\n### Téléchargement des dépendances\n\nTélécharger les dépendences `npm` :\n\n```\nnpm install\n```\n\n### Démarrer le projet\n\n```\nnpm start\n```\n\nDémarrer votre navigateur à cette adresse [http://localhost:3000](http://localhost:3000)\n\n## Étapes du projet :\n\n1. Afficher la première citation - [correction](https://github.com/sutter/workshop-react-newbie/tree/feature/step-1)\n2. Spliter les composants CSS \u0026 JS dans un dossier `components` - [correction](https://github.com/sutter/workshop-react-newbie/tree/feature/step-2)\n3. Ajouter une citation de manière random au chargement de la page - [correction](https://github.com/sutter/workshop-react-newbie/tree/feature/step-3)\n4. Ajouter un bouton permettant de charger une autre citation - [correction](https://github.com/sutter/workshop-react-newbie/tree/feature/step-4)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsutter%2Fworkshop-react-newbie","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsutter%2Fworkshop-react-newbie","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsutter%2Fworkshop-react-newbie/lists"}