In this artilce, we will create a CRUD (Create, Read, Update, Delete) model in the Django Rest Framework and React. It will be for simple note taking. User will be able to add new note, read all her notes, update note (to upper or lower case), and delete selected note.
Django and React Articles
How to build SaaS application with Django and React from scratch Contact us for any questions by filling a form.
-
CRUD in Django Rest Framework and React
Django React Backend Frontend Django-rest-framework Boilerplate Piotr Płoński, October 29, 2020
-
React Authenticated Component
React Frontend Boilerplate Piotr Płoński, October 28, 2020
In the previous article we’ve added signup and login features to the frontend. After login we are redirected to the
Dashboard
view. However, you can accessDashboard
view even if you are not logged in. In this post we will make theAuthenticatedComponent
forDashboard
so only logged users will be able to access it. If not logged user would like to access theDashboard
URL then she will be redirected toLogin
with redirect information in the URL/login?next=/dashboard
. We will also add logout feature in theDashboard
. -
React Token Based Authentication to Django REST API Backend
React Token based authentication Frontend Boilerplate Piotr Płoński, October 27, 2020
In this post, we will write React code to interact with token-based authentication REST API from the Django backend. We will use code from the previous post: Token Based Authenitcation with Django Rest Framework and Djoser (code with tag v3)
-
Token Based Authentication with Django Rest Framework and Djoser
Django Django-rest-framework Token based authentication Djoser Backend Boilerplate Piotr Płoński, October 26, 2020
In this article, we will add token-based authentication REST API with Django Rest Framework and Djoser. The Django Rest Framework is a package for faster building REST APIs with Django. The Djoser provides basic views to handle authentication actions such as create user, login, logout.
-
React Routing and Components for Signup and Login
React Frontend Boilerplate Piotr Płoński, October 25, 2020
In this post, we will create a user interface in React for authentication (Signup and Login views). Components will not perform any actions (they won’t be communicating with the backend, yet). We will use code from the previous post: Starting SaaS with Django and React (code with tag v1). In the next posts, we will create an authentication REST API in Django and provide actions in the frontend.
-
Starting SaaS with Django and React
Django React Backend Frontend Boilerplate Piotr Płoński, October 23, 2020
Software-as-a-Service (SaaS) is a model of software delivery in which users pay a subscription to get access to centrally hosted software. Nowadays, you can easily build your own SaaS, but you need to have programming skills. There are a lot of open-source web frameworks that allow you to quickly create a web service. You can serve SaaS on rented hardware in the cloud. You can start your own SaaS at 10-50$ per month of total costs (but you need to have programming skills!).
-
Django and React Posts ideas
Django React Piotr Płoński, October 22, 2020
I will post here ideas for new posts. If you would like to see a topic selected by you, please let me know by filling this form.