What are Rest APIs and what does it take to set up a basic API using the Django REST Framework? — Live dev notes taken throughout the following tutorial by Dennis Ivy — Django REST Framework Oversimplified In this post, we look at what REST APIs are and what it takes to set up a basic API using the Django REST Framework. You can also follow along by referring to my…

Knowing which way you’re going — Live dev notes taken throughout the What the Flexbox course by Wesbos — What the Flexbox In this post, we’ll be looking at how to read and specify the direction of how your flex items are arranged in its container. This is fundamental to implementing justification and alignment properties. Flex Direction The…

Understanding the basics of Flexbox — Live dev notes taken throughout the What the Flexbox course by Wesbos — What the Flexbox In this series, we’ll be looking at flexbox from the ground up by working through simple sandbox examples to visually understand how it works. In this post, we’ll be setting up our working environment…

Part 2: Setting up models, serialization, and API routes using the Django REST Framework — Live dev notes taken throughout the following tutorial by Dennis Ivy — Django + React Notes App In part 2, we look at setting up two GET endpoints by creating a database model, accessing the admin panel and serializing the records in our Django API backend You can also follow…

Part 12: Getting a React application ready for deployment on Netlify — Live dev notes taken throughout the following tutorial by Dennis Ivy — React JS Crash Course In the final part of this crash course series, we’ll look at building our React application so that it’s ready for deployment. …

Part 11: Formatting content in React components using custom utility functions — Live dev notes taken throughout the following tutorial by Dennis Ivy — React JS Crash Course In part 11 we’ll create some text-based utility functions inside of our ListItem and NotesListPage components to return the title of the note. …

Part 10: Making fetch calls in our React application to update the backend — Live dev notes taken throughout the following tutorial by Dennis Ivy — React JS Crash Course In part 10 we’ll add in the delete and create note functionality which will use the DELETE and POST methods, respectively. …

Part 9: Making fetch calls in our React application to update the backend — Live dev notes taken throughout the following tutorial by Dennis Ivy — React JS Crash Course In part 9 we look at updating the contents of our notes, saving it back to our mock backend server, redirecting the user via React Router’s history property as well as resolving the onChange…

Part 8: Pulling data from the backend into a React Application — Live dev notes taken throughout the following tutorial by Dennis Ivy — React JS Crash Course In part 8, we pull data from our mock backend server using API calls through fetch with async and await functions. Then through useEffect we’ll implement best practices when rendering out our notes. You…