React JS Best Practices for Beginners
- Description
- Curriculum
- FAQ
- Reviews
Hi, welcome to another course from Codelicks Academy!
As the title of the course suggests, this course is all about React best practices for junior developers and tech interview candidates who have little time to review the most common complex React topics.
It consists of a series of independent lectures. In each lecture, I demonstrate a common best practice that will help you write clean, maintainable, and performant React components.
The audience for this course is beginner developers. If you have finished a course or two about React and want to quickly learn about common mistakes and best practices in React, you may find this course useful.
Additionally, if you are preparing for a technical interview that involves React concepts, you will find this course a valuable resource for reviewing the most common tips and tricks in React in a very short time.
This course is not about building a large project from scratch to deployment. Instead, it is meant to be a quick review of the most common best practices in React at a beginner level.
It starts immediately with some common mistakes that React developers often make and solutions for avoiding them.
Then we discuss numerous best practices, each demonstrated with simple yet informative code examples.
We also cover many tips and tricks about hooks.
The final section discusses a scalable project structure that can be used for production-ready projects.
You can take a look at the course outline and see if the course fits you. If it does, then let’s go!
-
11
Introducing impossible state -
12
Encapsulating components
-
13
Optimizing another wasted re-render
-
14
Introducing impossible state #2
-
15
a ref tip
-
16
Grouping states
-
17
State reset
-
18
Redundant state
-
19
Caching
-
20
Conditional rendering
-
21
Improving conditional rendering
-
22
Currying handler
-
23
Enums
-
24
Factory pattern in React
-
25
Clean if statements
-
26
Normalizing states
-
27
a Form tip
-
28
React Portals
-
29
Forwarding Refs
-
30
Error Boundaries
-
31
Keys Explained
-
32
Capture Event Listeners
-
33
Fetching inside useEffect
-
34
Race conditions in useEffect
-
35
Another wasted re-render
-
36
Creating custom hooks
-
37
Making useCallback act like useRef
-
38
useEffect and infinite loops
-
39
Using useCallback properly
-
40
a Useful custom hook
-
41
Increasing readability with custom hooks
-
42
Labeled functions with useEffect
-
43
Separating business logic from UI
-
44
a useEffect mistake
-
45
Unnecessary useEffect
-
46
Centralized state updates
-
47
useReducer pattern
-
48
useLayoutEffect
-
49
useId
-
50
useImperativeHandle
-
51
useDeferredValue
-
52
useTransition
-
53
Async React Router
