Capture Emails with Django and React.js – Coding for Entrepreneurs

Creating a email capture component with React.js and integrate it with a Django backend.

The goal of this project is to have a reusable email capture for to be as simple as this:

<div class=’cfe-email-cap’></div>

Software

• Django 2.2
• Django Rest Framework
• Python 3.6+
• React.js 16.8+

Recommended Start

• Rest API
• Survey with React

Lessons

1 – Welcome
2 – What we’re going to build
3 – Project Requirements
4 – Start with Django or React?
5 – Setup Working Directory and Django Project
6 – Email Captures and Captures App
7 – Django on_delete Error
8 – Migrations + Admin and on_delete Example
9 – Templates and Home View
10 – Serving Static Files Locally
11 – Django Rest Framework and Model Serializer
12 – Django Rest Framework CreateAPIView
13 – Authentication and Permissions
14 – React App Method 1 – Using npx
15 – React App Method 2 – Standalone React App
16 – React Development Environment
17 – Form State with React Hooks
18 – Improving State & UI
19 – Use XMLHttpRequest to Send Form Data
20 – Without Session Authentication
21 – CSRF Token Endpoint
22 – useEffect Hook
23 – Dynamic Configuration for UI Component
24 – Cookies for CSRF Token
25 – Custom Hook for Component Messages Preview
26 – Convert Standalone to npx Version
27 – Next Steps
28 – Thank you