Building a TO-DO App with React.js


About the TO-DO App

In this tutorial/post I will be going make a simple TO-DO App which lets a user add a TO-DO, remove a TO-DO and lastly, mark a TO-DO complete/incomplete. ### Who is this for? ### Anyone familiar with React.js can follow along. This tutorial is not intented for complete beginners. Anyone who has little experience with React.js should be fine. Recommended Reading Learning React: Getting Started and Concepts ### Components for the TO-DO App ### So before I start coding, I will break the app down in small pieces/components so it is easier to start coding. Before implementing an app in React.js it is considered a good practice to think of the app in hierarchical order. #### Hierarchy of a TO-DO App #### - TO-DO App - TO-DO App Banner - TO-DO List - TO-DO Item - TO-DO Input Form