material ui Archives

React Table Pagination (Server side) with Search | react-table v7

Last modified: March 26, 2021 bezkoder Leave a comment

In this tutorial, I will show you how to make React Table Pagination (Server side) with Search in a React Hooks Application using react-table v7 for data table and Material-UI for pagination.

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

Material UI File Upload example with Axios & Progress Bar

Last modified: March 1, 2021 Thinh Nguyen 1 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:
– Material UI Image Upload example with Preview
– React Material UI examples with a CRUD Application
– React JWT Authentication (without Redux) example
– React + Redux: JWT Authentication example

material-ui-image-upload-preview-react-example-feature-image

Material UI Image Upload example with Preview, Axios & Progress Bar

Last modified: March 11, 2021 bezkoder Leave a comment

In this tutorial, I will show you way to build Material UI Image Upload example with Preview to 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 images’ 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-material-ui-examples-crud-app-feature-image

React Material UI examples with a CRUD Application

Last modified: May 13, 2021 Thinh Nguyen Leave a comment

In this tutorial, I will show you how to build React.js Material UI examples with a CRUD Application to consume Web API, display and modify data with Router, Axios.

Fullstack:
– React + Spring Boot + MySQL: CRUD example
– React + Spring Boot + PostgreSQL: CRUD example
– React + Spring Boot + MongoDB: CRUD example
– React + Node.js + Express + MySQL: CRUD example
– React + Node.js + Express + PostgreSQL example
– React + Node.js + Express + MongoDB example
– React + Django + Rest Framework example

File upload: Material UI File Upload example with Axios & Progress Bar

Using Bootstrap instead: React.js CRUD example to consume Web API

Serverless:
– React Firebase CRUD with Realtime Database
– React Firestore CRUD App example | Firebase Cloud Firestore