[{"_1":2,"_42":-5,"_43":-5},"loaderData",{"_3":4,"_10":11,"_40":-5,"_41":-5},"root",{"_5":-5,"_6":-5,"_7":-5,"_8":9},"user","shoppingCartId","toast","locale","en","routes/_store+/_readers+/email_author.$slug/route",{"_12":13,"_39":-5},"book",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25},"id","Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6Qm9va1Byb2R1Y3QvNDM1NzY","title","Build SPA with React and Wagtail (3.0.0)","state","published","contactAuthorMethod","email","aboutText","

This book will teach you how to build a SPA (single-page application) using React and Wagtail CMS

By the end of this course, you will be able to:

Understand Docker and use Docker Compose to do development
Create blog models to work with Wagtail.
Learn how to write serializer for Django models.
Build a REST API for Wagtail CMS
Use the factory package to help create test data
Test the REST API and generate test coverage report
Build a React app from create-react-app
Learn React Function Component, and React hooks.
Use Tailwind CSS to build clean and responsive UI.
Understand React router
Make React app work with Wagtail preview
Build comment system based on django-contrib-comments which support Generic Relations
Use Tribute.js to add Mention and Emoji support to the comment form.
Learn to use React Query to build lazy load comment list.
Test React component using Jest and @testing-library family of packages.
Deploy the production app to DigitalOcean

Tech

Python 3.10
Django 4.1
Wagtail 4.1
Tailwind 3
React Function Component, React Hooks
React Router
React Query
Tribute.js
Jest

This book includes:

A PDF ebook which contains about 30 chapters.
30+ screenshots and diagrams, all created by me.
The source code of the project created in this course.

Changelog:

3.0.0

Released 2022-12-22

Upgrade Tailwind 3
Use React Query to replace SWR
Upgrade Django 4, Wagtail 4, update the screenshots.

2.0.0

Released 2021-09-22

Use Tailwind CSS to replace the Bootstrap, add dark mode support
Add comment support
Rewrite with React functional component
Upgrade to Django 3.2 and Wagtail 2.14

1.0.0

2020-12-05: First release

","authors",[26],{"_14":27,"_28":29,"_5":30},"Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6UHJvZHVjdEF1dGhvci80NTQ5MQ","name","MichaelYin",{"_31":32},"avatar",{"_33":34,"_35":36,"_37":38},"url","https://d308did4coypzi.cloudfront.net/avatars/1150177/medium/4366781.jpeg?1508506549","styleName","medium","exists",true,"currentUser","routes/_store+/_layout","routes/_store+/_readers+/_layout","actionData","errors"]

Email the author