• Stars
    star
    38
  • Rank 706,870 (Top 14 %)
  • Language
    JavaScript
  • Created over 6 years ago
  • Updated over 4 years ago

Reviews

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

Repository Details

Showcasing React Context

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

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-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