This tutorial is meant to be thoroughly practical from start to finish. You will learn how to create an entire React application all within around 100 lines of code. It makes use of many of the core concepts of React: hooks, state management, forms, JSX elements, components, props, styling, and conditionals.
Table of contents
How to bootstrap our React projectHow to use JSXCreate list of todo elementsCreate new React componentsReact component rulesPass data to components with propsMap over array items with the map functionReact keys and why they matterGet individual props with destructuringAdd new todo list itemsHandle form submissions in ReactPrevent default form behaviorAccess form data on submitIntroduction to React stateManage state with the useState hookRe-renders in ReactReact refs and useRefEssential rules of React hooksToggling todos done with onClickHandle deleting todosSort: