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

More Practice:

React Hooks + Redux (without Redux-Toolkit) CRUD example with Axios & Web API

React Hooks (without Redux) CRUD example with Axios and Web API

React Table example: CRUD App with react-table v7

React Pagination using Hooks example

React Hooks File Upload example

React Hooks: JWT Authentication & Authorization example

React + Redux + Hooks: JWT Authentication & Authorization example

Fullstack with Node.js Express:

React + Node.js Express + MySQL

React + Node.js Express + PostgreSQL

React + Node.js Express + MongoDB

Fullstack with Spring Boot:

React + Spring Boot + MySQL

React + Spring Boot + PostgreSQL

React + Spring Boot + MongoDB

Fullstack with Django:

React.js Hooks + Django Rest Framework

Serverless with Firebase:

React Firebase Hooks: CRUD App with Realtime Database example

React Hooks Firestore example: CRUD App

This project was bootstrapped with Create React App.

Set port

.env

PORT=8081

Project setup

In the project directory, you can run:

npm install
# or
yarn install

Compiles and hot-reloads for development

npm start
# or
yarn start

Open http://localhost:8081 to view it in the browser.

The page will reload if you make edits.

This is a simple react project that Stores the books, When the user enter any book with the category will be updated in the API and you can get someof books from API based on the category. 📚

Book Store React 📚 This is a simple react project that Stores the books, When the user enter any book with the category will be updated in the API an

9 Nov 10, 2022

Redux Implementation using ReactJS and JSON placeholder API

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

1 Oct 26, 2021

Front-end of the movie application created with React.js and Redux

# Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run:

6 Aug 21, 2021

Single page application for tracking cryptocurrencies. Includes sorting, animations, graphs and more. Made using React & Redux.

Crypto Tracker A single page application meant to keep track of the most popular crypto currencies status. The user can sort the coins by highest gain

17 Dec 18, 2022

Financial Metrics - about building a mobile web application to check a list of metrics that I create making use of React and Redux

Financial Metrics is about building a mobile web application to check a list of metrics (numeric values) that I create making use of React and Redux

9 Jun 4, 2022

Failed to compile.

Failed to compile.

Error in ./src/reportWebVitals.js Syntax error: C:/Projects/redux-toolkit-example-crud/src/reportWebVitals.js: 'import' and 'export' may only appear at the top level (3:4)

1 | const reportWebVitals = onPerfEntry => { 2 | if (onPerfEntry && onPerfEntry instanceof Function) {

3 | import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => { | ^ 4 | getCLS(onPerfEntry); 5 | getFID(onPerfEntry); 6 | getFCP(onPerfEntry);

@ ./src/index.js 19:23-51

opened by assafmodi 0