Highlight: 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: React Router Video: React Router Article: React Multiselect Video: 🌎 Find Me Here: My Blog: My Courses: Patreon: Twitter: Discord: GitHub: CodePen: ⏱️ 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
Hide player controls
Hide resume playing