{"id":16169327,"url":"https://github.com/jabrena/reactlab","last_synced_at":"2026-02-15T08:33:12.308Z","repository":{"id":73643890,"uuid":"64957249","full_name":"jabrena/ReactLab","owner":"jabrena","description":"A Lab about ReactJS","archived":false,"fork":false,"pushed_at":"2016-10-18T22:21:12.000Z","size":12392,"stargazers_count":2,"open_issues_count":6,"forks_count":0,"subscribers_count":7,"default_branch":"master","last_synced_at":"2025-10-09T19:34:06.708Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://jabrena.github.io/ReactLab/www/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jabrena.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2016-08-04T18:15:19.000Z","updated_at":"2016-09-15T19:50:15.000Z","dependencies_parsed_at":null,"dependency_job_id":"c9a30b50-bff8-41e2-8313-00e78d5cc7e3","html_url":"https://github.com/jabrena/ReactLab","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"purl":"pkg:github/jabrena/ReactLab","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jabrena%2FReactLab","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jabrena%2FReactLab/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jabrena%2FReactLab/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jabrena%2FReactLab/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jabrena","download_url":"https://codeload.github.com/jabrena/ReactLab/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jabrena%2FReactLab/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29473718,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-15T06:58:05.414Z","status":"ssl_error","status_checked_at":"2026-02-15T06:58:05.085Z","response_time":118,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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-10T03:14:41.362Z","updated_at":"2026-02-15T08:33:12.292Z","avatar_url":"https://github.com/jabrena.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Lab\nA Lab to learn ReactJS in a creative way.\n\n## 1. Getting started (Week 1)\n\n- https://facebook.github.io/react/docs/tutorial.html\n\n### 1.1 Why React?\n\n- https://facebook.github.io/react/docs/why-react.html\n- https://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93controller\n- https://en.wikipedia.org/wiki/Single_responsibility_principle\n- https://medium.freecodecamp.com/angular-2-versus-react-there-will-be-blood-66595faafd51#.c9sj6lt8s\n\n### 1.2 JSX\n\n- https://facebook.github.io/react/docs/jsx-in-depth.html\n- https://facebook.github.io/jsx/\n- https://babeljs.io/repl/\n- https://ponyfoo.com/articles/react-jsx-and-es6-the-weird-parts\n- http://blog.zigomir.com/react.js/jquery/2015/01/11/jquery-versus-react-thinking.html\n- https://ponyfoo.com/articles/react-jsx-and-es6-the-weird-parts\n\n### 1.3 Hello World in React (Game 1)\n\nCreate a Web project and try to use React.js in a Web document.\n\n- https://facebook.github.io/react/docs/top-level-api.html#react.render\n\n*Dependencies*\n\n- https://cdnjs.com/libraries/react/\n- https://code.jquery.com/\n\n*Deployment notes*\n\nTo launch in localhost your example exist several alternatives. With Node.js you can use the following module.\n\n``` bash\nnpm install http-server -g\nhttp-server ./YOUR_PATH -p 3000\n```\n\nUsing Python, you can use the following command:\n\n``` bash\npython -m SimpleHTTPServer\n```\n\nIf you like to share your project in localhost to worldwide, you have 2 alternatives:\n\nhttps://ngrok.com/\n\n``` bash\n./ngrok authtoken YOUR_TOKEN\n./ngrok http 3000\n```\n\nhttps://localtunnel.github.io/www/\n\n``` bash\nnpm install -g localtunnel\nlt --port 3000 --subdomain myproject1\n```\n\n## 2. Using React in a Document (Week 2)\n\n### 2.1 React Component Lifecycle\n\n- https://facebook.github.io/react/docs/component-specs.html\n- https://facebook.github.io/react/docs/multiple-components.html\n- https://facebook.github.io/react/docs/tutorial.html\n\n### 2.2 States (render, getInitialState, getDefaultProps, change, click, submit, componentWillMount, componentDidMount)\n\n- https://facebook.github.io/react/docs/forms.html\n\n### 2.2 Adding logic in your components\n\n- https://facebook.github.io/react/tips/if-else-in-JSX.html\n- https://facebook.github.io/react/tips/expose-component-functions.html\n\n### 2.3 Properties\n\n- https://facebook.github.io/react/docs/reusable-components.html\n\n### 2.4 Create a contact form with React (Game 2)\n\n## 3. Interacting with the server (Week 3)\n\n### 3.1 React + JQuery\n\n- https://facebook.github.io/react/docs/tutorial.html\n- http://reactfordesigners.com/labs/reactjs-introduction-for-people-who-know-just-enough-jquery-to-get-by/\n- https://jquery.com/\n- http://blog.jquery.com/\n\n### 3.2 Fetching from the server\n\n### 3.3 Send data to the server\n\n### 3.4 Load data from a REST API or Mock in a Document (Game 3)\n\n## 4. SPA with React (Week 4)\n\n### 4.1 What is SPA?\n\nhttps://medium.com/@sapegin/react-and-redux-single-page-applications-resources-22cd859b0c1d#.lsjjkq1fo\n\n### 4.2 Redux\n\n- http://redux.js.org/\n- https://egghead.io/lessons/javascript-redux-the-single-immutable-state-tree?course=getting-started-with-redux\n\n### 4.3 React Router\n\n- https://github.com/reactjs/react-router\n- http://strml.github.io/react-router-component-transition/#/\n\n### 4.4 Reflux.js\n\n- https://github.com/reflux/refluxjs\n\n### 4.5 Inmutable.js\n\n- https://facebook.github.io/immutable-js/\n\n### 4.6 Create a simple SPA about your favourite hobbie (Game 4)\n\n*Dependencies*\n\n- https://cdnjs.com/libraries/react/\n- https://code.jquery.com/\n- http://www.jsdelivr.com/projects/refluxjs\n\n## 5. TDD with React (Week 5)\n\n- https://github.com/zpratt/react-tdd-guide\n\n## Requirements to participate in the \"React Games\"\n\nTo participate in the \"React Games\" it is necessary to manage:\n\n### Minimum\n\n- Git/Github\n- SublimeText 3\n- Experience in Web development (5 years of experience)\n- JQuery + Ajax\n- HTML5\n- Bootstrap\n\n### Standard\n\n- Gitflow\n- Chrome DevTools\n- Node.js programming\n- Grunt programming\n\n### Premium\n\n- MVC programming (Backbone.js, Angular.js)\n- Material Design / Web Components\n- ES2015\n- Gulp programming\n\n## Links\n\n- https://github.com/facebook/react/wiki/Examples\n- https://github.com/facebook/react-native\n- https://github.com/winterbe/spring-react-example\n- https://github.com/winterbe/spring-react-example/blob/master/src/main/java/com/winterbe/react/React.java\n- https://github.com/reflux/refluxjs\n- https://github.com/DavidWells/isomorphic-react-example\n- https://react-bootstrap.github.io/\n- http://www.material-ui.com/#/\n- https://facebook.github.io/react-native/blog/2016/03/24/introducing-hot-reloading.html\n- https://github.com/gaearon/react-hot-boilerplate\n- http://ghv.artzub.com/#repo=react\u0026climit=10000\u0026user=AgtLucas\n- http://ghv.artzub.com/#repo=jquery\u0026climit=2000\u0026user=timmywil\n- \n\n\n\n\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjabrena%2Freactlab","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjabrena%2Freactlab","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjabrena%2Freactlab/lists"}