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.