React hooks Course with Examples
A complete overview of the hooks with useState, useEffect, useCallback, useMemo, useRef, useReducer and useContexte
Lectures -35
Resources -1
Duration -5 hours
30-days Money-Back Guarantee
Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.
Course Description
The hooks, are a new addition to the React library since version 16.8, that let you write stateful component without the need to write a class,
The course is fast-paced with practical example and project to get you up to speed fast with using hooks, from basic to advanced.
1) We begin with an overview of the basic hooks, with :
useState : to add and update local state inside a function component
useEffect: serving the same purpose as componentDidMount and componentDidUpdate, the effect hook to apply side effects in your function component when the local state updates
2) Then, we dive into the additional hooks, with :
useContext
useCallback and useMemo
useReducer
useRef
3) Finally, we learn to build custom hooks to isolate and reuse stateful logic between multiple function components :
to make network call to APIs
to validate forms
and, to add theme configuration to your project with the option to toggle dark and light theme
Goals
- How to use React hooks
- Learn useState, to add and update local state inside a function component
- Learn useEffect, to apply side effects whenever the state changes
- A complete guide to additional hooks like useMemo, useCallback, useRef, useReducer and useContext
- Learn to build your own hook to encapsulate and reuse stateful logic
- Learn by examples with a practical project : data fetching with function components only
Prerequisites
- Be familiar with React and have solid JavaScript knowledge
- Understand some fundamental React concepts such as JSX, props, event delegation, composition and the react CLI
- Understand the basics of the state management with Redux with actions, dispatch and reducers
![React hooks Course with Examples React hooks Course with Examples](https://d3mxt5v3yxgcsr.cloudfront.net/courses/3915/course_3915_image.jpg)
Curriculum
Check out the detailed breakdown of what’s inside the course
Introduction
1 Lectures
-
Introduction 00:56 00:56
The Hooks - useState and useEffect
6 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Data Fetching with the hooks (no class)
26 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Supporting Materials
1 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Instructor Details
![Sandra L](https://www.tutorialspoint.com/assets/profiles/246866/profile/200_3300606-1636438932.jpg)
Sandra L
Hello
I am Sandy, freelance web and mobile Developer based out of Toronto, in Ontario, Canada, I specialize in Front-End development with HTML, CSS, CSS3 Animation, Sass, Javascript and JQuery.
I love creating beautiful, professional and user-friendly websites using the Adobe Creative Suite: Photoshop, Illustrator and Flash to name a few.
I am also keen on Web marketing, Web analytics, Visual Design, Video Editing, Photography and WordPress development.
On top of being an instructor, I am an avid learner of new technologies and digital stuff.
Course Certificate
Use your certificate to make a career change or to advance in your current career.
![sample Tutorialspoint certificate](/market/public/assets/newDesign/img/primePacks/V-certificate.png)
Our students work
with the Best
![adobe logo](/market/public/assets/newDesign/img/adobe.png)
![adp logo](/market/public/assets/newDesign/img/adp.png)
![apple logo](/market/public/assets/newDesign/img/apple.png)
![armani logo](/market/public/assets/newDesign/img/armani.jpg)
![bosch logo](/market/public/assets/newDesign/img/bosch.png)
![capegemini logo](/market/public/assets/newDesign/img/capegemini.png)
![cisco logo](/market/public/assets/newDesign/img/cisco.png)
![hdfc bank logo](/market/public/assets/newDesign/img/hdfcbank.png)
![ibm logo](/market/public/assets/newDesign/img/ibm.png)
![intel logo](/market/public/assets/newDesign/img/intel.png)
![mastercard logo](/market/public/assets/newDesign/img/mastercard.png)
![netflix logo](/market/public/assets/newDesign/img/netflix.png)
![qualcomm logo](/market/public/assets/newDesign/img/qualcomm.png)
![samsung logo](/market/public/assets/newDesign/img/samsung.png)
![sony logo](/market/public/assets/newDesign/img/sony.png)
![unilever logo](/market/public/assets/newDesign/img/unilever.png)
![walmart logo](/market/public/assets/newDesign/img/walmart.png)
![adobe logo](/market/public/assets/newDesign/img/adobe.png)
![adp logo](/market/public/assets/newDesign/img/adp.png)
![apple logo](/market/public/assets/newDesign/img/apple.png)
![armani logo](/market/public/assets/newDesign/img/armani.jpg)
![bosch logo](/market/public/assets/newDesign/img/bosch.png)
![capegemini logo](/market/public/assets/newDesign/img/capegemini.png)
![cisco logo](/market/public/assets/newDesign/img/cisco.png)
![hdfcbank logo](/market/public/assets/newDesign/img/hdfcbank.png)
![ibm logo](/market/public/assets/newDesign/img/ibm.png)
![intel logo](/market/public/assets/newDesign/img/intel.png)
![mastercard logo](/market/public/assets/newDesign/img/mastercard.png)
![netflix logo](/market/public/assets/newDesign/img/netflix.png)
![qualcomm logo](/market/public/assets/newDesign/img/qualcomm.png)
![samsung logo](/market/public/assets/newDesign/img/samsung.png)
![sony logo](/market/public/assets/newDesign/img/sony.png)
![unilever logo](/market/public/assets/newDesign/img/unilever.png)
![walmart logo](/market/public/assets/newDesign/img/walmart.png)
Related Video Courses
View MoreAnnual Membership
Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses
Subscribe now![Annual Membership Annual Membership](/market/public/assets/newDesign/img/membership-large-small.jpg)
Online Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now![Online Certifications Online Certifications](/market/public/assets/newDesign/img/traning-for-a-team.png)