coalcanvas/reactify-django

Integrate React & Django

Reactify Django

React is a powerful component JavaScript library. With it, you can build all kinds of user inferfaces from something as simple as a contact form all the way to an entire front end.

This project is about integrating React with Django.

Tech

• React 16.4.0
• Django 1.11
• Django Rest Framework 3.8.2
• Django CORS Headers 2.2.0
• Python 3.5 (and up)

Recommended Start

$ cd path/to/your/dev/folder
$ mkdir reactifydjango
$ cd reactifydjango
$ git clone https://github.com/codingforentrepreneurs/Reactify-Django .
$ git reset bc78f49e5f3fe1992b99afb85782b6281bf981a1 --hard
$ git remote remove origin
$ virtualenv -p python3 .
$ source bin/activate
(reactifydjango) $ cd src
(reactifydjango) $ pip install -r requirements.txt
(reactifydjango) $ cd reactify-ui
(reactifydjango) $ npm install

Sections

8 - Hello World

9 - Http Methods in React

10 - React Props

11 - React State

12 - More on State & Props

13 - React and How it Renders

14 - HTML Form in React

15 - Handle a Form with React

16 - Sending Data from React to Django

17 - Child Element Event Emitter

18 - Clear Form

19 - Preset Input Value

20 - Handle a Checkbox in React

21 - URL Routing in React

22 - Link with React Router Dom

23 - Post Detial View

24 - Post Owner

25 & 26 Post Update Part 1 & 2

27 - Post Create Clean Up

28 - Django Rest Framework Custom Pagination

29 - Dynamically Load More Posts

30 - Thank you