Mô tả

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.

Bạn sẽ học được gì

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.

Yêu cầu

  • 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.

Nội dung khoá học

11 sections

Introduction to React Hooks

4 lectures
Introduction to the course
01:17
What are React Hooks?
01:07
Why use React Hooks?
03:58
Rules of using React Hooks
01:48

useState Hook

6 lectures
Introduction to state in React
01:52
Using the useState Hook to manage state in functional components
03:23
Working with complex state objects
06:37
Handling user input with useState Hook
05:20
Exercice
19:13
useState revision quiz
4 questions

useEffect Hook

6 lectures
Introduction to lifecycle methods in React
03:07
Using the useEffect Hook to handle lifecycle events in functional components
05:54
Performing side effects with useEffect Hook
03:19
Cleaning up side effects with useEffect Hook
04:23
Handling props and state changes with useEffect Hook
03:03
useEffect revision quiz
4 questions

useContext Hook

4 lectures
Introduction to context in React
01:47
Creating context and providers
03:52
useContext example
03:33
useContext revision quiz
4 questions

useReducer Hook

3 lectures
Introduction to reducers in React
01:42
Using the useReducer Hook to manage state in complex components
10:22
useReducer revision quiz
4 questions

useCallback and useMemo Hooks

4 lectures
Introduction to performance optimization in React
01:45
Using the useCallback Hook to memoize functions
05:50
Using the useMemo Hook to memoize values
05:32
useCallback & useMemo revision quiz
4 questions

useRef Hook

4 lectures
Introduction to the useRef Hook
00:58
Using the useRef Hook to access and modify DOM nodes
04:52
Using the useRef Hook to store mutable values
10:06
useRef revision quiz
3 questions

useDeferredValue Hook

3 lectures
Introduction to the useDeferredValue Hook
01:26
Managing deferred state updates in large applications
05:26
useDeferredValue quiz
3 questions

useId Hook

2 lectures
Introduction to the useId() Hook
01:31
Generating unique IDs for components
04:06

useImperativeHandle and useLayoutEffect Hooks

3 lectures
Introduction to imperative code in React
03:27
Using the useImperativeHandle Hook to expose a component's methods
03:37
Using the useLayoutEffect Hook to perform DOM updates synchronously
04:54

Custom hooks

3 lectures
Introduction to custom hooks, with an example
04:17
Making a custom hook to handle forms
16:03
useDebugValue Hook
07:27

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.