Today, you’ll start a new project that will require you to make POST, PUT, and DELETE requests and authenticate with an API. Over the week, you’ll also need to add routing.

Assignment

React Booklist

Also, watch this video betweeen now and tomorrow:

Resources

• Web Storage API
• Axios - library for making HTTP requests
• Example app – Notes

Your assignment, if you choose to accept it

Booklist API

There are definitely things in this assignment we haven’t covered in class! That probably seems very scary, but practicing reading documentation and figuring it out is an important part of becoming a developer. I am going to link all necessary documentation below under Resources.

Resources

• DRF - Authentication - read up on TokenAuthentication here
• djoser - this is a library to add registration to your API. Its documentation is not the best, unfortunately. Luckily for you…
• The Ultimate Tutorial for Django REST Framework: Login and Authentication - this blog post covers setting up djoser in detail and does it well.
• DRF - Filtering - this will show you about how to filter your output based on GET parameters.
• Django - Managers - you can set up default sorting through a custom manager. Note: this is not necessary to complete the project.

Today, we will look at how to use multiple components and state to make more advanced React applications.

Resources

• Lifting State Up from the React docs
• React.js Cheatsheet

Today, we walked through how to make serializers for nested models.

An API for Question Box

Between now and Thursday, you should add an API to QuestionBox. You should make a new Django app and use viewsets for questions and answers.

• You don’t to worry about favoriting or marking answers as correct.
• When you make a question, associate the current user as the author of the question.
• When you make an answer, associate the current user as the author of the answer.
• When you make an answer, the user must send the question PK.

Resources

• How to Save Extra Data to a DRF Serializer
• Classy DRF

Today we’re going to learn all about the React lifecycle and how you can use it to make applications that retrieve and store data.

Project

React Trivia Game – this is due on Thursday.

Resources

• State and Lifecycle from the React docs
• React Lifecycle Methods in Plain Approachable Language – I didn’t love this article, but it does really break it down.
• Video on React Lifecycle Methods
• If you are having a hard time not mutating your state in React, try Immer.