The React Hooks Course

Focused View

Kwadwo Brobbey

4:18:20

27 View

1. Introduction

1. Introduction.mp4

01:52

2. Overview and Prerequisites.mp4

01:50

3. What is React.mp4

01:47

4.1 The React Course Group.html

4. Facebook Page.html

2. Set Up Project

1. React Developer Tool.mp4

00:53

2. Set Up Project.mp4

08:21

3. ESLint and Prettier.mp4

08:47

4. Brief Introduction to JSX.mp4

01:19

5. What Is A Component.mp4

02:02

6. Explanation of React Project Files.mp4

08:12

7. Render Process.mp4

08:33

8.1 appclasscomp.zip

8. React Class Life Cycle.mp4

09:46

3. JSX In Detail

1. Dynamic Rendering.mp4

11:35

2. Destructuring.mp4

07:31

3.1 sportsfigures.zip

3. Map.mp4

05:44

4. Filter Part 1.mp4

03:13

5.1 Filter Code.zip

5. Filter Part 2.mp4

05:57

6. Filter Exercise.mp4

00:32

7.1 Filter Exercise Completed Code.zip

7. Filter Exercise Completed.mp4

02:03

8. Conditional Rendering.mp4

02:08

9.1 IfElseRender Code.zip

9. If Else Render.mp4

03:37

10.1 Ternary Code.zip

10. Ternary Operator.mp4

04:09

11.1 Falsy.html

11.2 Truthy.html

11. Logical And Operator.mp4

03:11

12.1 LogicalAnd Code.zip

12. Logical And (&&) Hands On Part 1.mp4

02:00

13. Logical And (&&) Hands On Part 2 - Avoid 0.mp4

04:11

14. Styling.mp4

03:12

15.1 Styling Code.zip

15. Styling Hands On.mp4

02:51

4. Hooks

1.1 Hooks Code.zip

1. Attachments.html

2. Hooks Introduction Part 1 - Overview.mp4

01:27

3. Hooks Introduction Part 2 - Grainy Detail.mp4

02:16

4. Hooks Introduction Part 3 - Rules.mp4

00:53

5. useState - Part 1 - Introduction.mp4

09:36

6. useState Part 2 - Local Variables.mp4

01:42

7. useState Part 3 - Render Cycle.mp4

02:39

8. useState Part 4 - Snapshots.mp4

02:57

9. useState Part 5 - Batching.mp4

03:18

10. useState Part 6 - Stale State.mp4

05:04

11. useState Part 7 - Private Variables.mp4

01:39

12. useState Part 8 - Lifting State.mp4

01:55

13. useState Part 9 - Optimize.mp4

02:22

14. useEffect - Overview.mp4

01:35

15. useEffect Hands On.mp4

08:03

16. useRef - Overview.mp4

01:30

17. useRef - Preserve Variable.mp4

03:55

18. useRef - Accessing Nodes.mp4

03:42

19. useRef - Forward Ref.mp4

02:12

20. useContext Overview.mp4

01:34

21. useContext - Hands On Part 1.mp4

07:11

22. useContext - Hands On Part 2.mp4

02:52

23. useContext - Exercise.mp4

04:48

24. useReducer - Overview.mp4

01:42

25. useReducer - Hands On Part 1.mp4

03:48

26. useReducer - Hands On Part 2.mp4

04:23

27. useReducer - Exercise.mp4

07:47

28. useCallback - Overview.mp4

03:50

29. useCallback - Hands On Part 1 (Memoize Function).mp4

10:02

30. useCallback - Hands On Part 2 (Memo).mp4

08:14

31. useCallback - Hands On Part 3 (Effects).mp4

10:17

32. useMemo - Overview.mp4

01:53

33. useMemo - Hands On (Optimization).mp4

06:26

34. useCustomHooks - Overview.mp4

01:45

35. useCustomHook - Hands On.mp4

06:38

5. Closing

1. Closing.mp4

03:09

Description

Master React Hooks in depth, elevate your web development skills, create web applications

What You'll Learn?

Master React Hooks
Foundation for advance learning in development
Problem solving mindset
Practical skills for the web development insdustry

Who is this for?

Beginner React developers, who want to polish their skills on React Hooks

React developers who want to become well rounded developers or fill knowledge gaps

React beginners and intermediate friendly

What You Need to Know?

An access to a computer

Basic understanding of web development: HTML, CSS, and Javascript

Basic understanding of React, such as what components, jsx, or running React application

An Integrated Development Environment (IDE), such as Webstorm or Visual Studio

Node, and package manager (pnpm, npm, or yarn)

More details

Description
Welcome to The React Hooks Course, your journey from React basics to becoming a React Hooks expert starts here. You will start from understanding the fundamentals of React to delving deep into the magic of React Hooks for seamless state management to fine-tuning your code for optimal performance, this course is your gateway to building dynamic modern web applications that excel in efficiency and user experience.
Course Highlights:
Foundations of React and JSX: Lay a strong groundwork by diving into React and JSX, creating components and interfaces that set the stage for more advanced concepts.
Efficient Learning through Exercises: Get ready to roll up your sleeves and put theory into practice. With hands-on exercises, you'll have the chance to apply what you learn, solidifying your understanding of each topic.
Theory and Illustration: Each topic is not just about writing code; it's about understanding why things work. Clear explanations are provided and backed by illustrative slides to drive the concepts home. You'll gain a solid theoretical foundation that complements your hands-on experience.
Grainy Details of React Render Cycle: Gain a deep understanding of the React render cycle, tracing the path from triggering an update to its final commit, and uncovering the nuances that drive component behavior.
Transitioning to React Hooks: Embrace the revolutionary power of React Hooks, exploring their impact on state management within functional components compared to traditional class components.
Exploring Multiple React Hooks: Immerse yourself in a variety of Hooks in detail, demystifying how they revolutionize state management along with engaging theory.
Advanced State Management and Optimization:
Batching Updates: Uncover how React optimizes updates by batching changes, ensuring smoother performance through minimized renders.
Rendering Cycle Analysis: Delve deeper into the rendering cycle, understanding how changes propagate through components to optimize your application's responsiveness.
Lifting State Up: Master the art of elevating state to higher components, promoting clean data flow and encapsulation while constructing resilient applications.
Handling Stale State: Navigate the intricacies of stale state and develop strategies to maintain data integrity and reliability.
Optimizing State Variables: Learn advanced techniques to optimize state variables, from effective data structuring to implementing memoization, ensuring your codebase remains highly efficient.
Advanced Code Optimization Techniques: Discover the power of memoization to optimize resource-intensive calculations and function calls, enhancing performance.
Who this course is for:
Beginner React developers, who want to polish their skills on React Hooks
React developers who want to become well rounded developers or fill knowledge gaps
React beginners and intermediate friendly

User Reviews

Rating

average 0

Total votes0

Focused display

React

Kwadwo Brobbey

Instructor's Courses

I have a decade experience in the software engineering field, specializing in web development and front end. As a lifelong learner myself, I am passionate about sharing my knowledge and helping others grow. I have a deep understanding of how technologies work such as React, HTML, CSS, Javascript, Python, and Logic Pro I am dedicated to creating engaging and practical courses that empower students to succeed.

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.