React Drag and Drop Todo List Application Tutorial

In this tutorial, you will learn how to create a dynamic To-Do List application using advanced React Hooks such as useEffect, useMemo, useContext and useRef, along with a drag and drop library. You will also learn how to implement drag and drop sorting for your to-do items for an effortless way to organize your tasks. The tutorial is perfect beginners who want to take their React skills to the next level and learn how to build a fully functional application. By the end of this tutorial, you will have a better understanding of how to use React Hooks in real-world applications. Don't forget to leave a like and subscribe for more React tutorials like this! Feel free to support the channel: https://buymeacoffee.com/thecodedealer Book 1-to-1 Zoom Call: 📅💻 https://buymeacoffee.com/thecodedealer/e/276385 Starter and Final Code: https://github.com/Maclinz/drag-sort-todo-app More videos here.... Portfolio Website Tutorial HTML, CSS, JavaScript : https://www.youtube.com/watch?v=W-5jkFPtLcc&t=2252s React and Next JS Project Full Application: https://www.youtube.com/watch?v=H3YtJkPv89E&t=7879s Python GUI Project: https://www.youtube.com/watch?v=TEATfq6hPIg&t=175s #react.js #thecodedealer #webdevelopment Timestamps Introduction - 00:00 App Main Functionality - 00:03:30 Styling the App and Conditional Styles - 00:53:10 Local Storage - 01:55:11 Animations - 02:10:15 VS CODE EXTENSTIONS: 1) Atom One Dark Theme 2) Indent Rainbow 3) JS JSX Snippets 4) Live Sass Compiler 5) Mithril Emmet 6) Styled-Components-Snippets 7) VsCode Icons 8) Live Server 9) JavaScript (ES6) Code Snippets 10) ES7 React/Redux/GraphQL/React-Native Snippets 11) SASS 12) Vs-Code-Styled-Componets 13) HTML CSS Support 14) Javascript and Typescript Nightly 15) IntelliSense for CSS class names in HTML 16) Python