{"id":13466798,"url":"https://github.com/kay-is/react-from-zero","last_synced_at":"2025-04-13T18:36:46.908Z","repository":{"id":37451344,"uuid":"44830159","full_name":"kay-is/react-from-zero","owner":"kay-is","description":"A simple (99% ES2015 less) tutorial for React","archived":false,"fork":false,"pushed_at":"2019-01-23T17:51:43.000Z","size":83,"stargazers_count":4594,"open_issues_count":3,"forks_count":404,"subscribers_count":128,"default_branch":"master","last_synced_at":"2025-04-06T15:08:50.220Z","etag":null,"topics":["example","learning","lesson","react","tutorial"],"latest_commit_sha":null,"homepage":"https://www.fullstackreact.com/react-from-zero/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/kay-is.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}},"created_at":"2015-10-23T18:10:39.000Z","updated_at":"2025-04-01T14:40:09.000Z","dependencies_parsed_at":"2022-08-19T12:40:44.674Z","dependency_job_id":null,"html_url":"https://github.com/kay-is/react-from-zero","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/kay-is%2Freact-from-zero","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kay-is%2Freact-from-zero/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kay-is%2Freact-from-zero/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kay-is%2Freact-from-zero/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kay-is","download_url":"https://codeload.github.com/kay-is/react-from-zero/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248761858,"owners_count":21157623,"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":["example","learning","lesson","react","tutorial"],"created_at":"2024-07-31T15:00:50.173Z","updated_at":"2025-04-13T18:36:46.888Z","avatar_url":"https://github.com/kay-is.png","language":"HTML","readme":"# React From Zero\n\nA simple (99% ES2015 less) tutorial for React. Everything runs in the browser without a manual pre-compilation.\n\n[![Book Banner](https://i.imgur.com/ZbXgQrw.png)](https://www.fullstackreact.com/react-from-zero/)\n\n## Create React App\n\nIf you want to run the examples with [create-react-app](https://github.com/facebook/create-react-app), you have to copy the `text/babel` script parts of the examples into the `src/index.js` file of the React app you created and change the `renderTarget`s ID from `app` to `root`.\n\n## Translations\n\n- [![china](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/China.png) **中文/Chinese**](https://github.com/chinanf-boy/react-from-zero)\n\n- [![brazil](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Brazil.png) **Brazilian Portuguese**](https://github.com/andre-motta/react-from-zero)\n\n- [![Russia](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Russia.png) **Russian**](https://github.com/lex111/react-from-zero)\n\n- [![Spain](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Spain.png) **Español / Spanish**](https://github.com/sejas/react-desde-cero)\n\n- [![Korean](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/South-Korea.png) **Korean**](https://github.com/YongPilMoon/react-from-zero)\n## Lessons\n\n[Lesson 0 - Object Elements](https://github.com/kay-is/react-from-zero/blob/master/00-object-elements.html) -\n[Preview](http://kay-is.github.io/react-from-zero/00-object-elements.html)\n\n[Lesson 1 - Element Factory](https://github.com/kay-is/react-from-zero/blob/master/01-element-factory.html) -\n[Preview](http://kay-is.github.io/react-from-zero/01-element-factory.html)\n\n[Lesson 2 - JSX](https://github.com/kay-is/react-from-zero/blob/master/02-jsx.html) -\n[Preview](http://kay-is.github.io/react-from-zero/02-jsx.html)\n\n[Lesson 3 - Nested Elements](https://github.com/kay-is/react-from-zero/blob/master/03-nested-elements.html) -\n[Preview](http://kay-is.github.io/react-from-zero/03-nested-elements.html)\n\n[Lesson 4 - Components](https://github.com/kay-is/react-from-zero/blob/master/04-components.html) -\n[Preview](http://kay-is.github.io/react-from-zero/04-components.html)\n\n[Lesson 5 - Properties](https://github.com/kay-is/react-from-zero/blob/master/05-properties.html) -\n[Preview](http://kay-is.github.io/react-from-zero/05-properties.html)\n\n[Lesson 6 - Property Types](https://github.com/kay-is/react-from-zero/blob/master/06-property-types.html) -\n[Preview](http://kay-is.github.io/react-from-zero/06-property-types.html)\n\n[Lesson 7 - Property Example](https://github.com/kay-is/react-from-zero/blob/master/07-property-example.html) -\n[Preview](http://kay-is.github.io/react-from-zero/07-property-example.html)\n\n[Lesson 8 - Nested Components](https://github.com/kay-is/react-from-zero/blob/master/08-nested-components.html) -\n[Preview](http://kay-is.github.io/react-from-zero/08-nested-components.html)\n\n[Lesson 9 - Component Classes](https://github.com/kay-is/react-from-zero/blob/master/09-component-classes.html) -\n[Preview](http://kay-is.github.io/react-from-zero/09-component-classes.html)\n\n[Lesson 10 - Example App](https://github.com/kay-is/react-from-zero/blob/master/10-example-app.html) -\n[Preview](http://kay-is.github.io/react-from-zero/10-example-app.html)\n\n[Lesson 11 - Lifecycle Methods](https://github.com/kay-is/react-from-zero/blob/master/11-lifecycle-methods.html) -\n[Preview](http://kay-is.github.io/react-from-zero/11-lifecycle-methods.html)\n\n[Lesson 12 - Component refactor](https://github.com/kay-is/react-from-zero/blob/master/12-component-refactor.html) -\n[Preview](http://kay-is.github.io/react-from-zero/12-component-refactor.html)\n\n[Lesson 13 - Element Refactor](https://github.com/kay-is/react-from-zero/blob/master/13-element-refactor.html) -\n[Preview](http://kay-is.github.io/react-from-zero/13-element-refactor.html)\n\n[Lesson 14 - References](https://github.com/kay-is/react-from-zero/blob/master/14-references.html) -\n[Preview](http://kay-is.github.io/react-from-zero/14-references.html)\n\n[Lesson 15 - Simple Integration](https://github.com/kay-is/react-from-zero/blob/master/15-simple-integration.html) -\n[Preview](http://kay-is.github.io/react-from-zero/15-simple-integration.html)\n\n[Lesson 16 - Advanced Integration](https://github.com/kay-is/react-from-zero/blob/master/16-advanced-integration.html) -\n[Preview](http://kay-is.github.io/react-from-zero/16-advanced-integration.html)\n\n[Lesson 17 - Unit Testing](https://github.com/kay-is/react-from-zero/blob/master/17-unit-testing.html) -\n[Preview](http://kay-is.github.io/react-from-zero/17-unit-testing.html)\n","funding_links":[],"categories":["HTML","FrontEnd","Web Development"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkay-is%2Freact-from-zero","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkay-is%2Freact-from-zero","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkay-is%2Freact-from-zero/lists"}