Skip to content

GuaciG/todo-list-react-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

To-Do List App with React-Hooks.

This project is a simple application to list a series of tasks to perform. You can create, read, edit, update and delete. It is based on forms handling exercises such as CRUD exercises.

To-Do List App

To-Do List App with React-Hooks.

The easiest way to create an App React like this, is by creating a basic React template.

  • First, you have to have Node.js installed in its latest versions.

  • Then, a package manager, such as Yarn or npm. It lets you take advantage of a vast ecosystem of third-party packages, and easily install or update them.

  • Now, create the React app. On your terminal, run the following command. This will create a new directory (my-app) inside the current folder or your selected folder.

npx create-react-app my-app

... go into your newly generated directory (my-app)...

cd my-app

... and install additional facilities such as:

  • React Hook Forms library. React Hook Form is a library which helps you managing state and errors, fields validation, etc.
npm install react-hook-form
  • uuid library for the creation of id's

  • Finally, start up the React app run npm start to fire up your application. This should automatically open up an HTML page on your browser with your initial app.

npm start

You can take a look at this project in github

Also you can find the working demo in codepen

Feedback issues etc. are more than welcome! Thanks!