-
8 React Hooks in 1 Video
Take your website to the next level with Youstable hosting – reliable, fast, and affordable hosting services that you can count on. YouStable is India's best web hosting provider with up to 70% discount.
https://partner.youstable.com/874.html
Free crash courses:
React JWT Authentication: https://youtu.be/T5dIjye4b-I
React Redux: https://youtu.be/RPFr-hiFiU0
React Redux Saga: https://youtu.be/6GvMQ0vMXQU
React Redux Toolkit: https://youtu.be/7ujSgXRnyig
React Redux Toolkit RTK Query: https://youtu.be/9V-Up8QT7tM
More free crash courses:
https://youtube.com/playlist?list=PL2adUX6Utt_0N0GejKLVU_KDOj5jKTdje
React tutorials:
https://youtube.com/playlist?list=PL2adUX6Utt_21X-X2dpH0mPG0mqqK7Gv5
E-mail: contact@honglytech.com
Website: https://honglytech.com
GitHub: https://github.com/honglytech
My course: https://honglytech.com/course
My gears:
Keyboard: https://amzn.to/3klv4L3
Mouse: https://amzn.to/3nJeRBr
Main camera: https://amzn.to/3EeuYyG
Main microphone: https://amzn.to/36al2bb
Main camera mic: https://amzn.to/3UeS51L
Secondary camera: https://amzn.to/3ddGNHL
Secondary microphone: https://amzn.to/3qotmKa
Timestamps:
00:00 useState and useEffect
10:34 useContext
20:38 useReducer
26:24 useCallback
33:41 useMemo
39:18 useRef
43:11 useTransition
52:00 useDeferredValue
#reacthooks #reactjs #coding -
How to Build a To-Do List in React | React Projects
Are you looking to build a stunning website for your business, portfolio, or blog? Look no further than Squarespace! As a valued viewer, you can get a 10% discount using the code "hongly10".
https://squarespace.syuh.net/c/2327716/533949/9084
Source code:
https://github.com/honglytech/react-projects/tree/03-todo-list
Free crash courses:
React JWT Authentication: https://youtu.be/T5dIjye4b-I
React Redux: https://youtu.be/RPFr-hiFiU0
React Redux Saga: https://youtu.be/6GvMQ0vMXQU
React Redux Toolkit: https://youtu.be/7ujSgXRnyig
React Redux Toolkit RTK Query: https://youtu.be/9V-Up8QT7tM
More free crash courses:
https://youtube.com/playlist?list=PL2adUX6Utt_0N0GejKLVU_KDOj5jKTdje
React tutorials:
https://youtube.com/playlist?list=PL2adUX6Utt_21X-X2dpH0mPG0mqqK7Gv5
E-mail: contact@honglytech.com
Website: https://honglytech.com
GitHub: https://github.com/honglytech
My course: https://honglytech.com/course
My gears:
Keyboard: https://amzn.to/3klv4L3
Mouse: https://amzn.to/3nJeRBr
Main camera: https://amzn.to/3EeuYyG
Main microphone: https://amzn.to/36al2bb
Main camera mic: https://amzn.to/3UeS51L
Secondary camera: https://amzn.to/3ddGNHL
Secondary microphone: https://amzn.to/3qotmKa
#todolist #reactjs #reactjsproject -
How Redux Toolkit Powers this Karaoke App | React Projects
Are you looking to build a stunning website for your business, portfolio, or blog? Look no further than Squarespace! As a valued viewer, you can get a 10% discount using the code "hongly10".
https://squarespace.syuh.net/c/2327716/533949/9084
This singing app is written in Redux Toolkit. You can choose from a wide selection of songs and sing your heart out with the highlighting lyrics displayed on the screen. So what are you waiting for? Let's learn how to build one now!
Source code:
https://github.com/honglytech/react-projects/tree/02-singing-app-redux
Free crash courses:
React JWT Authentication: https://youtu.be/T5dIjye4b-I
React Redux: https://youtu.be/RPFr-hiFiU0
React Redux Saga: https://youtu.be/6GvMQ0vMXQU
React Redux Toolkit: https://youtu.be/7ujSgXRnyig
React Redux Toolkit RTK Query: https://youtu.be/9V-Up8QT7tM
More free crash courses:
https://youtube.com/playlist?list=PL2adUX6Utt_0N0GejKLVU_KDOj5jKTdje
React tutorials:
https://youtube.com/playlist?list=PL2adUX6Utt_21X-X2dpH0mPG0mqqK7Gv5
E-mail: contact@honglytech.com
Website: https://honglytech.com
GitHub: https://github.com/honglytech
My course: https://honglytech.com/course
My gears:
Keyboard: https://amzn.to/3klv4L3
Mouse: https://amzn.to/3nJeRBr
Main camera: https://amzn.to/3EeuYyG
Main microphone: https://amzn.to/36al2bb
Main camera mic: https://amzn.to/3UeS51L
Secondary camera: https://amzn.to/3ddGNHL
Secondary microphone: https://amzn.to/3qotmKa
#redux #toolkit #reactjsproject -
Learn, Build, and Sing: A Comprehensive Guide to Building a Singing App with React | React Projects
Build Your Own Singing App with React: A Step-by-Step Guide
► Transform your website dreams into reality with Squarespace: https://squarespace.syuh.net/bW9KB
Free crash courses:
React JWT Authentication: https://youtu.be/T5dIjye4b-I
React Redux: https://youtu.be/RPFr-hiFiU0
React Redux Saga: https://youtu.be/6GvMQ0vMXQU
React Redux Toolkit: https://youtu.be/7ujSgXRnyig
React Redux Toolkit RTK Query: https://youtu.be/9V-Up8QT7tM
More free crash courses:
https://youtube.com/playlist?list=PL2adUX6Utt_0N0GejKLVU_KDOj5jKTdje
React tutorials:
https://youtube.com/playlist?list=PL2adUX6Utt_21X-X2dpH0mPG0mqqK7Gv5
E-mail: contact@honglytech.com
Website: https://honglytech.com
GitHub: https://github.com/honglytech
My course: https://honglytech.com/course
My gears:
Keyboard: https://amzn.to/3klv4L3
Mouse: https://amzn.to/3nJeRBr
Main camera: https://amzn.to/3EeuYyG
Main microphone: https://amzn.to/36al2bb
Main camera mic: https://amzn.to/3UeS51L
Secondary camera: https://amzn.to/3ddGNHL
Secondary microphone: https://amzn.to/3qotmKa
#react #reactjs #tutorial -
React Cheat Sheet (useDeferredValue) Hooks #8 - Part 13
useDeferredValue hook lets you intentionally defer updating values so they don't slow down other parts of the page
SUBSCRIBE for more!
Source code:
https://github.com/honglytech/react-cheat-sheet/tree/part-13
Free crash courses:
React JWT Authentication: https://youtu.be/T5dIjye4b-I
React Redux: https://youtu.be/RPFr-hiFiU0
React Redux Saga: https://youtu.be/6GvMQ0vMXQU
React Redux Toolkit: https://youtu.be/7ujSgXRnyig
React Redux Toolkit RTK Query: https://youtu.be/9V-Up8QT7tM
More free crash courses:
https://youtube.com/playlist?list=PL2adUX6Utt_0N0GejKLVU_KDOj5jKTdje
React tutorials:
https://youtube.com/playlist?list=PL2adUX6Utt_21X-X2dpH0mPG0mqqK7Gv5
E-mail: contact@honglytech.com
Website: https://honglytech.com
GitHub: https://github.com/honglytech
My course: https://honglytech.com/course
My gears:
Keyboard: https://amzn.to/3klv4L3
Mouse: https://amzn.to/3nJeRBr
Main camera: https://amzn.to/3EeuYyG
Main microphone: https://amzn.to/36al2bb
Main camera mic: https://amzn.to/3UeS51L
Secondary camera: https://amzn.to/3ddGNHL
Secondary microphone: https://amzn.to/3qotmKa
#reacthooks #useDeferredValue #reactjs -
React Cheat Sheet (useTransition) Hooks #7 - Part 12
We're going to explore the use of the useTransition hook in React version 18. Let's dive in and discover the magic of useTransition!
SUBSCRIBE for more!
Source code:
https://github.com/honglytech/react-cheat-sheet/tree/part-12
Free crash courses:
React JWT Authentication: https://youtu.be/T5dIjye4b-I
React Redux: https://youtu.be/RPFr-hiFiU0
React Redux Saga: https://youtu.be/6GvMQ0vMXQU
React Redux Toolkit: https://youtu.be/7ujSgXRnyig
React Redux Toolkit RTK Query: https://youtu.be/9V-Up8QT7tM
More free crash courses:
https://youtube.com/playlist?list=PL2adUX6Utt_0N0GejKLVU_KDOj5jKTdje
React tutorials:
https://youtube.com/playlist?list=PL2adUX6Utt_21X-X2dpH0mPG0mqqK7Gv5
E-mail: contact@honglytech.com
Website: https://honglytech.com
GitHub: https://github.com/honglytech
My course: https://honglytech.com/course
My gears:
Keyboard: https://amzn.to/3klv4L3
Mouse: https://amzn.to/3nJeRBr
Main camera: https://amzn.to/3EeuYyG
Main microphone: https://amzn.to/36al2bb
Main camera mic: https://amzn.to/3UeS51L
Secondary camera: https://amzn.to/3ddGNHL
Secondary microphone: https://amzn.to/3qotmKa
#reacthooks #reactjs #coding -
React Cheat Sheet (useRef) Hooks #6 - Part 11
Learn how to effectively use the "useRef" hook in React to access and manipulate DOM elements. Improve your component's functionality and performance with this powerful tool.
SUBSCRIBE for more!
Source code:
https://github.com/honglytech/react-cheat-sheet/tree/part-11
Free crash courses:
React JWT Authentication: https://youtu.be/T5dIjye4b-I
React Redux: https://youtu.be/RPFr-hiFiU0
React Redux Saga: https://youtu.be/6GvMQ0vMXQU
React Redux Toolkit: https://youtu.be/7ujSgXRnyig
React Redux Toolkit RTK Query: https://youtu.be/9V-Up8QT7tM
More free crash courses:
https://youtube.com/playlist?list=PL2adUX6Utt_0N0GejKLVU_KDOj5jKTdje
React tutorials:
https://youtube.com/playlist?list=PL2adUX6Utt_21X-X2dpH0mPG0mqqK7Gv5
E-mail: contact@honglytech.com
Website: https://honglytech.com
GitHub: https://github.com/honglytech
My course: https://honglytech.com/course
My gears:
Keyboard: https://amzn.to/3klv4L3
Mouse: https://amzn.to/3nJeRBr
Main camera: https://amzn.to/3EeuYyG
Main microphone: https://amzn.to/36al2bb
Main camera mic: https://amzn.to/3UeS51L
Secondary camera: https://amzn.to/3ddGNHL
Secondary microphone: https://amzn.to/3qotmKa
#useref #reactjs #reacthooks -
React Cheat Sheet (useMemo) Hooks #5 - Part 10
In this video, we'll be diving into React's useMemo hook. useMemo is a powerful tool for optimizing the performance of your React components by caching expensive calculations. By passing in a 'dependency array', useMemo ensures that the calculation is only re-run when the dependencies have changed. This helps to avoid unnecessary re-renders and improve the overall performance of your application. In this tutorial, we'll be demonstrating how to use useMemo through a series of code examples. Whether you're a beginner or an experienced React developer, this video will provide you with a solid understanding of how to use useMemo to optimize the performance of your components. Don't miss out, watch now!
Source code:
https://github.com/honglytech/react-cheat-sheet/tree/part-10
Free crash courses:
React JWT Authentication: https://youtu.be/T5dIjye4b-I
React Redux: https://youtu.be/RPFr-hiFiU0
React Redux Saga: https://youtu.be/6GvMQ0vMXQU
React Redux Toolkit: https://youtu.be/7ujSgXRnyig
React Redux Toolkit RTK Query: https://youtu.be/9V-Up8QT7tM
More free crash courses:
https://youtube.com/playlist?list=PL2adUX6Utt_0N0GejKLVU_KDOj5jKTdje
React tutorials:
https://youtube.com/playlist?list=PL2adUX6Utt_21X-X2dpH0mPG0mqqK7Gv5
E-mail: contact@honglytech.com
Website: https://honglytech.com
GitHub: https://github.com/honglytech
My course: https://honglytech.com/course
My gears:
Keyboard: https://amzn.to/3klv4L3
Mouse: https://amzn.to/3nJeRBr
Main camera: https://amzn.to/3EeuYyG
Main microphone: https://amzn.to/36al2bb
Main camera mic: https://amzn.to/3UeS51L
Secondary camera: https://amzn.to/3ddGNHL
Secondary microphone: https://amzn.to/3qotmKa
#usememo #reactjs #reacthooks -
React Cheat Sheet (useCallback) Hooks #4 - Part 9
React Cheat Sheet (useCallback) Hooks #4 - Part 9
SUBSCRIBE for more!
Source code:
https://github.com/honglytech/react-cheat-sheet/tree/part-9
Free crash courses:
React JWT Authentication: https://youtu.be/T5dIjye4b-I
React Redux: https://youtu.be/RPFr-hiFiU0
React Redux Saga: https://youtu.be/6GvMQ0vMXQU
React Redux Toolkit: https://youtu.be/7ujSgXRnyig
React Redux Toolkit RTK Query: https://youtu.be/9V-Up8QT7tM
More free crash courses:
https://youtube.com/playlist?list=PL2adUX6Utt_0N0GejKLVU_KDOj5jKTdje
React tutorials:
https://youtube.com/playlist?list=PL2adUX6Utt_21X-X2dpH0mPG0mqqK7Gv5
E-mail: contact@honglytech.com
Website: https://honglytech.com
GitHub: https://github.com/honglytech
My course: https://honglytech.com/course
My gears:
Keyboard: https://amzn.to/3klv4L3
Mouse: https://amzn.to/3nJeRBr
Main camera: https://amzn.to/3EeuYyG
Main microphone: https://amzn.to/36al2bb
Main camera mic: https://amzn.to/3UeS51L
Secondary camera: https://amzn.to/3ddGNHL
Secondary microphone: https://amzn.to/3qotmKa
#react #reactjs #reacthooks -
React Cheat Sheet (useReducer) Hooks #3 - Part 8
Happy New Year 2023! This is my last video of the year 2022. More videos are coming...
React Cheat Sheet (useReducer) Hooks #3 - Part 8
SUBSCRIBE for more!
Source code:
https://github.com/honglytech/react-cheat-sheet/tree/part-8
Free crash courses:
React Redux: https://youtu.be/RPFr-hiFiU0
React Redux Saga: https://youtu.be/6GvMQ0vMXQU
React Redux Toolkit: https://youtu.be/7ujSgXRnyig
React Redux Toolkit RTK Query: https://youtu.be/9V-Up8QT7tM
More free crash courses:
https://youtube.com/playlist?list=PL2adUX6Utt_0N0GejKLVU_KDOj5jKTdje
React tutorials:
https://youtube.com/playlist?list=PL2adUX6Utt_21X-X2dpH0mPG0mqqK7Gv5
E-mail: contact@honglytech.com
Website: https://honglytech.com
GitHub: https://github.com/honglytech
My course: https://honglytech.com/course
My gears:
Keyboard: https://amzn.to/3klv4L3
Mouse: https://amzn.to/3nJeRBr
Main camera: https://amzn.to/3EeuYyG
Main microphone: https://amzn.to/36al2bb
Main camera mic: https://amzn.to/3UeS51L
Secondary camera: https://amzn.to/3ddGNHL
Secondary microphone: https://amzn.to/3qotmKa
Timestamps:
00:00 useReducer
03:03 One more example
#react #reactjs #reacthooks -
React Cheat Sheet (useContext) Hooks #2 - Part 7
React Context is a way to manage state globally. createContext lets you create a context that components can provide or read. useContext lets you read and subscribe to context from your component.
SUBSCRIBE for more!
Source code:
https://github.com/honglytech/react-cheat-sheet/tree/part-7
Free crash courses:
React JWT Authentication: https://youtu.be/T5dIjye4b-I
React Redux: https://youtu.be/RPFr-hiFiU0
React Redux Saga: https://youtu.be/6GvMQ0vMXQU
React Redux Toolkit: https://youtu.be/7ujSgXRnyig
React Redux Toolkit RTK Query: https://youtu.be/9V-Up8QT7tM
More free crash courses:
https://youtube.com/playlist?list=PL2adUX6Utt_0N0GejKLVU_KDOj5jKTdje
React tutorials:
https://youtube.com/playlist?list=PL2adUX6Utt_21X-X2dpH0mPG0mqqK7Gv5
E-mail: contact@honglytech.com
Website: https://honglytech.com
GitHub: https://github.com/honglytech
My course: https://honglytech.com/course
My gears:
Keyboard: https://amzn.to/3klv4L3
Mouse: https://amzn.to/3nJeRBr
Main camera: https://amzn.to/3EeuYyG
Main microphone: https://amzn.to/36al2bb
Main camera mic: https://amzn.to/3UeS51L
Secondary camera: https://amzn.to/3ddGNHL
Secondary microphone: https://amzn.to/3qotmKa
Timestamps:
00:00 useContext Hook
5:46 example using useState
07:51 example using useContext
#react #reactjs #reacthooks -
React Cheat Sheet (useState & useEffect) Hooks #1 - Part 6
React Cheat Sheet (Hooks #1 useState & useEffect) - Part 6
SUBSCRIBE for more!
Source code:
https://github.com/honglytech/react-cheat-sheet/tree/part-6
Free crash courses:
React JWT Authentication: https://youtu.be/T5dIjye4b-I
React Redux: https://youtu.be/RPFr-hiFiU0
React Redux Saga: https://youtu.be/6GvMQ0vMXQU
React Redux Toolkit: https://youtu.be/7ujSgXRnyig
React Redux Toolkit RTK Query: https://youtu.be/9V-Up8QT7tM
More free crash courses:
https://youtube.com/playlist?list=PL2adUX6Utt_0N0GejKLVU_KDOj5jKTdje
React tutorials:
https://youtube.com/playlist?list=PL2adUX6Utt_21X-X2dpH0mPG0mqqK7Gv5
E-mail: contact@honglytech.com
Website: https://honglytech.com
GitHub: https://github.com/honglytech
My course: https://honglytech.com/course
My gears:
Keyboard: https://amzn.to/3klv4L3
Mouse: https://amzn.to/3nJeRBr
Main camera: https://amzn.to/3EeuYyG
Main microphone: https://amzn.to/36al2bb
Main camera mic: https://amzn.to/3UeS51L
Secondary camera: https://amzn.to/3ddGNHL
Secondary microphone: https://amzn.to/3qotmKa
Timestamps:
00:00 useState
02:54 useEffect
#reacthooks #reactjs #usestate #useeffect