Completed
) onDragEnd Logic
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
React & TypeScript - Course for Beginners
Automatically move to the next video in the Classroom when playback concludes
- 1 ) Intro
- 2 ) Typescript vs Javascript
- 3 ) Project Overview
- 4 ) Setup React Typescript Project
- 5 ) Basic Types in Typescript
- 6 ) Object Type
- 7 ) Optional Field in Objects
- 8 ) Array of Object Type
- 9 ) Union Type
- 10 ) Function Types
- 11 ) Any Type
- 12 ) unknown and never Type
- 13 ) Aliases ( type and interface )
- 14 ) Extending types
- 15 ) Extending interface
- 16 ) Extending Classes
- 17 ) Extending type with interface ( and vice versa )
- 18 ) React with Typescript
- 19 ) Functional Component type
- 20 ) Creating Input UI
- 21 ) useState Hook with Typescript
- 22 ) PropTypes - Passing props to component
- 23 ) Reusable todo interface
- 24 ) Passing function as props
- 25 ) Event Type in Typescript
- 26 ) Create Todo Logic
- 27 ) useRef Hook with Typescript
- 28 ) TodoList Component
- 29 ) Passing props to SingleTodo
- 30 ) SingleTodo Component
- 31 ) Todo Complete Functionality
- 32 ) Delete Todo Functionality
- 33 ) Edit Todo Functionality
- 34 ) Edit Bug Fix
- 35 ) useReducer Hook with Typescript
- 36 ) Homework for you
- 37 ) Building App UI for Drag and Drop
- 38 ) React Beautiful DnD Installation
- 39 ) completedTodos State
- 40 ) DragDropContext
- 41 ) Droppable Tag
- 42 ) Draggable Tag
- 43 ) onDragEnd Logic
- 44 ) Drag and Drop Styling
- 45 ) Outro
