https://github.com/bezkoder/redux-toolkit-example-crud-hooks
Redux-Toolkit example with React Hooks CRUD Application, Axios, Rest API, Bootstrap
https://github.com/bezkoder/redux-toolkit-example-crud-hooks
axios bootstrap bootstrap4 crud crud-application crud-sample hooks react react-hooks react-redux reactjs redux redux-toolkit
Last synced: about 2 months ago
JSON representation
Redux-Toolkit example with React Hooks CRUD Application, Axios, Rest API, Bootstrap
- Host: GitHub
- URL: https://github.com/bezkoder/redux-toolkit-example-crud-hooks
- Owner: bezkoder
- Created: 2021-09-23T08:14:33.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2022-09-29T04:20:21.000Z (over 3 years ago)
- Last Synced: 2025-04-14T22:37:34.834Z (about 1 year ago)
- Topics: axios, bootstrap, bootstrap4, crud, crud-application, crud-sample, hooks, react, react-hooks, react-redux, reactjs, redux, redux-toolkit
- Language: JavaScript
- Homepage:
- Size: 371 KB
- Stars: 113
- Watchers: 3
- Forks: 76
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Redux-Toolkit CRUD example with React Hooks, Axios & Web API
Build Redux-Toolkit CRUD application with React Hooks and Rest API calls in that:
- Each item has id, title, description, published status.
- We can create, retrieve, update, delete items.
- There is a Search bar for finding items by title.
Redux Store:
For instruction, please visit:
> [Redux-Toolkit CRUD example with React Hooks, Axios & Web API](https://www.bezkoder.com/redux-toolkit-crud-react-hooks/)
More Practice:
> [React Hooks + Redux (without Redux-Toolkit) CRUD example with Axios & Web API](https://www.bezkoder.com/react-hooks-redux-crud/)
> [React Hooks (without Redux) CRUD example with Axios and Web API](https://www.bezkoder.com/react-hooks-crud-axios-api/)
> [React Table example: CRUD App with react-table v7](https://www.bezkoder.com/react-table-example-hooks-crud/)
> [React Pagination using Hooks example](https://www.bezkoder.com/react-pagination-hooks/)
> [React Hooks File Upload example](https://www.bezkoder.com/react-hooks-file-upload/)
> [React Hooks: JWT Authentication & Authorization example](https://www.bezkoder.com/react-hooks-jwt-auth/)
> [React + Redux + Hooks: JWT Authentication & Authorization example](https://www.bezkoder.com/react-hooks-redux-login-registration-example/)
Fullstack with Node.js Express:
> [React + Node.js Express + MySQL](https://www.bezkoder.com/react-node-express-mysql/)
> [React + Node.js Express + PostgreSQL](https://www.bezkoder.com/react-node-express-postgresql/)
> [React + Node.js Express + MongoDB](https://www.bezkoder.com/react-node-express-mongodb-mern-stack/)
Fullstack with Spring Boot:
> [React + Spring Boot + MySQL](https://www.bezkoder.com/react-spring-boot-crud/)
> [React + Spring Boot + PostgreSQL](https://www.bezkoder.com/spring-boot-react-postgresql/)
> [React + Spring Boot + MongoDB](https://www.bezkoder.com/react-spring-boot-mongodb/)
Fullstack with Django:
> [React.js Hooks + Django Rest Framework](https://www.bezkoder.com/django-react-hooks/)
Serverless with Firebase:
> [React Firebase Hooks: CRUD App with Realtime Database example](https://www.bezkoder.com/react-firebase-hooks-crud/)
> [React Hooks Firestore example: CRUD App](https://www.bezkoder.com/react-hooks-firestore/)
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
### Set port
.env
```
PORT=8081
```
## Project setup
In the project directory, you can run:
```
npm install
# or
yarn install
```
or
### Compiles and hot-reloads for development
```
npm start
# or
yarn start
```
Open [http://localhost:8081](http://localhost:8081) to view it in the browser.
The page will reload if you make edits.