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.
React and Django Free Boilerplate
Learn how to write SaaS application with React and Django from scratch
Contact us for any questions by filling a form.
Topic: Frontend
-
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)
-
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!).