In this tutorial, we will learn how to build a full stack Django + React example with a CRUD App. The back-end server uses Django with Rest Framework for REST APIs and interacts with MySQL/PostgreSQL/MongoDB database. Front-end side is made with React, Axios, React Router & Bootstrap.
Tag: axios
Vue File Upload example using Axios
In this tutorial, I will show you way to build a Vue File Upload example that uses Axios and Multipart File for making HTTP requests. You will also know how to add Bootstrap progress bar, show response message and display list of files’ information (with url).
More Practice:
– Vue upload Image using Axios (with Preview)
– Vue Multiple Files Upload with Axios, FormData and Progress Bars
– Vue.js 2 CRUD Application with Vue Router & Axios
– Vue.js JWT Authentication with Vuex and Vue Router
– Vue Pagination with Axios and API example
Using Vuetify: Vuetify File Upload example
React Redux: Token Authentication example with JWT & Axios
In this tutorial, we’re gonna build a React Redux Token Authentication example with JWT, LocalStorage, React Router, Axios and Bootstrap. I will show you:
- JWT Authentication Flow for User Signup & User Login
- Project Structure for React Redux JWT Authentication, LocalStorage, Router, Axios
- Working with Redux Actions, Reducers, Store for Application state
- 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 (with Redux) CRUD example to consume Web API
– React File Upload with Axios and Progress Bar to Rest API
– React JWT Authentication (without Redux) example
Fullstack (JWT Authentication & Authorization example):
– React + Spring Boot
– React + Node.js Express + MySQL/PostgreSQL
– React + Node.js Express + MongoDB
The example using React Hooks:
React Hooks + Redux: JWT Authentication & Authorization example
Django + Vue.js: CRUD App with Django Rest Framework
In this tutorial, we will learn how to build a full stack Django + Vue.js example with a CRUD Application. The back-end server uses Django with Rest Framework for REST APIs and interacts with MySQL/PostgreSQL/MongoDB database. Front-end side is made with Vue, Vue Router, Axios & Bootstrap.
Vuetify File Upload example
In this tutorial, I will show you way to use Vuetify to build File Upload example with Axios and Multipart File for making HTTP requests. You will also know how to add progress bar, show response message and display list of files’ information (with url).
More Practice:
– Vuetify Image Upload with Preview example
– Vuetify Multiple Images Upload example
– Vuetify data-table example with a CRUD App | v-data-table
– Vue.js JWT Authentication with Vuex and Vue Router
Using Bootstrap: Vue File Upload example with Axios & Bootstrap