-
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 -
React Cheat Sheet (Events) - Part 5
Understanding Events in React
SUBSCRIBE for more!
Source code:
https://github.com/honglytech/react-cheat-sheet/tree/part-5
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 Simple event
01:46 Inline
03:16 Pass argument to event handler
05:29 event object
08:07 onChange event
11:15 Pass data/events from Parent to Child
15:31 Summary
#react #reactjs #coding -
React Cheat Sheet (Lists) - Part 4
React Cheat Sheet (Lists) - Part 4
SUBSCRIBE for more!
Source code:
https://github.com/honglytech/react-cheat-sheet/tree/part-4
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 Lists
04:01 Pass a list of data to another component
07:58 Bonus
#react #reactjs #reacttutorial -
React Cheat Sheet - Part 3
React Cheat Sheet (Props) - Part 3
SUBSCRIBE for more!
Source code:
https://github.com/honglytech/react-cheat-sheet/tree/part-3
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 Props
02:33 Destructured props
04:23 Children
06:16 Default props
#react #reactjs #tutorial -
React Cheat Sheet - Part 2
React Cheat Sheet - Part 2
SUBSCRIBE for more!
Source code:
https://github.com/honglytech/react-cheat-sheet/tree/part-2
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 Intro
00:44 Must return a single element
01:24 Fragment
02:53 Self-closing tag
03:39 React attributes
04:44 CSS imports
06:30 Inline CSS
07:57 CSS modules
#react #reactjs #coding -
React Cheat Sheet - Part 1
SUBSCRIBE for more
Source code: https://github.com/honglytech/react-cheat-sheet
Timestamps
00:00 Intro
00:47 Install a new React app
02:17 Render component
03:42 Functional component
06:21 Import & export components
09:05 Lazy loading
E-mail: contact@honglytech.com
Website: https://honglytech.com
GitHub: https://github.com/lyhd
My course: https://honglytech.com/course
Support the channel: https://ko-fi.com/hongly
My gear:
Keyboard (Logitech MX Keys): https://amzn.to/3klv4L3
Mouse (Logitech MX Master 3): https://amzn.to/3nJeRBr
Monitor (BenQ EW2480): https://amzn.to/3vyGJtL
Camera (Canon PowerShot G7 X Mark II): https://amzn.to/3ddGNHL
Main Microphone (Rode NT-USB): https://amzn.to/36al2bb
Secondary Microphone (FIFINE K669B): https://amzn.to/3qotmKa
► Hostinger web hosting for your mission: https://www.hostg.xyz/SH5yf
► Bluehost build and grow your website without breaking a sweat: https://www.bluehost.com/track/hongly/
► Namecheap bring your ideas to life: https://honglytech.com/namecheap
► Squarespace everything you need to grow online: https://squarespace.syuh.net/bW9KB
► Wix create a website you’re proud of: https://wixstats.com/?a=37210&c=2611&s1=hongly
Find me on:
Facebook: https://www.facebook.com/honglytech
Instagram: https://www.instagram.com/hongly_tech
Twitter: https://twitter.com/honglytech
Discord: https://discord.gg/B4CfnAR8Fr -
How to Create an eCommerce Website with WordPress 2023
Get up to 80% discount on your Hostinger plan
https://www.hostg.xyz/SH5yf
Learn to build a complete eCommerce website that accepts different payment methods such as Visa, Mastercard and PayPal. Add products, pages, secure store and many more.
Timestamps:
00:00 Intro and Demo
07:07 Register Hostinger plan & domain name
14:13 Install SSL
15:43 Install new theme
16:45 Install plugins
18:35 Slider
27:24 Set homepage
29:13 Homepage part 1
31:29 Configure Smush plugin
32:54 Homepage part 2
37:11 Footer part 1
39:06 Header
44:45 Footer part 2
01:02:49 About Us page
01:16:47 Contact Us page part 1
01:24:23 Create professional email
01:26:25 Contact Us page part 2
01:32:52 Privacy Policy page
01:34:58 Terms and Conditions page
01:35:48 FAQs page
01:37:03 Payments Methods page
01:37:47 Shipping and Delivery page
01:40:22 Refunds and Returns Policy page
01:41:09 Tracking page
01:45:49 Add All Right Reserved
01:46:34 WooCommerce configurations
01:51:24 WooCommerce Free Shipping
01:53:13 WooCommerce Stripe payment
01:58:29 WooCommerce Paypal
02:06:11 Add new product
02:19:15 Purchase product by cards
02:25:07 Pay by Paypal
02:26:37 Clone existing product
02:31:21 Add more products
02:36:55 Show products on front page
02:40:01 Add site logo
02:41:56 Buttons on slider
02:45:05 Search bar
02:48:31 Add cart to menu
02:49:32 Responsive mobile menu
02:56:56 Security
03:00:29 Add side cart
03:01:09 Outro
#ecommerce #wordpress #woocommerce