This sample React.JS with Typescript project shows a basic implementation of CRUD (Create-Read-Update-Delete) Operations that is connected to a web api. I'd advice that you have a working web api to be able to fully tested this project.
Basically, this project has an axios package installed where you can do different web api request like post, put, get and delete. I also already installed the package react-router-dom for routing of the app so you will also have idea on how to implement it on your next React.JS application.
After you download/clone this project, you need to restore the packages. Navigate to the project path and do this: To restore
npm i // to restore the packages
To run the app:
npm start
To build for production:
npm build
To run test:
npm test
| Packages | Versions |
|---|---|
| react | ^16.13.1 |
| typescript | ^3.7.5 |
| @types/react-router-dom | ^5.1.3 |
| axios | ^0.19.2 |
| bulma (style for this project) | ^0.8.1 |
You can view all of the packages and dependencies in the package.json file of this project.
Feel free to clone or fork this project: https://github.com/deanilvincent/React.JS-Basic-CRUD-Operations.git
Contributions & pull requests are welcome!
I'll be glad if you give this project a ★ on Github :))
This project is licensed under the MIT License - see the LICENSE.md file for details.