https://github.com/wpcodevo/react-query-axios-tailwindcss

This article will give you a comprehensive overview of JSON Web Token authentication with React.js, React Query, React-Hook-Form, Zod, and a RESTful API. You will learn how to validate forms with the React-Hook-Form library, make queries and mutations with React Query, register new users, verify their email addresses, sign the users into the React app, and log them out of the app.
https://github.com/wpcodevo/react-query-axios-tailwindcss

axios golang nodejs react reactjs

Last synced: 12 days ago
JSON representation

This article will give you a comprehensive overview of JSON Web Token authentication with React.js, React Query, React-Hook-Form, Zod, and a RESTful API. You will learn how to validate forms with the React-Hook-Form library, make queries and mutations with React Query, register new users, verify their email addresses, sign the users into the React app, and log them out of the app.

• Host: GitHub
• URL: https://github.com/wpcodevo/react-query-axios-tailwindcss
• Owner: wpcodevo
• Created: 2022-09-23T12:48:56.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-10-02T15:33:18.000Z (over 2 years ago)
• Last Synced: 2025-04-13T18:33:27.149Z (2 months ago)
• Topics: axios, golang, nodejs, react, reactjs
• Language: TypeScript
• Homepage: https://codevoweb.com/react-query-user-registration-and-email-verification
• Size: 66.4 KB
• Stars: 8
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: readMe.md

Awesome Lists containing this project

README

        
## React Query and Axios: User Registration and Email Verification

![React Query and Axios: User Registration and Email Verification](https://codevoweb.com/wp-content/uploads/2022/09/React-Query-and-Axios-User-Registration-and-Email-Verification.webp)

This article will give you a comprehensive overview of JSON Web Token authentication with React.js, React Query, React-Hook-Form, Zod, and a RESTful API. You will learn how to validate forms with the React-Hook-Form library, make queries and mutations with React Query, register new users, verify their email addresses, sign the users into the React app, and log them out of the app.

## Topics Covered

- React Query and Axios User Authentication Flow

- Setup and Run the Backend Server

- Setup React with Vite and TailwindCSS

- Setup Axios and Zustand State Manager

- Create Reusable Components

- React Query Request: Register User

- React Query Request: Verify Email

- React Query Request: Login User

- React Query Request: Logout User

- Create Other Pages with TailwindCSS

- Setup Routing in React

Read the entire article here: [https://codevoweb.com/react-query-user-registration-and-email-verification](https://codevoweb.com/react-query-user-registration-and-email-verification)

## Forgot/Reset Passwords with React Query and Axios

![Forgot/Reset Passwords with React Query and Axios](https://codevoweb.com/wp-content/uploads/2022/10/Forgot-Reset-Passwords-with-React-Query-and-Axios.webp)

In this comprehensive guide you will learn how to implement a forgot/reset password functionality with React, Axios, React Query, Zustand, and TypeScript.

## Topics Covered

- Forgot/Reset Passwords Flow with React Query

- Run the Forgot/Reset Passwords with React Query Locally

- Setup and Run the Backend API

- Create the API Requests with Axios

- Create the Forgot Password Component

- Create the Password Reset Component

- Create the Login Component

Read the entire article here: [https://codevoweb.com/forgot-reset-passwords-with-react-query-and-axios](https://codevoweb.com/forgot-reset-passwords-with-react-query-and-axios)