React Notes App Tutorial for Beginners 2023 | React JS Beginner Project Tutorials
27.1 هزار بار بازدید -
2 سال پیش
-
Hostinger Discount:
Hostinger Discount: https://www.hostg.xyz/SH8cs
In this tutorial, I'm going to teach you step-by-step, how to build a modern responsive react notes app from scratch! This might be the best notes app tutorial available on the internet, and this tutorial can give you a good foundation to how react works. Code along with me and by the end of this tutorial, you will have a fully functioning notes app created!
Udemy Portfolio Course: https://www.udemy.com/course/react-js...
Source Code: https://www.buymeacoffee.com/egator/e...
Become a Patreon: Patreon: egator
Starter Files: https://github.com/egattor/react-note...
Timestamps
00:00 Intro (Demo)
04:52 Udemy React Portfolio Ad
05:54 Hosting & Free Domain
09:41 Create React App
12:00 Project Folder Structure
18:25 Creating Routes with react router dom
21:48 Notes page design
35:32 Create Note page design
38:35 Edit Note page design
40:00 Create Note functionality
51:23 useCreateDate Custom Hook
01:02:30 Saving Notes to Local Storage
01:06:00 Edit Note functionality
01:18:43 Delete Note functionality
01:20:53 Search Note functionality
01:35:30 Project Deployment
Reach me here: [email protected]
In this tutorial, I'm going to teach you step-by-step, how to build a modern responsive react notes app from scratch! This might be the best notes app tutorial available on the internet, and this tutorial can give you a good foundation to how react works. Code along with me and by the end of this tutorial, you will have a fully functioning notes app created!
Udemy Portfolio Course: https://www.udemy.com/course/react-js...
Source Code: https://www.buymeacoffee.com/egator/e...
Become a Patreon: Patreon: egator
Starter Files: https://github.com/egattor/react-note...
Timestamps
00:00 Intro (Demo)
04:52 Udemy React Portfolio Ad
05:54 Hosting & Free Domain
09:41 Create React App
12:00 Project Folder Structure
18:25 Creating Routes with react router dom
21:48 Notes page design
35:32 Create Note page design
38:35 Edit Note page design
40:00 Create Note functionality
51:23 useCreateDate Custom Hook
01:02:30 Saving Notes to Local Storage
01:06:00 Edit Note functionality
01:18:43 Delete Note functionality
01:20:53 Search Note functionality
01:35:30 Project Deployment
Reach me here: [email protected]
2 سال پیش
در تاریخ 1401/10/22 منتشر شده
است.
27,162
بـار بازدید شده