react router Archives

React.js Login & Registration example – JWT & HttpOnly Cookie

Last modified: May 19, 2022 bezkoder 1 Comment

In this tutorial, we’re gonna build a React.js Login & Registration example with JWT & HttpOnly Cookie, React Router, Axios and Bootstrap (without Redux). I will show you:

Flow for User Signup, Login, Logout with JWT & HttpOnly Cookie
Project Structure for React Hooks JWT Login example (without Redux) with LocalStorage, React Router & Axios
Creating Reactjs Function Components with Hooks & Form Validation
React Function Components for accessing protected Resources (Authorization)
Dynamic Navigation Bar in React Hooks App

Fullstack (JWT Authentication & Authorization example):
– React + Spring Boot
– React + Node.js Express + MySQL/PostgreSQL
– React + Node.js Express + MongoDB

react-query-axios-typescript-feature-image

React Query and Axios (Typescript) example with Rest API

Last modified: November 9, 2021 bezkoder 1 Comment

React Query is written in JavaScript. In this tutorial, I will show you how to build a React Query and Axios example (in Typescript) working with Rest API, display and modify data (CRUD operations) with Hooks.

More Practice:
– React Hook Form Typescript example with Validation
– React Typescript and Axios (without React Query) with API call example
– React Table example: CRUD App | react-table 7
– React Hooks File Upload example with Axios & Progress Bar
– React Typescript Authentication example with Hooks

Serverless with Firebase:
– React Hooks + Firebase Realtime Database: CRUD App
– React Hooks + Firestore example: CRUD app

React Query and Axios example with Rest API

Last modified: April 11, 2022 bezkoder 2 Comments

In this tutorial, I will show you how to build a React Query and Axios example working with Rest API, display and modify data (CRUD operations) with Hooks.

Security:
– React Hooks: JWT Authentication (without Redux) example
– React Hooks + Redux: JWT Authentication example

Serverless with Firebase:
– React Hooks + Firebase Realtime Database: CRUD App
– React Hooks + Firestore example: CRUD app

Typescript version: React Query and Axios (Typescript) example with Rest API

Redux-Toolkit CRUD example with React Hooks

Last modified: September 29, 2022 bezkoder 1 Comment

In this tutorial, I will show you how to build a Redux Toolkit CRUD example using React Hooks working with Rest API, display and modify data with Router, Axios & Bootstrap.

Security:
– React Hooks: JWT Authentication (without Redux) example
– React Hooks + Redux: JWT Authentication example

Serverless with Firebase:
– React Hooks + Firebase Realtime Database: CRUD App
– React Hooks + Firestore example: CRUD app

Redux without Redux-Toolkit:
React Hooks + Redux: CRUD example with Axios and Rest API

Using React Component:
Redux-Toolkit example with CRUD Application

react-typescript-login-example-feature-image

React Typescript Login and Registration example

Last modified: September 28, 2022 bezkoder 9 Comments

In this tutorial, we’re gonna build a React Typescript: Login and Registration example with React Router, Axios and Bootstrap (without Redux). I will show you:

JWT Authentication Flow for User Signup & User Login
Project Structure for React Typescript Authentication (without Redux) with React Router & Axios
Creating React Components with Form Validation using Formik and Yup
React Typescript Components for accessing protected Resources (Authorization)
Dynamic Navigation Bar in React Typescript App

Fullstack (JWT Authentication & Authorization example):
– React + Spring Boot
– React + Node Express + MySQL/PostgreSQL
– React + Node Express + MongoDB

Using Typescript with React Hooks instead:
React Typescript Authentication example with Hooks
React Custom Hook in Typescript example

Tag: react router

React Query and Axios (Typescript) example with Rest API

React Query and Axios example with Rest API

Redux-Toolkit CRUD example with React Hooks

Tools

Follow us

Tools