Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

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

Reviews

Start your review of The Perfect Advanced React-TypeScript Project - Markdown Supported Note Taking With Categories

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.