React JS Best Practices - Beginner To Expert

Focused View

CodeLicks Academy

4:54:21

0 View

1. Common Mistakes to Avoid

1.1 common-mistakes-codes.zip

1. useState is Async.mp4

02:42

2. Default state.mp4

01:18

3. Unnecessary useEffect.mp4

03:24

4. Mutating state objects.mp4

03:15

5. Prop drilling.mp4

04:20

6. Provider wrapping hell.mp4

10:51

7. Rushing into React.memo.mp4

08:06

8. Syncing states via useEffect.mp4

02:55

9. Conditional rendering.mp4

02:16

10. Another unnecessary useEffect.mp4

05:46

2. Common Best Practices

1.1 best-practices.zip

1. Introducing impossible state.mp4

06:50

2. Encapsulating components.mp4

06:41

3. Optimizing another wasted re-render.mp4

02:13

4. Introducing impossible state #2.mp4

03:33

5. a ref tip.mp4

01:36

6. Grouping states.mp4

01:22

7. State reset.mp4

04:04

8. Redundant state.mp4

02:28

9. Caching.mp4

02:17

10. Conditional rendering.mp4

02:21

11. Improving conditional rendering.mp4

08:08

12. Currying handler.mp4

01:59

13. Enums.mp4

02:38

14. Factory pattern in React.mp4

03:16

15. Clean if statements.mp4

05:32

16. Normalizing states.mp4

03:41

17. a Form tip.mp4

04:04

18.1 18. React Portals.zip

18. React Portals.mp4

07:18

19.1 19. Forwarding Refs.zip

19. Forwarding Refs.mp4

05:14

20.1 20. Error Boundaries.zip

20. Error Boundaries.mp4

11:50

21.1 21. Keys Explained.zip

21. Keys Explained.mp4

07:04

22.1 codes-after.zip

22. Capture Event Listeners.mp4

03:02

3. React Hooks Tips

1.1 hooks.zip

1. Fetching inside useEffect.mp4

03:53

2. Race conditions in useEffect.mp4

04:45

3. Another wasted re-render.mp4

03:56

4. Creating custom hooks.mp4

02:43

5. Making useCallback act like useRef.mp4

04:27

6. useEffect and infinite loops.mp4

04:32

7. Using useCallback properly.mp4

02:11

8. a Useful custom hook.mp4

04:20

9. Increasing readability with custom hooks.mp4

04:16

10. Labeled functions with useEffect.mp4

01:19

11. Separating business logic from UI.mp4

03:21

12. a useEffect mistake.mp4

02:04

13. Unnecessary useEffect.mp4

02:15

14. Centralized state updates.mp4

05:38

15. useReducer pattern.mp4

04:37

16.1 codes-after.zip

16. useLayoutEffect.mp4

07:47

17.1 20. useId.zip

17. useId.mp4

06:58

18.1 21. useImperativeHandle.zip

18. useImperativeHandle.mp4

11:15

19.1 16. useDeferredValue.zip

19. useDeferredValue.mp4

10:24

20.1 17. useTransition.zip

20. useTransition.mp4

09:09

21.1 18. Async React Router.zip

21. Async React Router.mp4

20:08

4. Styling Tips

1.1 styling tips.zip

1. Calculating classnames.mp4

03:28

2. Explicit props vs classnames.mp4

01:46

3. Extensible components.mp4

05:40

5. Scalable Project Structure

1.1 code.zip

1. General Architecture.mp4

09:40

2.1 codes.zip

2. Route Components.mp4

04:13

3.1 code.zip

3. Encapsulating Components and Logics.mp4

07:32

Description

Improve your skills in React and Typescript with concise and to the point lessons.

What You'll Learn?

Prevent wasted renders.
Understand the main difference and use cases for hooks, such as useEffect and useLayoutEffect.
How to avoid mistakes most of React developers make, like listening for ref changes in useEffect.
Learn advanced concepts, like Error Boundaries and async routes.

Who is this for?

Beginner to intermediate developers looking to level-up their react skills.

Technical interviews candidates that are preparing for tech interviews.

What You Need to Know?

Basic knowledge in React.

Basic knowledge in Typescript.

More details

Description
Hi, welcome to another course from Codelicks Academy!
As the title of the course suggests, this course is all about React best practices for anyone who want to write React components the React way and also tech interview candidates who have little time to review the most common 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.
This course is beginner friendly. If you have finished a course or two about React, have at least +1 year of experience developing React projects, 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.
We even touch on some advanced Typescript features and Typescript in React by developing some cool components in Typescript.
You can take a look at the course outline and see if the course fits you. If it does, then let's go!
Who this course is for:
Beginner to intermediate developers looking to level-up their react skills.
Technical interviews candidates that are preparing for tech interviews.

User Reviews

Rating

average 0

Total votes0

Focused display

React

CodeLicks Academy

Instructor's Courses

Welcome to CodeLicks Academy! We are a team of software engineers with a passion for sharing knowledge and helping others understand complex concepts. We have extensive experience in the industry, having worked on a variety of projects ranging from small startups to large systems. We also have a deep understanding of software engineering and data engineering concepts, and love to apply these principles to real-world problems.In addition to technical skills, we have a strong background in teaching and have always had a love for sharing knowledge. Our team members have taught in both formal and informal settings, and have a knack for breaking down complex ideas into simple, easy-to-understand concepts. We believe that anyone can learn how to code and talk to computers at fast pace, so we are dedicated to helping people achieve their goals by providing short but informative video courses on variety of topics as code licks! Whether you're a beginner looking to get started in software/data engineering, or an experienced professional looking to enhance your skills, we are here to help you reach your goals. With our combination of technical skills and teaching experience, we are confident that we can help you take your skills to the next level.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.