The Road to React
Free ebook to learn the fundamentals of React in a practical way by building an application yourself.
Pinned Repositories
hacker-stories
The Source Code for "The Road to React" Book
hackernews-client
The Source Code for "The Road to learn React" E-Book
the-road-to-learn-react
📓The Road to learn React: Your journey to master plain yet pragmatic React.js
the-road-to-learn-react-chinese
《React 学习之道》The Road to learn React (简体中文版) | 最简单，且最实用的 React 实战教程。
the-road-to-react
📓The Road to React: Your journey to master React.js
the-road-to-react-chinese
《React 学习之道》2020 简体中文版
the-road-to-react-german
📓The Road to React: Your journey to master React.js
the-road-to-react-korean
🇰🇷 더 로드 투 런 리액트 - The Road to React (2020)
the-road-to-react-portuguese
📓The Road to React: Sua jornada para dominar React.js
use-state-with-callback
Custom hook to include a callback function for useState.
The Road to React's Repositories
the-road-to-learn-react/the-road-to-learn-react
📓The Road to learn React: Your journey to master plain yet pragmatic React.js
the-road-to-learn-react/use-data-api
Custom hook for React Components to fetch data from an API.
the-road-to-learn-react/react-router-dynamic-routes-example
An example implementation of dynamic routes with React Router
the-road-to-learn-react/react-alternative-class-component-syntax
An alternative/future way of React Class Component with Class Field Declarations
the-road-to-learn-react/react-controlled-components-examples
A set of controlled components in React: Select, Input, Radio, Checkbox
the-road-to-learn-react/react-list-component
Implementation of different list components in React.
the-road-to-learn-react/react-semantic-ui-example
React Semantic UI Example
the-road-to-learn-react/react-component-organization-example
React Code Organization Example
the-road-to-learn-react/react-local-storage-cache
How to cache results in React with Local Storage.
the-road-to-learn-react/react-slot-pattern-example
An example implementation of React's slot pattern for passing components as props
the-road-to-learn-react/react-hooks-usestate-vs-usereducer
Showcasing when to use useState vs useReducer in React.
the-road-to-learn-react/react-component-types
React Component Types
the-road-to-learn-react/react-component-composition-example
React Component Composition by Example
the-road-to-learn-react/create-react-app-with-css-modules
Showcasing how CSS modules work in create-react-app
the-road-to-learn-react/create-react-app-with-sass
Showcasing on how to use SASS in create-react-app
the-road-to-learn-react/react-usereducer-hook
State management in React with the useReducer hook.
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
the-road-to-learn-react/react-event-handlers
Showcasing how different React event handlers work.
the-road-to-learn-react/react-reusable-components
Showcasing how reusable components can be made reusable in React.
the-road-to-learn-react/react-composability-over-configurability
Simple example showing the power of composition in React.
the-road-to-learn-react/react-computed-properties
Computed Properties in React
the-road-to-learn-react/react-remove-item-from-list
Remove an Item from List in React
the-road-to-learn-react/react-render-props-example
An example implementation of React's render props for implementing an advanced List component
the-road-to-learn-react/react-usestate-hook
Showcasing how state management in React works with the useState hook.
the-road-to-learn-react/react-add-item-to-list
Add an Item to a List in React
the-road-to-learn-react/react-derive-state-props
How to derive state from props in React
the-road-to-learn-react/react-styling
Different examples on how to CSS style React components
the-road-to-learn-react/react-router-nested-routes-example
An example implementation of nested routes with React Router
the-road-to-learn-react/react-ref-example
How to use ref in React as exmaple
the-road-to-learn-react/react-lift-state
Showcasing how lifting state up and down works in React.