React Infographics

React Infographics

English | MP4 | AVC 1920×1080 | AAC 44KHz 2ch | 66 Lessons (00h 39m) | 980 MB

Strengthen your journey into frontend with 100+ informative infographics to build exceptional web applications! React infographics and video animations will teach you in minutes what most books take days to teach you! You’ll get 40+ high-resolution video animations and a beautiful PDF with 100+ incredibly visual infographics.

You’ll learn:

  • How to avoid mistakes, even made by experienced React developers.
  • How industry professionals want you to write React code.
  • Best practices when working with React.
  • How and when to use useEffect correctly.
  • How to properly structure a React application.
  • …Summarized into concise, easy-to-read visuals.

Each video and infographic is designed to be as independent as possible, so you can read and watch them in almost any order. And if you want to sit down and read it all at once, you’ll have no trouble getting through it all in just a few hours.

Table of Contents

1 4 React Mistakes
2 absolute imports
3 abstraction over array states
4 avoid premature optimizations with useMemo
5 avoid prop drilling
6 avoid provider wrapping hell
7 avoid syncing state in useeffect
8 cache server functions
9 classnames
10 classnames design
11 clean up your providers
12 client server components
13 composition
14 compound components pattern
15 conditional rendering enums
16 conditional rendering in react
17 conditional rendering with ts pattern
18 constants
19 currying
20 dropdown composition model
21 embrace composition
22 enum status instead of individual bool variables
23 factory pattern
24 forms in react without state
25 how to name components
26 how to use composition to solve rendering issues
27 how to use flushSync
28 if statements
29 imports order react
30 next developer roadmap
31 next js loading
32 normalize data
33 prop drilling and composition
34 provider consumer
35 react batching updates
36 react form tip
37 react project structure
38 react useEffect tip
39 refchanges
40 relocate state
41 reset state
42 separation concerns 2
43 separation of concerns
44 separation of concerns low
45 solve re-render issues with composition
46 unnecesary use of useEffect
47 use case for cleaning up react components
48 use query params
49 usecallback use cases
50 useEffect lifecycle
51 useEffect lifecycle 2
52 useEffect mistake
53 useEffect transform data in render
54 useEffect transform data in render 2
55 useEffect transform logic
56 useEventEffect
57 useFetch
58 useHover hook
59 useImperativeHandler
60 usereducer for business logic abstraction
61 useReducer for centralizing state changes
62 useReducer pattern
63 useRef listen for changes
64 useState vs useRef
65 virtualization
66 you might not need a form library

Homepage