Now, this would create a folder named ‘ todo’ in our current repository. To create a new project named ‘ todo’, we would run the command as follows:- create-react-app todo Running the above command would install create-react-app in our project. We would be using create-react-app to help us bootstrap the React App for us. So, let’s start building our first React Todo app. We would build a simple working React app with some styling. We will learn to build an advanced Todo App which would involve Redux and a server but for now, we would like to keep things simple. So, it is not a perfect solution but a good start. We won’t be using Redux for state management and we would not use any kind of server to manage it.īuilding a simple Todo list means we won’t be able to keep track of the todos once we refresh the page.

Since this is our first project in the React world, we would keep things simple. It teaches you the principle of CRUD (Create, Read, Update and Delete) which are very important to understand for any developer.

And the best way to make your first React project would be to make a simple Todo App.īuilding a Todo App is easy and does not take much time but it teaches you some important concepts. So, I am also new to React and Frontend Frameworks. Hello readers! This is the first time I am writing an article on building something with React.

Todolist react example codepen classes