• Stars
    star
    104
  • Rank 330,604 (Top 7 %)
  • Language
    TypeScript
  • Created almost 5 years ago
  • Updated 9 months ago

Reviews

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

Repository Details

The Source Code for "The Road to React" Book

More 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

use-custom-element

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

the-road-to-learn-react-portuguese

The Road to Learn React - Traduรงรฃo para o Portuguรชs
84
star
13

use-combined-reducers

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

react-router-dynamic-routes-example

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

the-road-to-react-chinese

ใ€ŠReact ๅญฆไน ไน‹้“ใ€‹2020 ็ฎ€ไฝ“ไธญๆ–‡็‰ˆ
70
star
16

the-road-to-learn-react-spanish

The Road to learn React - Spanish Translation
67
star
17

react-redux-example

React Redux Example
JavaScript
65
star
18

react-router-6-examples

JavaScript
62
star
19

react-alternative-class-component-syntax

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

react-controlled-components-examples

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

react-firebase-chat

React Firebase Chat Example
JavaScript
56
star
22

react-flow-example

React Flow Type Checking Example
JavaScript
51
star
23

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
24

react-with-redux-philosophy

React state management with Redux philosophy.
JavaScript
44
star
25

react-context-example

Showcasing React Context
JavaScript
38
star
26

react-styled-components-example

React Styled Components Example
JavaScript
34
star
27

the-road-to-learn-react-french

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

react-testing-jest-enzyme

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

react-list-component

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

react-semantic-ui-example

React Semantic UI Example
JavaScript
29
star
31

the-road-to-react-korean

๐Ÿ‡ฐ๐Ÿ‡ท ๋” ๋กœ๋“œ ํˆฌ ๋Ÿฐ ๋ฆฌ์•กํŠธ - The Road to React (2020)
29
star
32

react-component-organization-example

React Code Organization Example
JavaScript
28
star
33

react-mobx-local-state-example

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

react-local-storage-cache

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

react-children-as-a-function-example

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

the-road-to-learn-react-italian

The Road to learn React - Italian Translation
20
star
37

react-autosave-example

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

react-hooks-usestate-vs-usereducer

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

react-slot-pattern-example

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

react-prevent-rerender-component

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

react-intersection-observer-api-example

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

react-mock-data

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

react-asynchronous-request-setstate-unmounted-component

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

react-component-types

React Component Types
JavaScript
12
star
45

react-component-composition-example

React Component Composition by Example
JavaScript
11
star
46

react-interval-setstate-unmounted-component-performance

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

create-react-app-with-sass

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

create-react-app-with-css-modules

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

react-usereducer-hook

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

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
51

react-reusable-components

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

react-slider

React Slider Component by Example
JavaScript
8
star
53

the-road-to-react-portuguese

๐Ÿ““The Road to React: Sua jornada para dominar React.js
8
star
54

react-event-handlers

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

react-usereducer-middleware

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

the-road-to-react-spanish

๐Ÿ““The Road to React: Your journey to master React.js
7
star
57

react-composability-over-configurability

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

the-road-to-learn-react-thai

6
star
59

react-computed-properties

Computed Properties in React
JavaScript
5
star
60

react-render-props-example

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

react-usestate-hook

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

react-remove-item-from-list

Remove an Item from List in React
JavaScript
5
star
63

react-styling

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

the-road-to-learn-react-vietnamese

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

react-add-item-to-list

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

react-derive-state-props

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

the-road-to-learn-react-persian

๐Ÿ““The Road to learn React: Your journey to master plain yet pragmatic React.js
3
star
68

react-router-nested-routes-example

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

the-road-to-learn-react-albanian

๐Ÿ““The Road to learn React: Your journey to master plain yet pragmatic React.js
2
star
70

react-ref-example

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

react-update-item-in-list

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

the-road-to-react-hungarian

2
star
73

use-with-viewbox

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