django-rest-framework-react-tutorial
django-rest-framework-react-tutorial copied to clipboard
wsvincent
Source code for Django Rest Framework + React tutorial.
This is the complete source code from the Django Rest Framework & React Tutorial.
Local Setup
Python 3 and Pipenv need to already be installed. If you need more complete local dev instructions, see here.
Clone the repo to your computer. For example, to place it on your Desktop.
$ cd ~/Desktop
$ git clone https://github.com/wsvincent/django-rest-framework-react-tutorial.git
$ cd django-rest-framework-react-tutorial
Backend
Install the Pipenv packages and start a new shell. Then cd into the backend directory and run the local server.
$ cd backend
$ pipenv install
$ pipenv shell
(backend) $ ./manage.py runserver
You can see the API now at http://127.0.0.1:8000/api.
Frontend
Open up a new command line console so there are now two open. Navigate to the frontend directory.
$ cd ~/Desktop
$ cd django-rest-framework-react-tutorial
$ cd frontend
Make sure React is already installed globally. If not $ npm install -g create-react-app.
Then install necessary packages and start the React server:
$ npm install
$ npm start
Navigate to http://localhost:3000/ to see a list of our DRF backend content outputted using React.
wsvincent