Skip to main content

BezKoder

  • Courses
  • Full Stack
  • Spring
  • Node
  • Vue
  • Angular
  • React
  • Firebase
  • Django
  • Dart
  • JsonFormatter
  • Categories

Tag: react router

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

Related Posts:
– In-depth Introduction to JWT-JSON Web Token
– React Hooks CRUD example with Axios and Web API
– React Hooks File Upload example with Axios & Progress Bar
– React Form Validation with Hooks example
– React Custom Hook

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

Read More

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

Read More

react-query-axios-feature-image

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.

Related Posts:
– React Custom Hook
– React Hooks (without React Query) example with Axios and Rest API
– React Hooks File Upload example with Axios & Progress Bar
– React Table example: CRUD App | react-table 7
– React Form Validation with Hooks example

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

Read More

Redux-Toolkit CRUD example with React Hooks

Last modified: April 11, 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

Related Posts:
– React Custom Hook
– React CRUD example with Axios and Web API (using React Components)
– React Hooks (without Redux) CRUD example with Axios and Rest API
– React Hooks File Upload example with Axios & Progress Bar
– React Table example: CRUD App | react-table 7
– React Form Validation with Hooks 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

Read More

react-typescript-login-example-feature-image

React Typescript Login and Registration example

Last modified: April 25, 2022 bezkoder 7 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

Related Posts:
– In-depth Introduction to JWT-JSON Web Token
– React Typescript CRUD example Project with Axios and Web API

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

Read More

Posts navigation

1 2 … 7 Older posts

Follow us

  • Facebook
  • Youtube
  • Github

Tools

  • Json Formatter
DMCA.com Protection Status
  • Home
  • Privacy Policy
  • Contact Us
  • About Us
© 2019-2022 bezkoder.com
We use cookies to improve your experience with the site. To find out more, you can read the full Privacy & PolicyAccept
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these cookies, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may have an effect on your browsing experience.
Necessary
Always Enabled

Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.

Non-necessary

Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.

X