Mastering React Hooks: Zero to Hero

Focused View

Devossa Academy

2:46:54

56 View

1. Introduction to React Hooks

1. Introduction to the course.mp4

01:17

2. What are React Hooks.mp4

01:07

3. Why use React Hooks.mp4

03:58

4. Rules of using React Hooks.mp4

01:48

2. useState Hook

1. Introduction to state in React.mp4

01:52

2.1 M2L1.zip

2. Using the useState Hook to manage state in functional components.mp4

03:23

3.1 M2L3.zip

3. Working with complex state objects.mp4

06:37

4.1 M2L4.zip

4. Handling user input with useState Hook.mp4

05:20

5.1 M2L5.zip

5.2 products.zip

5. Exercice.mp4

19:13

6. useState revision quiz.html

3. useEffect Hook

1. Introduction to lifecycle methods in React.mp4

03:07

2.1 lifecycleexample.zip

2. Using the useEffect Hook to handle lifecycle events in functional components.mp4

05:54

3.1 apisideeffect.zip

3. Performing side effects with useEffect Hook.mp4

03:19

4.1 countdown.zip

4. Cleaning up side effects with useEffect Hook.mp4

04:23

5.1 propchange.zip

5. Handling props and state changes with useEffect Hook.mp4

03:03

6. useEffect revision quiz.html

4. useContext Hook

1.1 M4L1.zip

1. Introduction to context in React.mp4

01:47

2.1 M4L2.zip

2. Creating context and providers.mp4

03:52

3.1 M4L3.zip

3. useContext example.mp4

03:33

4. useContext revision quiz.html

5. useReducer Hook

1. Introduction to reducers in React.mp4

01:42

2.1 M5L2.zip

2. Using the useReducer Hook to manage state in complex components.mp4

10:22

3. useReducer revision quiz.html

6. useCallback and useMemo Hooks

1. Introduction to performance optimization in React.mp4

01:45

2.1 M6L2.zip

2. Using the useCallback Hook to memoize functions.mp4

05:50

3.1 factorialcalculator.zip

3. Using the useMemo Hook to memoize values.mp4

05:32

4. useCallback & useMemo revision quiz.html

7. useRef Hook

1. Introduction to the useRef Hook.mp4

00:58

2.1 refexample.zip

2. Using the useRef Hook to access and modify DOM nodes.mp4

04:52

3.1 refexample.zip

3. Using the useRef Hook to store mutable values.mp4

10:06

4. useRef revision quiz.html

8. useDeferredValue Hook

1. Introduction to the useDeferredValue Hook.mp4

01:26

2.1 defvalue.zip

2. Managing deferred state updates in large applications.mp4

05:26

3. useDeferredValue quiz.html

9. useId Hook

1. Introduction to the useId() Hook.mp4

01:31

2.1 uniqueids.zip

2. Generating unique IDs for components.mp4

04:06

10. useImperativeHandle and useLayoutEffect Hooks

1. Introduction to imperative code in React.mp4

03:27

2.1 imperativehandleexample.zip

2. Using the useImperativeHandle Hook to expose a components methods.mp4

03:37

3.1 layouteffectexample.zip

3. Using the useLayoutEffect Hook to perform DOM updates synchronously.mp4

04:54

11. Custom hooks

1.1 M11L2.zip

1. Introduction to custom hooks, an with example.mp4

04:17

2. Making a custom hook to handle forms.mp4

16:03

3. useDebugValue Hook.mp4

07:27

Description

A Comprehensive Guide to fully understanding all react hooks

What You'll Learn?

An understanding of why React hooks were introduced.
How to build complete React applications using hooks.
React hooks for data fetching.
Practice your skills with many real world scenarios, exercises, and quizzes
How to optimize your React code with best practices.

Who is this for?

Beginner React developers.

Developers checking out React, or refreshing their memory.

Pretty much anybody and everybody !

What You Need to Know?

JavaScript knowledge needed.

You DON'T need to be a JavaScript expert to succeed in this course.

Any experience with React is a bonus.

ES6+ JavaScript knowledge is beneficial but not a must-have.

More details

Description
React Hooks are a powerful feature introduced in React 16.8 that allows developers to use state and other React features without writing a class component. They provide a simpler and more intuitive way to manage state and lifecycle events in functional components.
In this course, we will cover all of the React Hooks, including:
React Hooks are a game-changing addition to the React framework, introduced in version 16.8. With Hooks, developers can use state and other React features within functional components without the need for class components. This makes React code more concise, easier to read and understand, and allows for better performance and maintainability.
This comprehensive course covers all of the React Hooks in detail, including:
useState()
useEffect()
useContext()
useReducer()
useCallback()
useMemo()
useRef()
useDeferredValue()
useId()
useImperativeHandle()
useLayoutEffect()
useDebugValue()
For each Hook, the course provides an overview of its purpose, functionality, and usage, followed by numerous examples and exercises that help learners understand how to use the Hooks effectively in their own code.
In addition to teaching the technical aspects of React Hooks, the course also covers best practices and common use cases for each Hook. This includes how to manage state effectively, handle side effects, share data between components, memoize values and functions, and more. By the end of the course, learners will have a comprehensive understanding of React Hooks and how to use them to build better, more performant React applications.
Whether you are a beginner or an experienced React developer, this course is designed to take your React skills to the next level. React Hooks provide a powerful and intuitive way to manage state and lifecycle events in your applications, and this course provides a thorough understanding of how to use them effectively. By the end of the course, learners will be well-equipped to create React applications that are optimized for performance, maintainability, and scalability.
Who this course is for:
Beginner React developers.
Developers checking out React, or refreshing their memory.
Pretty much anybody and everybody !

User Reviews

Rating

average 0

Total votes0

Focused display

React

Devossa Academy

Instructor's Courses

Software engineer and full stack web developer. i've been coding since i was 15 years old, i started with PHP and ever since then i've worked with many other languages such as C++, JAVA, Nodejs, Python...As someone who is passionate about learning and sharing knowledge, I have always been drawn to the idea of teaching others, (in fact i've taught a python course at my engineering school just 1 year after graduating). There is something truly fulfilling about helping others understand a topic that I find interesting and valuable. When I am able to see the "lightbulb" moment when a student finally grasps a concept, it fills me with a sense of satisfaction and purpose that cannot be matched. I believe that teaching is not just about imparting knowledge, but also about inspiring others to explore new ideas and think critically. And so, I am excited to share my passion for web development with others and help YOU develop a deeper understanding and appreciation for it.

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.