The Perfect Advanced React-TypeScript Project - Markdown Supported Note Taking With Categories
Web Dev Simplified via YouTube
Overview
Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Build an advanced React/TypeScript project featuring a markdown-supported note-taking application with categories. Learn to create a sophisticated alternative to traditional todo lists by implementing features such as markdown support, categorization, and filtering. Follow along as the video guides you through setting up the project, implementing routing, creating forms for new notes, developing custom hooks for local storage, and building out the core functionality for note and tag management. Dive into creating list views, individual note pages, and edit functionality, while also exploring how to handle note deletion and tag management through a modal interface. This comprehensive tutorial is ideal for intermediate to advanced developers looking to enhance their React and TypeScript skills with a practical, feature-rich project.
Syllabus
- Introduction
- Demo
- Setup
- Routing
- New Note Form JSX
- New Note Form Functionality
- useLocalStorageHook
- Note Creation Logic
- Tag Creation Logic
- Note List Page
- Note Layout Wrapper
- Note Show Page
- Note Edit Page
- Delete Note Logic
- Edit/Delete Tags Modal
Taught by
Web Dev Simplified