/Reactify-Django

Integrate React & Django

Primary LanguageJavaScriptMIT LicenseMIT

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