1
1
# Advanced React Patterns
2
2
3
- Demo [ https://advanced-react-patterns.reactjs.academy ] ( https://advanced-react-patterns.reactjs.academy )
3
+ ## Teaching method
4
4
5
- This repo contains some exercises to help you learn the following advanced React Patterns:
5
+ 1 . Collaborative learning environment & pair programming.
6
+ - Rooms with small groups
7
+ - Work together, discuss, help each other.
8
+ 2 . We try to foster critical thinking.
9
+ - ⬆️ Discovery ⬇️ Instruction
10
+ 3 . We don’t explain everything you need to know before the exercise:
11
+ - Learn by doing (and teaching ;)
12
+ - The exercise is meant to help you build a mental model
6
13
7
- - Higher-Order Components (HoCs)
8
- - Render Callback
9
- - Hooks
10
- - Hook Reducer
11
- - Compound Components
12
- - Context
13
- - Theming
14
- - Style Variants
14
+ More on the [ teaching method] ( https://reactgraphql.academy/blog/react-graphql-academy-teaching-method/ )
15
15
16
- You will also learn the following functional programming concepts :
16
+ ## Target audience :
17
17
18
- - Composition
19
- - Closure
18
+ reactDevs >= 6 months && reactDevs <= 2 years
19
+
20
+ ## Advanced React patterns
21
+
22
+ This workshop doesn't define "advanced" as doing complicated things that you haven't done or seen before, but:
23
+
24
+ 1 . Understanding how things work, not just "doing".
25
+ 2 . Using those things properly and when necessary.
26
+ 3 . Making complicated things simple, not the other way around.
20
27
21
28
## How to install
22
29
@@ -25,7 +32,6 @@ You will also learn the following functional programming concepts:
25
32
- ` npm i `
26
33
- ` npm start `
27
34
28
-
29
35
# Links
30
36
31
37
- [ Lecture: React Patterns] ( https://reactgraphql.academy/react/react-is-all-about-composition-react-hooks-render-props-hocs/ )
0 commit comments