Projects in Awesome Lists by the-road-to-learn-react
A curated list of projects in awesome lists by the-road-to-learn-react .
https://github.com/the-road-to-learn-react/the-road-to-learn-react
📓The Road to learn React: Your journey to master plain yet pragmatic React.js
book learn-react learn-reactjs react react-book reactjs
Last synced: 18 Jan 2025
https://github.com/the-road-to-learn-react/the-road-to-learn-react-chinese
《React 学习之道》The Road to learn React (简体中文版) | 最简单,且最实用的 React 实战教程。
chinese es6 react react-book redux translation tutorial
Last synced: 15 May 2025
https://github.com/the-road-to-learn-react/hackernews-client
The Source Code for "The Road to learn React" E-Book
create-react-app react reactjs
Last synced: 06 Apr 2025
https://github.com/the-road-to-learn-react/the-road-to-react
📓The Road to React: Your journey to master React.js
Last synced: 18 Mar 2025
https://github.com/the-road-to-learn-react/use-state-with-callback
Custom hook to include a callback function for useState.
callback react react-hook react-hooks react-use-state-callback reactjs
Last synced: 13 Apr 2025
https://github.com/the-road-to-learn-react/react-hooks-introduction
Introduction to React Hooks for function components (released in React 16.7.)
function-components react react-hook react-hooks reactjs
Last synced: 08 Apr 2025
https://github.com/the-road-to-learn-react/use-data-api
Custom hook for React Components to fetch data from an API.
react react-data react-fetch reactjs
Last synced: 10 Apr 2025
https://github.com/the-road-to-learn-react/react-local-storage
Showcase on how to use the native localStorage of the browser in React.
local-storage localstorage react-local-storage session-storage sessionstorage
Last synced: 10 Apr 2025
https://github.com/the-road-to-learn-react/the-road-to-learn-react-russian
The Road to Learn React - Русский перевод
react react-book reactjs russian translation
Last synced: 10 Apr 2025
https://github.com/the-road-to-learn-react/the-road-to-learn-react-korean
🇰🇷 리액트 도움닫기 - The the Road to learn React (2018) [Deprecated]
korean korean-docs learn-react react-book reactjs translation
Last synced: 07 May 2025
https://github.com/the-road-to-learn-react/hacker-stories
The Source Code for "The Road to React" Book
Last synced: 05 Apr 2025
https://github.com/the-road-to-learn-react/use-custom-element
Custom hook to bridge Custom Elements (Web Components) to React.
custom-element custom-elements react react-hook react-hooks reactjs web-component web-components
Last synced: 12 Apr 2025
https://github.com/the-road-to-learn-react/the-road-to-learn-react-portuguese
The Road to Learn React - Tradução para o Português
book learn-react learn-reactjs portuguese react react-book reactjs translation
Last synced: 10 Apr 2025
https://github.com/the-road-to-learn-react/use-combined-reducers
Custom hook to combine all useReducer hooks for one global state container.
react redux state-management use-combined-reducers use-reducer
Last synced: 10 Apr 2025
https://github.com/the-road-to-learn-react/react-router-dynamic-routes-example
An example implementation of dynamic routes with React Router
create-react-app dynamic-routes react react-router-v4 reactjs
Last synced: 10 Apr 2025
https://github.com/the-road-to-learn-react/the-road-to-learn-react-spanish
The Road to learn React - Spanish Translation
learn-react react react-book reactjs spanish translation
Last synced: 10 Jun 2025
https://github.com/the-road-to-learn-react/the-road-to-react-chinese
《React 学习之道》2020 简体中文版
Last synced: 18 Mar 2025
https://github.com/the-road-to-learn-react/react-redux-example
React Redux Example
create-react-app react react-redux react-redux-demo reactjs redux
Last synced: 10 Apr 2025
https://github.com/the-road-to-learn-react/react-alternative-class-component-syntax
An alternative/future way of React Class Component with Class Field Declarations
class-properties es6-classes javascript-class react reactjs
Last synced: 10 Apr 2025
https://github.com/the-road-to-learn-react/react-controlled-components-examples
A set of controlled components in React: Select, Input, Radio, Checkbox
controlled-components create-react-app react reactjs
Last synced: 10 Apr 2025
https://github.com/the-road-to-learn-react/react-testing-mocha-chai-enzyme
A solid test setup for React components with Mocha, Chai, Sinon, Enzyme in a Webpack/Babel application.
babel chai coverage coverage-report coverage-testing coveralls enzyme jest mocha react reactjs sinon travis travis-ci webpack
Last synced: 12 Apr 2025
https://github.com/the-road-to-learn-react/react-with-redux-philosophy
React state management with Redux philosophy.
react react-hooks reactjs usecontext usereducer usestate
Last synced: 10 Apr 2025
https://github.com/the-road-to-learn-react/react-context-example
Showcasing React Context
Last synced: 10 Apr 2025
https://github.com/the-road-to-learn-react/react-styled-components-example
React Styled Components Example
create-react-app react reactjs styled-components
Last synced: 10 Apr 2025
https://github.com/the-road-to-learn-react/the-road-to-learn-react-french
French Translation - The the Road to learn React
french react react-book reactjs translation
Last synced: 10 Apr 2025
https://github.com/the-road-to-learn-react/react-testing-jest-enzyme
A solid test setup for React components with Jest and Enzyme in a React + Webpack application.
jest jest-snapshots jest-test jest-tests react-jest react-testing
Last synced: 10 Apr 2025
https://github.com/the-road-to-learn-react/react-list-component
Implementation of different list components in React.
react react-js react-list react-list-view reactjs
Last synced: 02 May 2025
https://github.com/the-road-to-learn-react/the-road-to-react-korean
🇰🇷 더 로드 투 런 리액트 - The Road to React (2020)
Last synced: 10 Apr 2025
https://github.com/the-road-to-learn-react/react-semantic-ui-example
React Semantic UI Example
react reactjs reactjs-components semantic-ui semantic-ui-react
Last synced: 10 Apr 2025
https://github.com/the-road-to-learn-react/react-children-as-a-function-example
An example implementation of React's children as a function for implementing a currency converter
react reactjs render-prop render-props
Last synced: 11 Jun 2025
https://github.com/the-road-to-learn-react/react-component-organization-example
React Code Organization Example
create-react-app react react-components reactjs reactjs-components
Last synced: 10 Apr 2025
https://github.com/the-road-to-learn-react/react-mobx-local-state-example
React MobX (for Local State) Example
create-react-app mobx mobx-react react redux
Last synced: 10 Apr 2025
https://github.com/the-road-to-learn-react/react-local-storage-cache
How to cache results in React with Local Storage.
cache local-storage localstorage react react-cache react-local-storage
Last synced: 10 Apr 2025
https://github.com/the-road-to-learn-react/the-road-to-learn-react-italian
The Road to learn React - Italian Translation
italian learn-react react react-book reactjs translation
Last synced: 22 Jun 2025
https://github.com/the-road-to-learn-react/react-autosave-example
Autosave on a Form for React by Example
Last synced: 10 Apr 2025
https://github.com/the-road-to-learn-react/react-slot-pattern-example
An example implementation of React's slot pattern for passing components as props
create-react-app react reactjs slot-pattern
Last synced: 10 Apr 2025
https://github.com/the-road-to-learn-react/react-hooks-usestate-vs-usereducer
Showcasing when to use useState vs useReducer in React.
react reactjs usereducer usestate
Last synced: 10 Apr 2025
https://github.com/the-road-to-learn-react/react-prevent-rerender-component
Showcasing when and how to prevent a rerender of a component in React
purecomponent react reactjs shouldcomponentupdate
Last synced: 10 Apr 2025
https://github.com/the-road-to-learn-react/react-mock-data
How to mock data in React with a fake API
Last synced: 10 Apr 2025
https://github.com/the-road-to-learn-react/react-asynchronous-request-setstate-unmounted-component
Example of preventing to set state on unmounted React Components
asynchronous react reactjs setstate
Last synced: 10 Apr 2025
https://github.com/the-road-to-learn-react/react-intersection-observer-api-example
Showcasing of the Intersection Observer API in React with createRef()
createref intersection-observer intersectionobserver intersectionobserver-api react reactjs
Last synced: 10 Apr 2025
https://github.com/the-road-to-learn-react/react-interval-setstate-unmounted-component-performance
Example on removing intervals (or listeners) on unmounted React Components
react reactjs setstate warning
Last synced: 10 Apr 2025
https://github.com/the-road-to-learn-react/react-component-types
React Component Types
react-component react-component-types react-components
Last synced: 10 Apr 2025
https://github.com/the-road-to-learn-react/react-component-composition-example
React Component Composition by Example
react react-component react-component-composition react-component-props react-components react-props reactjs
Last synced: 10 Apr 2025
https://github.com/the-road-to-learn-react/react-usereducer-hook
State management in React with the useReducer hook.
react react-state react-state-management reactjs reducer reducers usereducer
Last synced: 10 Apr 2025
https://github.com/the-road-to-learn-react/create-react-app-with-css-modules
Showcasing how CSS modules work in create-react-app
Last synced: 10 Apr 2025
https://github.com/the-road-to-learn-react/create-react-app-with-sass
Showcasing on how to use SASS in create-react-app
Last synced: 10 Apr 2025
https://github.com/the-road-to-learn-react/react-render-prop-component-for-state
An example implementation of React's render props for managing state on behalf of a component
react reactjs render-prop render-props renderprops
Last synced: 10 Apr 2025
https://github.com/the-road-to-learn-react/react-reusable-components
Showcasing how reusable components can be made reusable in React.
function-component react reactjs reusable-component reusable-components
Last synced: 10 Apr 2025
https://github.com/the-road-to-learn-react/the-road-to-react-portuguese
📓The Road to React: Sua jornada para dominar React.js
Last synced: 18 Mar 2025
https://github.com/the-road-to-learn-react/react-event-handlers
Showcasing how different React event handlers work.
react-event react-event-handlers react-events
Last synced: 10 Apr 2025
https://github.com/the-road-to-learn-react/react-slider
React Slider Component by Example
react-range-slider-component react-rangeslider react-slider react-slider-component
Last synced: 10 Apr 2025
https://github.com/the-road-to-learn-react/the-road-to-react-spanish
📓The Road to React: Your journey to master React.js
Last synced: 18 Mar 2025
https://github.com/the-road-to-learn-react/react-composability-over-configurability
Simple example showing the power of composition in React.
composability composable composition configuration react reactjs
Last synced: 10 Apr 2025
https://github.com/the-road-to-learn-react/react-usereducer-middleware
React's useReducer Hook with Middleware (and Afterware)
Last synced: 10 Apr 2025
https://github.com/the-road-to-learn-react/react-computed-properties
Computed Properties in React
react react-computed-properties react-state react-state-management reactjs
Last synced: 10 Apr 2025
https://github.com/the-road-to-learn-react/react-usestate-hook
Showcasing how state management in React works with the useState hook.
react react-state react-state-management reactjs state usestate
Last synced: 10 Apr 2025
https://github.com/the-road-to-learn-react/react-remove-item-from-list
Remove an Item from List in React
react react-list react-state react-usereducer react-usestate reactjs
Last synced: 10 Apr 2025
https://github.com/the-road-to-learn-react/react-render-props-example
An example implementation of React's render props for implementing an advanced List component
create-react-app react reactjs render-prop render-props
Last synced: 10 Apr 2025
https://github.com/the-road-to-learn-react/react-styling
Different examples on how to CSS style React components
Last synced: 10 Apr 2025
https://github.com/the-road-to-learn-react/react-add-item-to-list
Add an Item to a List in React
react react-list react-state react-usereducer react-usestate reactjs
Last synced: 10 Apr 2025
https://github.com/the-road-to-learn-react/the-road-to-learn-react-vietnamese
Vietnamese Translation - The the Road to learn React
Last synced: 18 Mar 2025
https://github.com/the-road-to-learn-react/react-derive-state-props
How to derive state from props in React
Last synced: 10 Apr 2025
https://github.com/the-road-to-learn-react/react-router-nested-routes-example
An example implementation of nested routes with React Router
create-react-app nested-routes react react-router-v4 reactjs
Last synced: 10 Jun 2025
https://github.com/the-road-to-learn-react/the-road-to-learn-react-persian
📓The Road to learn React: Your journey to master plain yet pragmatic React.js
book learn-react learn-reactjs persia persian react react-book reactjs
Last synced: 18 Mar 2025
https://github.com/the-road-to-learn-react/react-update-item-in-list
Update an Item in a List in React
react react-list react-state react-usereducer react-usestate reactjs
Last synced: 10 Apr 2025
https://github.com/the-road-to-learn-react/the-road-to-learn-react-albanian
📓The Road to learn React: Your journey to master plain yet pragmatic React.js
albania albanian book learn-react react react-book reactjs
Last synced: 18 Mar 2025
https://github.com/the-road-to-learn-react/react-ref-example
How to use ref in React as exmaple
Last synced: 12 Jun 2025
https://github.com/the-road-to-learn-react/use-with-viewbox
Custom hook to add a viewbox attribute to your SVG in case it's missing.
react react-svg reactjs svg-viewbox
Last synced: 18 Mar 2025
https://github.com/the-road-to-learn-react/the-road-to-react-german
📓The Road to React: Your journey to master React.js
Last synced: 18 Mar 2025
https://github.com/the-road-to-learn-react/react-lift-state
Showcasing how lifting state up and down works in React.
react react-state react-state-management react-stateful-component reactjs
Last synced: 18 Mar 2025
https://github.com/the-road-to-learn-react/react-range
React Range Component by Example
react-range react-range-slider-component react-rangeslider
Last synced: 18 Mar 2025