The Road to React (@the-road-to-learn-react)
  • Stars
    star
    8,361
  • Global Org. Rank 2,856 (Top 1.0 %)
  • Registered about 7 years ago
  • Most used languages
    JavaScript
    96.4 %
    TypeScript
    1.8 %
    CSS
    1.8 %

Top repositories

1

the-road-to-learn-react

📓The Road to learn React: Your journey to master plain yet pragmatic React.js
2,828
star
2

the-road-to-learn-react-chinese

《React 学习之道》The Road to learn React (简体中文版) | 最简单,且最实用的 React 实战教程。
1,836
star
3

hackernews-client

The Source Code for "The Road to learn React" E-Book
JavaScript
425
star
4

the-road-to-react

📓The Road to React: Your journey to master React.js
370
star
5

use-state-with-callback

Custom hook to include a callback function for useState.
JavaScript
277
star
6

react-hooks-introduction

Introduction to React Hooks for function components (released in React 16.7.)
JavaScript
258
star
7

use-data-api

Custom hook for React Components to fetch data from an API.
JavaScript
242
star
8

react-local-storage

Showcase on how to use the native localStorage of the browser in React.
JavaScript
179
star
9

the-road-to-learn-react-russian

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

the-road-to-learn-react-korean

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

hacker-stories

The Source Code for "The Road to React" Book
TypeScript
104
star
12

use-custom-element

Custom hook to bridge Custom Elements (Web Components) to React.
JavaScript
91
star
13

the-road-to-learn-react-portuguese

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

use-combined-reducers

Custom hook to combine all useReducer hooks for one global state container.
JavaScript
75
star
15

react-router-dynamic-routes-example

An example implementation of dynamic routes with React Router
JavaScript
74
star
16

the-road-to-react-chinese

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

the-road-to-learn-react-spanish

The Road to learn React - Spanish Translation
67
star
18

react-redux-example

React Redux Example
JavaScript
65
star
19

react-router-6-examples

JavaScript
62
star
20

react-alternative-class-component-syntax

An alternative/future way of React Class Component with Class Field Declarations
JavaScript
59
star
21

react-controlled-components-examples

A set of controlled components in React: Select, Input, Radio, Checkbox
JavaScript
59
star
22

react-firebase-chat

React Firebase Chat Example
JavaScript
56
star
23

react-flow-example

React Flow Type Checking Example
JavaScript
51
star
24

react-testing-mocha-chai-enzyme

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

react-with-redux-philosophy

React state management with Redux philosophy.
JavaScript
44
star
26

react-context-example

Showcasing React Context
JavaScript
38
star
27

react-styled-components-example

React Styled Components Example
JavaScript
34
star
28

the-road-to-learn-react-french

French Translation - The the Road to learn React
34
star
29

react-testing-jest-enzyme

A solid test setup for React components with Jest and Enzyme in a React + Webpack application.
JavaScript
34
star
30

react-list-component

Implementation of different list components in React.
JavaScript
31
star
31

react-semantic-ui-example

React Semantic UI Example
JavaScript
29
star
32

the-road-to-react-korean

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

react-component-organization-example

React Code Organization Example
JavaScript
28
star
34

react-mobx-local-state-example

React MobX (for Local State) Example
JavaScript
27
star
35

react-local-storage-cache

How to cache results in React with Local Storage.
JavaScript
27
star
36

react-children-as-a-function-example

An example implementation of React's children as a function for implementing a currency converter
JavaScript
26
star
37

the-road-to-learn-react-italian

The Road to learn React - Italian Translation
20
star
38

react-autosave-example

Autosave on a Form for React by Example
JavaScript
18
star
39

react-hooks-usestate-vs-usereducer

Showcasing when to use useState vs useReducer in React.
JavaScript
15
star
40

react-slot-pattern-example

An example implementation of React's slot pattern for passing components as props
JavaScript
15
star
41

react-prevent-rerender-component

Showcasing when and how to prevent a rerender of a component in React
JavaScript
14
star
42

react-intersection-observer-api-example

Showcasing of the Intersection Observer API in React with createRef()
JavaScript
13
star
43

react-mock-data

How to mock data in React with a fake API
JavaScript
13
star
44

react-asynchronous-request-setstate-unmounted-component

Example of preventing to set state on unmounted React Components
JavaScript
13
star
45

react-component-types

React Component Types
JavaScript
12
star
46

react-component-composition-example

React Component Composition by Example
JavaScript
11
star
47

react-interval-setstate-unmounted-component-performance

Example on removing intervals (or listeners) on unmounted React Components
JavaScript
11
star
48

create-react-app-with-sass

Showcasing on how to use SASS in create-react-app
JavaScript
10
star
49

create-react-app-with-css-modules

Showcasing how CSS modules work in create-react-app
JavaScript
10
star
50

react-usereducer-hook

State management in React with the useReducer hook.
JavaScript
9
star
51

react-render-prop-component-for-state

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

react-reusable-components

Showcasing how reusable components can be made reusable in React.
JavaScript
8
star
53

react-slider

React Slider Component by Example
JavaScript
8
star
54

the-road-to-react-portuguese

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

react-event-handlers

Showcasing how different React event handlers work.
JavaScript
8
star
56

react-usereducer-middleware

React's useReducer Hook with Middleware (and Afterware)
JavaScript
7
star
57

the-road-to-react-spanish

📓The Road to React: Your journey to master React.js
7
star
58

react-composability-over-configurability

Simple example showing the power of composition in React.
JavaScript
7
star
59

the-road-to-learn-react-thai

6
star
60

react-computed-properties

Computed Properties in React
JavaScript
5
star
61

react-render-props-example

An example implementation of React's render props for implementing an advanced List component
JavaScript
5
star
62

react-usestate-hook

Showcasing how state management in React works with the useState hook.
JavaScript
5
star
63

react-remove-item-from-list

Remove an Item from List in React
JavaScript
5
star
64

react-styling

Different examples on how to CSS style React components
CSS
4
star
65

the-road-to-learn-react-vietnamese

Vietnamese Translation - The the Road to learn React
4
star
66

react-add-item-to-list

Add an Item to a List in React
JavaScript
4
star
67

react-derive-state-props

How to derive state from props in React
JavaScript
4
star
68

the-road-to-learn-react-persian

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

react-router-nested-routes-example

An example implementation of nested routes with React Router
JavaScript
3
star
70

the-road-to-learn-react-albanian

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

react-ref-example

How to use ref in React as exmaple
JavaScript
2
star
72

react-update-item-in-list

Update an Item in a List in React
JavaScript
2
star
73

the-road-to-react-hungarian

2
star
74

use-with-viewbox

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