https://github.com/wpcodevo/reactjs-crud-note-app

In this comprehensive guide, you'll learn how to build a CRUD application with React.js, Tailwind CSS, React Query, React-Hook-Form, and Axios. In brief, we'll use CRUD (CREATE, READ, UPDATE, DELETE) methods to perform basic operations against a data layer via REST API.
https://github.com/wpcodevo/reactjs-crud-note-app

axios-crud-app crud-app crud-app-reactjs react-query reactjs reactjs-crud reactjs-crud-app

Last synced: about 1 month ago
JSON representation

In this comprehensive guide, you'll learn how to build a CRUD application with React.js, Tailwind CSS, React Query, React-Hook-Form, and Axios. In brief, we'll use CRUD (CREATE, READ, UPDATE, DELETE) methods to perform basic operations against a data layer via REST API.

• Host: GitHub
• URL: https://github.com/wpcodevo/reactjs-crud-note-app
• Owner: wpcodevo
• Created: 2022-11-08T10:59:12.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2024-03-28T13:35:46.000Z (9 months ago)
• Last Synced: 2024-05-15T15:32:46.059Z (8 months ago)
• Topics: axios-crud-app, crud-app, crud-app-reactjs, react-query, reactjs, reactjs-crud, reactjs-crud-app
• Language: TypeScript
• Homepage: https://codevoweb.com/build-a-reactjs-crud-app-using-a-restful-api/
• Size: 74.2 KB
• Stars: 10
• Watchers: 1
• Forks: 14
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
#  Build a React.js CRUD App using a RESTful API

In this comprehensive guide, you'll learn how to build a CRUD application with React.js, Tailwind CSS, React Query, React-Hook-Form, and Axios. In brief, we'll use CRUD (CREATE, READ, UPDATE, DELETE) methods to perform basic operations against a data layer via REST API.

![Build a React.js CRUD App using a RESTful API](https://codevoweb.com/wp-content/uploads/2022/11/Build-a-React.js-CRUD-App-using-a-RESTful-API.webp)

## Topics Covered

- Run the Django CRUD API Locally

- Run the React CRUD APP Locally

- Setup the React.js Project

    - Bootstrap React with Vite

    - Set up Tailwind CSS

- Create API Requests with Axios

- Create Reusable Components

- Add the CRUD Functionalities

    - CREATE Operation

    - UPDATE Operation

    - DELETE Operation

    - READ Operation

- Testing the CRUD App

    - Create New Note

    - Update a Note

    - Get All Notes

    - Delete a Note

Read the entire article here: [https://codevoweb.com/build-a-reactjs-crud-app-using-a-restful-api/](https://codevoweb.com/build-a-reactjs-crud-app-using-a-restful-api/)