{"id":20767781,"url":"https://github.com/dmnsgn/react-redux-workshop","last_synced_at":"2025-09-28T00:32:18.392Z","repository":{"id":145696106,"uuid":"84189205","full_name":"dmnsgn/react-redux-workshop","owner":"dmnsgn","description":"An introductory workshop featuring React, Redux, react-router, i18next, gsap and createjs.","archived":false,"fork":false,"pushed_at":"2024-08-27T20:04:04.000Z","size":11228,"stargazers_count":4,"open_issues_count":1,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-12-03T02:54:56.401Z","etag":null,"topics":["createjs","gsap","i18next","react","react-redux","react-router","react-router-v4","redux","workshop"],"latest_commit_sha":null,"homepage":"https://react-redux-workshop.firebaseapp.com/","language":"JavaScript","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/dmnsgn.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-03-07T11:01:22.000Z","updated_at":"2020-11-15T13:59:04.000Z","dependencies_parsed_at":null,"dependency_job_id":"1bafad36-b408-49c8-98d3-3b71f81f99ff","html_url":"https://github.com/dmnsgn/react-redux-workshop","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/dmnsgn%2Freact-redux-workshop","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dmnsgn%2Freact-redux-workshop/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dmnsgn%2Freact-redux-workshop/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dmnsgn%2Freact-redux-workshop/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dmnsgn","download_url":"https://codeload.github.com/dmnsgn/react-redux-workshop/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":234475316,"owners_count":18839358,"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":["createjs","gsap","i18next","react","react-redux","react-router","react-router-v4","redux","workshop"],"created_at":"2024-11-17T11:33:23.352Z","updated_at":"2025-09-28T00:32:11.772Z","avatar_url":"https://github.com/dmnsgn.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"React Redux Workshop\n====================\n\n## Requirements\n* `node` \u003e= 6\n* `npm` \u003e= 3 or `yarn`\n\n## Optional\n* [React Devtools extension](https://github.com/facebook/react-devtools)\n* [Redux Devtools extension](https://github.com/zalmoxisus/redux-devtools-extension)\n\n## Editor packages\n* [Babel Sublime](https://github.com/babel/babel-sublime)\n* [atom language-babel](https://atom.io/packages/language-babel)\n\n## Glossary\n* [01 - Setup](/workshop/01-setup.md)\n* [02 - React](/workshop/02-react.md)\n* [03 - Redux](/workshop/03-redux.md)\n* [04 - Router](/workshop/04-router.md)\n* [05 - i18n](/workshop/05-i18n.md)\n* [06 - Preloading](/workshop/06-preloading.md)\n* [07 - Case study: complex transitions](/workshop/07-case-study-complex-transitions.md)\n* [Going further](/workshop/going-further.md)\n\n## What are we going to learn?\n* A view library and a syntax extension for JS: [React](https://facebook.github.io/react/) and [JSX](https://facebook.github.io/jsx/)\n* A data state model: [Redux](https://github.com/reactjs/redux/) and the [react-redux](https://github.com/reactjs/react-redux/) binding\n* A routing library: [react-router](https://reacttraining.com/react-router/) v4\n* Typechecking: built-in PropTypes\n* Asset preloading and i18n integration\n* A real life example using complex loading and transitions\n\n## JavaScript features used:\n* [Module syntax](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import)\n* [Classes](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes)\n* [Template literals](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Template_literals)\n* [Arrow functions](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions)\n* [Destructuring assignment](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment)\n* [Spread operator](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_operator)\n* [Map](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map)\n* [Promise](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise)\n\n## Final result\n[Demo](https://react-redux-workshop.firebaseapp.com/)\n\n---\nNext: [01 - Setup](/workshop/01-setup.md)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdmnsgn%2Freact-redux-workshop","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdmnsgn%2Freact-redux-workshop","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdmnsgn%2Freact-redux-workshop/lists"}