React & TypeScript - Course for Beginners

Course Overview

) 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.

(Please note that we obtained the following content based on information that users may want to know, such as skills, applicable scenarios, future development, etc., combined with AI tools, and have been manually reviewed)
React & TypeScript - Course for Beginners is a comprehensive course designed to help beginners learn the fundamentals of React and TypeScript. This course covers topics such as course overview, why to learn, development paths, related learning suggestions, and more. Learners will gain an understanding of the differences between TypeScript and JavaScript, how to set up a React TypeScript project, and how to use basic types in TypeScript. They will also learn about object types, optional fields in objects, array of object types, union types, function types, any type, unknown and never type, aliases, extending types, extending interfaces, extending classes, extending type with interface, React with TypeScript, functional component type, creating input UI, useState hook with TypeScript, PropTypes, passing functions 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, and outro. By the end of this course, learners will have a solid foundation in React and TypeScript and be able to create their own projects.