the-road-to-learn-react/the-road-to-react

Stars
370
Rank 115,405 (Top 3 %)
Language
Created almost 5 years ago
Updated 9 months ago

the-road-to-learn-react/the-road-to-react

the-road-to-learn-react

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

📓The Road to React: Your journey to master React.js

The Road to React [Book]

Official repository for The Road to React. If you want to leave a review, please do it on Amazon or Goodreads.

Updates, Help and Support

Get book updates via E-Mail or Twitter
Get help, while learning with the book or teach others, in the official Slack Channel
Find out how you can support the Book

Contribute

You can help to improve the book by opening Issues and Pull Requests (PR).

You can open up any PR that corrects spelling or explains a certain lesson with more detail. When writing such a technical book, you get fast blind on what needs more explanation and on what is already explained well.

In addition, you can open Issues when you run into problems. In order to make the fix for the Issue as easy as possible, please provide a couple of details such as error log, screenshot, which page of the book it happened, your node version (command line: node -v) and a link to your own repository. Not all of these details are mandatory, but most of them help to fix the Issue and to improve the book.

Thanks a lot for your help!

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 实战教程。

hackernews-client

The Source Code for "The Road to learn React" E-Book

use-state-with-callback

Custom hook to include a callback function for useState.

react-hooks-introduction

Introduction to React Hooks for function components (released in React 16.7.)

use-data-api

Custom hook for React Components to fetch data from an API.

react-local-storage

Showcase on how to use the native localStorage of the browser in React.

the-road-to-learn-react-russian

The Road to Learn React - Русский перевод

the-road-to-learn-react-korean

🇰🇷 리액트 도움닫기 - The the Road to learn React (2018) [Deprecated]

hacker-stories

The Source Code for "The Road to React" Book

use-custom-element

Custom hook to bridge Custom Elements (Web Components) to React.

the-road-to-learn-react-portuguese

The Road to Learn React - Tradução para o Português

use-combined-reducers

Custom hook to combine all useReducer hooks for one global state container.

react-router-dynamic-routes-example

An example implementation of dynamic routes with React Router

the-road-to-react-chinese

《React 学习之道》2020 简体中文版

the-road-to-learn-react-spanish

The Road to learn React - Spanish Translation

react-redux-example

React Redux Example

react-router-6-examples

react-alternative-class-component-syntax

An alternative/future way of React Class Component with Class Field Declarations

react-controlled-components-examples

A set of controlled components in React: Select, Input, Radio, Checkbox

react-firebase-chat

React Firebase Chat Example

react-flow-example

React Flow Type Checking Example

react-testing-mocha-chai-enzyme

A solid test setup for React components with Mocha, Chai, Sinon, Enzyme in a Webpack/Babel application.

react-with-redux-philosophy

React state management with Redux philosophy.

react-context-example

Showcasing React Context

react-styled-components-example

React Styled Components Example

the-road-to-learn-react-french

French Translation - The 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.

react-list-component

Implementation of different list components in React.

react-semantic-ui-example

React Semantic UI Example

the-road-to-react-korean

🇰🇷 더 로드 투 런 리액트 - The Road to React (2020)

react-component-organization-example

React Code Organization Example

react-mobx-local-state-example

React MobX (for Local State) Example

react-local-storage-cache

How to cache results in React with Local Storage.

react-children-as-a-function-example

An example implementation of React's children as a function for implementing a currency converter

the-road-to-learn-react-italian

The Road to learn React - Italian Translation

react-autosave-example

Autosave on a Form for React by Example

react-hooks-usestate-vs-usereducer

Showcasing when to use useState vs useReducer in React.

react-slot-pattern-example

An example implementation of React's slot pattern for passing components as props

react-prevent-rerender-component

Showcasing when and how to prevent a rerender of a component in React

react-intersection-observer-api-example

Showcasing of the Intersection Observer API in React with createRef()

react-mock-data

How to mock data in React with a fake API

react-asynchronous-request-setstate-unmounted-component

Example of preventing to set state on unmounted React Components

react-component-types

React Component Types

react-component-composition-example

React Component Composition by Example

react-interval-setstate-unmounted-component-performance

Example on removing intervals (or listeners) on unmounted React Components

create-react-app-with-sass

Showcasing on how to use SASS in create-react-app

create-react-app-with-css-modules

Showcasing how CSS modules work in create-react-app

react-usereducer-hook

State management in React with the useReducer hook.

react-render-prop-component-for-state

An example implementation of React's render props for managing state on behalf of a component

react-reusable-components

Showcasing how reusable components can be made reusable in React.

react-slider

React Slider Component by Example

the-road-to-react-portuguese

📓The Road to React: Sua jornada para dominar React.js

react-event-handlers

Showcasing how different React event handlers work.

react-usereducer-middleware

React's useReducer Hook with Middleware (and Afterware)

the-road-to-react-spanish

📓The Road to React: Your journey to master React.js

react-composability-over-configurability

Simple example showing the power of composition in React.

the-road-to-learn-react-thai

react-computed-properties

Computed Properties in React

react-render-props-example

An example implementation of React's render props for implementing an advanced List component

react-usestate-hook

Showcasing how state management in React works with the useState hook.

react-remove-item-from-list

Remove an Item from List in React

react-styling

Different examples on how to CSS style React components

the-road-to-learn-react-vietnamese

Vietnamese Translation - The the Road to learn React

react-add-item-to-list

Add an Item to a List in React

react-derive-state-props

How to derive state from props in React

the-road-to-learn-react-persian

📓The Road to learn React: Your journey to master plain yet pragmatic React.js

react-router-nested-routes-example

An example implementation of nested routes with React Router

the-road-to-learn-react-albanian

📓The Road to learn React: Your journey to master plain yet pragmatic React.js

react-ref-example

How to use ref in React as exmaple

react-update-item-in-list

Update an Item in a List in React

the-road-to-react-hungarian

use-with-viewbox

Custom hook to add a viewbox attribute to your SVG in case it's missing.