Today’s Topics

Today we are going to dive into the Django REST Framework.

🎯 Project

Add an API to Habit Tracker. (note: There is no assignment repo or README for this.)

Add a new app to your existing Habit Tracker project and call it api. By the end of the week, your app should provide CRUD endpoints in JSON.

By Friday afternoon, you should be able to list, create, update, and delete habits.

By Monday, you should be able to complete all CRUD tasks through the API:

• list habits
• create a new habit
• view a habit
• update a habit
• delete a habit
• list records for a habit (on the habit detail API endpoint)
• create a record for a habit
• update a record for a habit
• delete a record from a habit

You should develop and test your endpoints using Insomnia. (If you want to change it up you can also play with another popular tool for building and testing APIs called Postman).

Your application should be deployed to Heroku.

📖 Read | 📺 Watch | 🎧 Listen

• DRF class-based views This talks about APIView.
• Class-based vs. function-based views This is about Django views in general, not specific to DRF.
• What You Should Know About DRF, Lacey Williams Henschel, PyCascades 2021

🔖 Resources

• Django REST Framework Documentation
  • Installation
  • Serializers
    • ModelSerializer
    • Serializer SlugRelatedField
• Classy Django REST Framework
• django-extensions shell_plus
• Python pprint module docs
• Example code from class

Blog articles that go with Lacey Williams Henschel’s talk

• What You Should Know About DRF, Part 1: ModelViewSet attributes and methods
• What You Should Know About DRF, Part 2: Customizing built-in methods
• What You Should Know About DRF, Part 3: Adding custom endpoints

Today is focused on using multiple components and conditional rendering to create multiple views of your application.

🎯 Project

Continue React Trivia. For Thursday, make your trivia categories selectable. When selected, you should show at least 10 questions for that category. If you can, go ahead and show answers and perhaps even make them selectable.

🔖 Resources

• Using the Effect Hook
• React Conditional Rendering
• 5 Ways to Implement Conditional Rendering in React
• Lifting State Up – This is the official doc page. To see it with hooks, watch the video Lifting State Up with Hooks.
• COVID app example

Today’s Topics

• How AJAX and APIs work
• How to make AJAX calls from React using fetch() or Axios.

🎯 Project

React Trivia. For today, get a list of trivia categories showing.

🔖 Resources

• React FreeShelf: a finished version
• MDN: fetch
• Axios on GitHub
  • Axios Response Schema
• COVID data app example
• Notes: JS for React

Today’s Topics

• Habit Tracker progress reports
• Lightning talks
  • Lookup expressions with .filter()
  • Lookups that span relationships
  • Complex lookups with Q
  • Related objects
  • Aggregate & Annotate
• HTTP requests and responses
• REST and the Django REST Framework

🎯 Project

Complete the official Django REST Framework tutorial. You may find it easier going if you follow the guide by Will Vincent.

Will Vincent uses the exact same code and steps, but takes more time to explain what is going on and uses the django admin interface instead of the shell to create objects in the database. Will’s tutorial stops short of the last step, step 6, in the official tutorial. But if you finish step 5 and want to keep going, you can continue with the official tutorial.

You should complete the tutorial by tomorrow afternoon.

Some tips about the DRF Tutorial to keep in mind:

• Do not copy & paste the code. You’ll get a lot more out of it if you type it out yourself.
• Don’t use the Momentum Django Project Template. The custom user model in that template conflicts with the tutorial.

📖 Read | 📺 Watch | 🎧 Listen

• Django Chat: Django REST Framework
• How HTTP works and why it’s important - Free Code Camp
• A Beginner’s Guide to REST

🔖 Resources

• Django REST Framework Documentation
• An overview of HTTP - MDN
• HTTP verbs/CRUD/SQL & REST urls notes

Today’s Topics

• What did you think of the tutorial(s) you did? Impressions of React?
• Build a small React app together in class
• Components and JSX
• Handling data in React with props and state

🎯 Do

Today, you’ll start on your first React app without a tutorial. This is due on Monday.

React Freeshelf

📖 Read | 📺 Watch | 🎧 Listen

• Overview: What is React?
• React Mental Model
• Using the State Hook

🔖 Resources

• Conditional Rendering in React
• Handling Events in React
• Supported Events in React

👨‍💻 Code Examples

• DevsForHire!
• MDN React Todo List Walk-through
• Just show me the code for the MDN Todo List

🎥 Video

• Class video Passcode: g0rR=iEP

🧶 Loom screencasts

I made some short topic videos walking through doing some more stuff with the DevsForHire app.

• 1 - Key prop
• 2 - Splitting App into a separate file
• 3- Include a stylesheet for your component
• 4 - State as an array of objects
• 5 - React conditionally rendering JSX inside a map callback
• 6 - React ternary conditional for className
• 7 - React onClick with a handler function from parent component, Part 1
• 8 - React onClick with a handler function from parent component, part 2
• 9 - React onClick with a handler function from parent component, part 3