YoVDO

The Perfect Advanced React-TypeScript Project - Markdown Supported Note Taking With Categories

Offered By: Web Dev Simplified via YouTube

Tags

React Courses Typescript Courses Web Development Courses

Course Description

Overview

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

Related Courses

DEV201x: Introduction to TypeScript
Microsoft via edX
Developing Dynamic Web Applications Using Angular
Microsoft via edX
Introduction to TypeScript 2
Microsoft via edX
Multiplatform Mobile App Development with NativeScript
The Hong Kong University of Science and Technology via Coursera
Angular Fundamentals
Microsoft via edX