react Archives - BezKoder

React Image Upload and Display example

Last modified: January 8, 2021 bezkoder Leave a comment

In this tutorial, I will show you way to build React.js Image Upload and Display example (with Preview) to a Rest API. The React App uses Axios and Multipart File for making HTTP requests, Bootstrap for progress bar. You also have a display list of images’ information (with download url).

More Practice:
– React Multiple Files upload example with Progress Bar
– React.js CRUD example to consume Web API
– React JWT Authentication (without Redux) example
– React + Redux: JWT Authentication example
Read More

React Hooks Firestore example: Build a CRUD app

Last modified: January 11, 2021 bezkoder Leave a comment

In this tutorial, I will show you step by step to build a React Hooks Firestore CRUD App example.

react-js-multiple-image-upload-with-preview-example-feature-image

React Multiple Images Upload with Preview example

Last modified: January 6, 2021 bezkoder Leave a comment

In this React tutorial, I will show you way to build React.js Multiple Images upload example with Preview using Axios and Multipart File for making HTTP requests, Bootstrap for progress bar and display list of images’ information (with download url).

More Practice:
– React File Upload/Download example with Spring Boot Rest Api
– React.js CRUD example to consume Web API
– React JWT Authentication & Authorization (without Redux) example
– React Redux: JWT Authentication & Authorization example

Material UI File Upload example with Axios & Progress Bar

Last modified: December 13, 2020 Thinh Nguyen Leave a comment

In this tutorial, I will show you way to build Material UI File Upload example with Rest API. The React App uses Axios and Multipart File for making HTTP requests, Material UI for progress bar and other UI components. You also have a display list of files’ information (with download url).

More Practice:
– React Material UI examples with a CRUD Application
– React JWT Authentication (without Redux) example
– React + Redux: JWT Authentication example

React + Spring Boot: Pagination example

Last modified: January 5, 2021 bezkoder 1 Comment

In this tutorial, I will show you how to build a full-stack Pagination (React + Spring Boot) example on Server side. The back-end server uses Spring Data and Spring Web for REST APIs, front-end side is a React App with Axios for HTTP Requests.

react-hooks-multiple-files-upload-example-feature-image

React Hooks Multiple File upload example with Axios & Progress Bar

Last modified: February 25, 2021 bezkoder Leave a comment

In this React tutorial, I will show you way to build React Hooks Multiple Files upload example using Axios and Multipart File for making HTTP requests, Bootstrap for progress bar and display list of files’ information (with download url).

More Practice:
– React Hooks CRUD example with Axios and Web API
– 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

React Hooks: JWT Authentication (without Redux) example

Last modified: December 19, 2020 bezkoder 17 Comments

In this tutorial, we’re gonna build a React Hooks JWT Authentication example with LocalStorage, React Router, Axios and Bootstrap (without Redux). I will show you:

JWT Authentication Flow for User Signup & User Login
Project Structure for React Hooks JWT Authentication (without Redux) with LocalStorage, React Router & Axios
Creating React 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

The example without using Hooks:
React JWT Authentication (without Redux) example

Using Redux: React Hooks + Redux: JWT Authentication & Authorization example