This course teaches learners how to build React applications using TypeScript. By the end of the course, students will be able to integrate TypeScript into React projects, utilize React Hooks like useState, useRef, and useReducer, define prop types for components, and implement functionalities such as passing props, event handling, and drag-and-drop features. The course covers TypeScript basics, React TypeScript setup, component creation, state management, and more. The intended audience for this course is beginners interested in learning React development with TypeScript.
Overview
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.
Taught by
freeCodeCamp.org
