React & TypeScript - Course for Beginners

This beginner course teaches TypeScript fundamentals through a React todo application. Learners practice typed components, props, hooks, event handling, CRUD functionality, and drag-and-drop interactions.

Syllabus

) Intro.
) Typescript vs Javascript.
) Project Overview.
) Setup React Typescript Project.
) Basic Types in Typescript.
) Object Type.
) Optional Field in Objects.
) Array of Object Type.
) Union Type.
) Function Types.
) Any Type.
) unknown and never Type.
) Aliases ( type and interface ).
) Extending types.
) Extending interface.
) Extending Classes.
) Extending type with interface ( and vice versa ).
) React with Typescript.
) Functional Component type.
) Creating Input UI.
) useState Hook with Typescript.
) PropTypes - Passing props to component.
) Reusable todo interface.
) Passing function as props.
) Event Type in Typescript.
) Create Todo Logic.
) useRef Hook with Typescript.
) TodoList Component.
) Passing props to SingleTodo.
) SingleTodo Component.
) Todo Complete Functionality.
) Delete Todo Functionality.
) Edit Todo Functionality.
) Edit Bug Fix.
) useReducer Hook with Typescript.
) Homework for you.
) Building App UI for Drag and Drop.
) React Beautiful DnD Installation.
) completedTodos State.
) DragDropContext.
) Droppable Tag.
) Draggable Tag.
) onDragEnd Logic.
) Drag and Drop Styling.
) Outro.