Now, let’s have a look at the complete App.React 16.8 welcomed the dawn of Hooks. It is very simple styling to make our Todo app look a bit nicer.app Now, let’s write some custom CSS code to do some styling. Running the above command will install both react-bootstrap and bootstrap libraries in our application. Now, we will install two libraries using npm which would help us with using the Bootstrap library in our app to apply the styling. Next, we should move inside the todo folder by doing: cd todo 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.
0 kommentar(er)
