react-multiple-files-upload-progress-bar-feature-image

React Multiple Files upload example with Progress Bar

In this React tutorial, I will show you way to build React 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 File Upload/Download example with Spring Boot Rest Api
React.js CRUD example to consume Web API
React JWT Authentication (without Redux) example

Read More

react-file-uload-axios-progress-bar-feature-image

React File Upload with Axios and Progress Bar to Rest API

In this tutorial, I will show you way to build React.js File Upload example with 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 files’ 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

Read More

React + Node.js Express: User Authentication with JWT example

In this tutorial, we will learn how to build a full stack React.js + Express Authentication & Authorization example. The back-end server uses Node.js Express with jsonwebtoken for JWT authentication and Sequelize for interacting with MySQL database. The front-end will be created with React, React Router, Axios. We’ll also use Bootstrap and perform Form validation.

Related Posts:
React + Node.js + Express + MySQL example: Build a CRUD App
Node.js + MongoDB: User Authentication & Authorization with JWT

Read More

react-jwt-authentication-feature-image

React JWT Authentication (without Redux) example

In this tutorial, we’re gonna build a React 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 JWT Authentication (without Redux) with LocalStorage, React Router & Axios
  • Creating React Components with Form Validation
  • React Components for accessing protected Resources (Authorization)
  • Dynamic Navigation Bar in React App

Related Posts:
In-depth Introduction to JWT-JSON Web Token
React.js CRUD example to consume Web API
React File Upload with Axios and Progress Bar to Rest API

Fullstack (JWT Authentication & Authorization example):
React + Spring Boot
React + Node.js Express

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

Or using Redux for state management:
React Redux: JWT Authentication & Authorization example

Read More