{"id":2983045,"url":"https://github.com/softchris/react-book","last_synced_at":"2026-10-19T13:49:36.819Z","repository":{"id":37264442,"uuid":"135325962","full_name":"softchris/react-book","owner":"softchris","description":"Free book on React. Beginner to intermediate.","archived":false,"fork":false,"pushed_at":"2023-01-08T06:40:55.000Z","size":4065,"stargazers_count":1353,"open_issues_count":30,"forks_count":188,"subscribers_count":42,"default_branch":"master","last_synced_at":"2026-09-22T11:50:40.422Z","etag":null,"topics":["book","free","javascript","programming","react","react-book","reactjs","webdevelopment"],"latest_commit_sha":null,"homepage":"https://softchris.github.io/react-book","language":"JavaScript","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/softchris.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-05-29T16:45:56.000Z","updated_at":"2026-09-15T06:29:37.000Z","dependencies_parsed_at":"2023-02-08T05:15:47.119Z","dependency_job_id":null,"html_url":"https://github.com/softchris/react-book","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/softchris/react-book","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/softchris%2Freact-book","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/softchris%2Freact-book/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/softchris%2Freact-book/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/softchris%2Freact-book/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/softchris","download_url":"https://codeload.github.com/softchris/react-book/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/softchris%2Freact-book/sbom","scorecard":{"id":836033,"data":{"date":"2025-08-11","repo":{"name":"github.com/softchris/react-book","commit":"e42fc4824eea198bc3933d666500e67cb2265809"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":1.7,"checks":[{"name":"Token-Permissions","score":-1,"reason":"No tokens found","details":null,"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"Dangerous-Workflow","score":-1,"reason":"no workflows found","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"Maintained","score":0,"reason":"0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Code-Review","score":0,"reason":"Found 0/3 approved changesets -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"Pinned-Dependencies","score":-1,"reason":"no dependencies found","details":null,"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"License","score":10,"reason":"license file detected","details":["Info: project has a license file: LICENSE:0","Info: FSF or OSI recognized license: MIT License: LICENSE:0"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Branch-Protection","score":0,"reason":"branch protection not enabled on development/release branches","details":["Warn: branch protection not enabled for branch 'master'"],"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}},{"name":"SAST","score":0,"reason":"SAST tool is not run on all commits -- score normalized to 0","details":["Warn: 0 commits out of 27 are checked with a SAST tool"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}},{"name":"Vulnerabilities","score":0,"reason":"81 existing vulnerabilities detected","details":["Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8","Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92","Warn: Project is vulnerable to: GHSA-whgm-jr23-g3j9","Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw","Warn: Project is vulnerable to: GHSA-qwcr-r2fm-qrc7","Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw","Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg","Warn: Project is vulnerable to: GHSA-w8qv-6jwh-64r5","Warn: Project is vulnerable to: GHSA-pxg6-pf52-xh8x","Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275","Warn: Project is vulnerable to: GHSA-w573-4hg7-7wgq","Warn: Project is vulnerable to: GHSA-3wcq-x3mq-6r9p","Warn: Project is vulnerable to: GHSA-rv95-896h-c2vc","Warn: Project is vulnerable to: GHSA-qw6h-vgh9-j6wx","Warn: Project is vulnerable to: GHSA-jchw-25xp-jwwc","Warn: Project is vulnerable to: GHSA-cxjh-pqwp-8mfp","Warn: Project is vulnerable to: GHSA-c7qv-q95q-8v27","Warn: Project is vulnerable to: GHSA-78xj-cgh5-2h22","Warn: Project is vulnerable to: GHSA-2p57-rm9w-gvfp","Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h","Warn: Project is vulnerable to: GHSA-76p3-8jx3-jpfq","Warn: Project is vulnerable to: GHSA-3rfm-jhwj-7488","Warn: Project is vulnerable to: GHSA-hhq3-ff78-jv3g","Warn: Project is vulnerable to: GHSA-29mw-wpgm-hmr9","Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm","Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv","Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3","Warn: Project is vulnerable to: GHSA-5rrq-pxf6-6jx5","Warn: Project is vulnerable to: GHSA-8fr3-hfg3-gpgp","Warn: Project is vulnerable to: GHSA-gf8q-jrpm-jvxq","Warn: Project is vulnerable to: GHSA-2r2c-g63r-vccr","Warn: Project is vulnerable to: GHSA-cfm4-qjh2-4765","Warn: Project is vulnerable to: GHSA-x4jg-mjrx-434g","Warn: Project is vulnerable to: GHSA-76c9-3jph-rj3q","Warn: Project is vulnerable to: GHSA-hj48-42vr-x3v9","Warn: Project is vulnerable to: GHSA-9wv6-86v2-598j","Warn: Project is vulnerable to: GHSA-rhx6-c78j-4q9w","Warn: Project is vulnerable to: GHSA-hrpp-h998-j3pp","Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw","Warn: Project is vulnerable to: GHSA-m6fv-jmcg-4jfg","Warn: Project is vulnerable to: GHSA-cm22-4g7w-348p","Warn: Project is vulnerable to: GHSA-4wf5-vphf-c2xc","Warn: Project is vulnerable to: GHSA-hc6q-2mpp-qw7j","Warn: Project is vulnerable to: GHSA-4vvj-4cpr-p986","Warn: Project is vulnerable to: GHSA-wr3j-pwj9-hqq6","Warn: Project is vulnerable to: GHSA-4v9v-hfq4-rm2v","Warn: Project is vulnerable to: GHSA-9jgg-88mc-972h","Warn: Project is vulnerable to: GHSA-6fc8-4gx4-v693","Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q","Warn: Project is vulnerable to: GHSA-x9w5-v3q2-3rhw","Warn: Project is vulnerable to: GHSA-phwq-j96m-2c2q","Warn: Project is vulnerable to: GHSA-ghr5-ch3p-vcr6","Warn: Project is vulnerable to: GHSA-r9p9-mrjm-926w","Warn: Project is vulnerable to: GHSA-434g-2637-qmqr","Warn: Project is vulnerable to: GHSA-49q7-c7j4-3p7m","Warn: Project is vulnerable to: GHSA-977x-g7h5-7qgw","Warn: Project is vulnerable to: GHSA-f7q4-pwc6-w24p","Warn: Project is vulnerable to: GHSA-fc9h-whq2-v747","Warn: Project is vulnerable to: GHSA-vjh7-7g9h-fjfh","Warn: Project is vulnerable to: GHSA-4gmj-3p3h-gm8h","Warn: Project is vulnerable to: GHSA-fjxv-7rqg-78g4","Warn: Project is vulnerable to: GHSA-ww39-953v-wcq6","Warn: Project is vulnerable to: GHSA-33f9-j839-rf8h","Warn: Project is vulnerable to: GHSA-c36v-fmgq-m8hx","Warn: Project is vulnerable to: GHSA-7r28-3m3f-r2pr","Warn: Project is vulnerable to: GHSA-r8j5-h5cx-65gg","Warn: Project is vulnerable to: GHSA-896r-f27r-55mw","Warn: Project is vulnerable to: GHSA-mwcw-c2x4-8c55","Warn: Project is vulnerable to: GHSA-rp65-9cf3-cjxr","Warn: Project is vulnerable to: GHSA-h7cp-r72f-jxh6","Warn: Project is vulnerable to: GHSA-v62p-rq8g-8h59","Warn: Project is vulnerable to: GHSA-566m-qj78-rww5","Warn: Project is vulnerable to: GHSA-hwj9-h5mp-3pm3","Warn: Project is vulnerable to: GHSA-7fh5-64p2-3v2j","Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6","Warn: Project is vulnerable to: GHSA-gcx4-mw62-g8wm","Warn: Project is vulnerable to: GHSA-g4rg-993r-mgx7","Warn: Project is vulnerable to: GHSA-vx3p-948g-6vhq","Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36","Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3","Warn: Project is vulnerable to: GHSA-j8xg-fqg3-53r7"],"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}}]},"last_synced_at":"2025-08-23T19:05:27.418Z","repository_id":37264442,"created_at":"2025-08-23T19:05:27.418Z","updated_at":"2025-08-23T19:05:27.418Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":344872684,"owners_count":38357874,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-10-03T21:59:58.778Z","status":"online","status_checked_at":"2026-10-19T02:00:06.414Z","response_time":53,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["book","free","javascript","programming","react","react-book","reactjs","webdevelopment"],"created_at":"2024-01-31T02:24:23.417Z","updated_at":"2026-10-19T13:49:36.167Z","avatar_url":"https://github.com/softchris.png","language":"JavaScript","funding_links":[],"categories":["Books"],"sub_categories":[],"readme":"[![GitHub license](https://img.shields.io/github/license/softchris/react-book.svg)](https://github.com/softchris/react-book/blob/master/LICENSE)\n[![GitHub contributors](https://img.shields.io/github/contributors/softchris/react-book.svg)](https://GitHub.com/softchris/react-book/graphs/contributors/)\n[![GitHub issues](https://img.shields.io/github/issues/softchris/react-book.svg)](https://GitHub.com/softchris/react-book/issues/)\n[![GitHub pull-requests](https://img.shields.io/github/issues-pr/softchris/react-book.svg)](https://GitHub.com/softchris/react-book/pull/)\n[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)\n\n[![GitHub forks](https://img.shields.io/github/forks/softchris/react-book.svg?style=social\u0026label=Fork\u0026maxAge=2592000)](https://GitHub.com/softchris/react-book/network/)\n[![GitHub stars](https://img.shields.io/github/stars/softchris/react-book.svg?style=social\u0026label=Star\u0026maxAge=2592000)](https://GitHub.com/softchris/react-book/stargazers/)\n[![GitHub watchers](https://img.shields.io/github/watchers/softchris/react-book.svg?style=social\u0026label=Watch\u0026maxAge=2592000)](https://GitHub.com/softchris/react-book/watchers/)\n\n# React Book, your beginner guide to React\n\nThis is a completely free book on React.js\n\nWhy did I write it?  Knowledge deserves to be free. Note, things changes fast, and I would love to have your help keeping it up to date.\n\nHope the book helps you in your career.\n\n## Need to brush up on Web Dev basics?\n\nI know we sometimes have a tendency to learn a framework before we know the basics of a language. It's fine, no shame. But if you need to brush up on your Web Dev basics then this repo takes you from the very beginning to some decently advanced projects on HTML, CSS and JavaScript\n\nI've co authored this repo on web fundamentals.\n\nCheck it out 👉 [Web dev for beginners](https://github.com/microsoft/Web-Dev-For-Beginners)\n\n## Contact\n\nI'm easiest to find on Twitter.\n\n👉 [Chris Noring](https://twitter.com/chris_noring)\n\n## Table of Contents\n\n- [Contributions](#contributions)\n- [Translations](#translations)\n- [GitHub Pages](#github-pages)\n- [Links](#links)\n\nThe book \n- Basics\n   - [JSX](./1-basics/jsx.md)\n   - [Setup](./1-basics/setup.md)\n   - [First component](./1-basics/first-component.md)\n   - [Props](./1-basics/props.md)\n   - [State](./1-basics/state.md)\n   - [Methods](./1-basics/methods.md)\n   - [Thinking in Components](./1-basics/thinking-in-components.md)\n   - [Conditional](./1-basics/conditional.md)\n- Styling\n   - [Styled components](./2-styling/styled-components.md)\n- Images\n   - [Importing images](./3-images/images.md)\n- Routing\n   - [Routing](./4-routing/routing.md)\n   - [Router and query parameters](./4-routing/params.md)\n   - [Programmatic navigation](./4-routing/programmatic-navigation.md)\n   - [Lazy loading](./4-routing/lazy-loading.md)\n- Advanced\n   - [Context API](./5-advanced/context-api.md)\n   - [Hooks](./5-advanced/hooks.md)\n   - [render-props](./5-advanced/render-props.md)\n- Testing\n   - [Jest](./6-testing/jest.md)\n   - [nock](./6-testing/nock.md)\n   - [react-testing-library](./6-testing/react-testing-library.md)  \n- Redux\n   - [Redux basics](./7-redux/redux.md)\n   - [Actions](./7-redux/actions.md)\n   - [Reducers](./7-redux/reducers.md)\n   - [Store](./7-redux/store.md)\n   - [Adding Redux to React](./7-redux/adding-redux-to-react.md)\n   - [Sagas, side effects](./7-redux/sagas.md)\n   - [Redux form](./7-redux/redux-form.md) \n- Tools\n   - [Storybook](./8-tools/storybook.md) \n- Forms\n   - [forms](./9-forms/forms.md)\n   - [Forms validation](./9-forms/forms-validation.md)\n   - [Formik part I](./9-forms/formik-partI.md)\n   - [Formik part II](./9-forms/formik-partII.md)\n\n## Contributions\n\nContributions are very welcome. Please raise an issue of you see something or a PR.\n\nI welcome contributions on:\n\n- Suggestions on topics to cover\n- Correctness issues\n- Spelling\n- Suggestions on better formatting\n\nI hope I hear from you. :)\n\n## Translations\n\nThis book now supports Docsify and really welcomes translations. Check out [Translations.md](./TRANSLATIONS.md)\n\n## GitHub Pages\n\nThis book can also be read on GH Pages\n\n\u003e https://softchris.github.io/react-book/\n\n## Links\n\n- 👉 [Publish a React App to Azure](https://docs.microsoft.com/en-us/learn/modules/publish-app-service-static-web-app-api/?WT.mc_id=academic-0000-chnoring) This module takes you through using the so called Azure Static Web Apps service, you can select the path that fits your framework, i.e React, Angular, Vue or Svelte.\n\n- 👉 [Node.js 5 modules](https://docs.microsoft.com/en-us/learn/paths/build-javascript-applications-nodejs/?WT.mc_id=academic-0000-chnoring) You're going to need a backend API sooner or later. Node.js is good choice for backend and there are many frameworks that will help you build an API like Express, Koa, Nest, Fastify etc.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsoftchris%2Freact-book","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsoftchris%2Freact-book","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsoftchris%2Freact-book/lists"}