The Perfect Advanced React/TypeScript Project - Markdown Supported Note Taking With Categories
Highlight: https://app.highlight.run/?promo=WEBD...
Coupon Code: WEBDEVSIMPLIFIED (This should be automatically filled in as you go through the signup process)
Todo lists are boring and pretty limited so in this video I am going to show you how to build a more advanced project that covers all the features of a todo list while also adding tons of additional features like categories, markdown support, filter, etc. This is a great intermediate to advanced project.
📚 Materials/References:
GitHub Code: https://github.com/WebDevSimplified/r...
React Router Video: • Learn React Router v6 In 45 Minutes
React Router Article: https://blog.webdevsimplified.com/202...
React Multiselect Video: • This Is The Perfect Project For Your ...
🌎 Find Me Here:
My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: / webdevsimplified
Twitter: / devsimplified
Discord: / discord
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified
⏱️ Timestamps:
00:00:00 - Introduction
00:00:30 - Demo
00:01:10 - Setup
00:02:20 - Routing
00:05:38 - New Note Form JSX
00:13:18 - New Note Form Functionality
00:19:19 - useLocalStorageHook
00:24:40 - Note Creation Logic
00:28:53 - Tag Creation Logic
00:33:37 - Note List Page
00:50:20 - Note Layout Wrapper
00:53:45 - Note Show Page
00:58:10 - Note Edit Page
01:02:42 - Delete Note Logic
01:04:35 - Edit/Delete Tags Modal
#React #WDS #TypeScript
Смотрите видео The Perfect Advanced React/TypeScript Project - Markdown Supported Note Taking With Categories онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Web Dev Simplified 15 Ноябрь 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 190,55 раз и оно понравилось 5 тысяч людям.