react Archives - BezKoder

react-custom-hooks-typescript-feature-image

React Custom Hook in Typescript example

Last modified: April 25, 2022 bezkoder Leave a comment

In addition to the familiar Hooks like useState, useEffect, useRef…, React also allows us to create custom Hooks with unique features that extracts component logic into reusable functions. Let’s learn how to write a React Custom Hook for API call in Typescript through a simple useAxiosFetch example.

More Practice:
– React Hook Form Typescript example with Validation
– React Typescript and Axios 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

Javascript version: React Custom Hook tutorial with example

React Custom Hook tutorial with example

Last modified: April 25, 2022 bezkoder Leave a comment

In addition to the familiar Hooks like useState, useEffect, useRef…, React also allows us to create custom Hooks with unique features that extracts component logic into reusable functions. Let’s learn how to write a Custom Hook for API call in React through a simple useAxiosFetch example.

More Practice:
– React Hooks CRUD example with Axios and Web API
– React Hooks File Upload example with Axios
– React Form Validation with Hooks example
– React Hooks: JWT Authentication (without Redux) example
– React + Redux: JWT Authentication example

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

Typescript version: React Custom Hook in Typescript example

Spring Boot + React Typescript example

Last modified: April 25, 2022 bezkoder 1 Comment

In this tutorial, we will learn how to build a full stack Spring Boot + React Typescript example with a CRUD App. The back-end server uses Spring Boot with Spring Web MVC for REST APIs and Spring Data JPA for interacting with embedded database (H2 database). Front-end side is made with React Typescript, React Router, Axios & Bootstrap.

Run both projects in one place:
How to integrate React with Spring Boot

You can use one of following backend for other Databases:

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

Tag: react

React Custom Hook in Typescript example

React Custom Hook tutorial with example

Spring Boot + React Typescript example

React Query and Axios (Typescript) example with Rest API

Tools

Follow us

Tools