Ready to Start Learning?

Capture Emails with Django and React.js

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:

html

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

Software

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

Recommended Start

Lifetime access to this course

or get access to 500+ courses with a membership

Lessons

Welcome

1:10

What we're going to build

3:58

Project Requirements

1:46

Start with Django or React?

1:12

Setup Working Directory and Django Project

4:04

Email Captures and Captures App

5:37

Django on_delete Error

1:59

Migrations + Admin and on_delete Example

2:03

Templates and Home View

4:32

Serving Static Files Locally

6:24

Django Rest Framework and Model Serializer

5:07

Django Rest Framework CreateAPIView

6:02

Authentication and Permissions

3:52

React App Method 1 - Using npx

9:21

React App Method 2 - Standalone React App

10:47

React Development Environment

3:53

Form State with React Hooks

5:08

Improving State & UI

5:58

Use XMLHttpRequest to Send Form Data

6:33

Without Session Authentication

2:51

CSRF Token Endpoint

3:00

useEffect Hook

6:22

Dynamic Configuration for UI Component

5:39

Cookies for CSRF Token

5:31

Custom Hook for Component Messages

12:54

Convert Standalone to npx Version

6:49

Next Steps

3:28

Thank you

1:23