Exploring React Query’s power to replace boilerplate with only a handful of code when handling async actions What is React Query Often referred to as React’s missing data-fetching library, React Query handles fetching, caching, synchronizing and updating server state in a relatively simple manner with just a few lines of code. Developers can handle…

A step-by-step guide at how to set up a Django backend using the Django REST framework to integrate with a React frontend After getting warmed up with Django by making a simple to-do app using React, I wanted to level up slightly and learn how to use more than one…

Defining the Django REST Framework (DRF), Django’s MVT design pattern, and how it compares to the more typical MVC architecture This week to experiment with a new backend framework, I decided to build the usual to-do app powered by a Django on the backend and React on the frontend. In…

A collection of the basics for learning Python, including some main concepts spanning from data types to parsing JSON. — Note: This post loosely follows Brad Traversy’s Python crash course Variables Containers for values No command for declaring a variable (i.e. var/const/let ), instead a variable is created when it is assigned a value → x = 10 Variables are case sensitive Variables must start with a letter or an underscore

Understanding how the scripting language gets implemented with React by setting up a habit tracking app. After learning that the 2nd most loved programming language of 2020 was TypeScript, naturally, for many early JavaScript developers discovering TypeScript like myself, the question lends itself to whether and how engineers are using…

Behind Rust, TypeScript came in as the second most loved programming language in Stack Overflow’s 2020 Developer Survey. I decided to join the hype. The simple what and why of TypeScript TypeScript was developed by Microsoft and released in 2012 to address various shortcomings with JavaScript when it comes to building large-scale applications, namely the fact that…

A case for CSS Modules and how to implement them into your React App If you are relatively new to CSS, you may or may not have encountered the significant problem that occurs as an application’s style expands— since CSS rules follow global scope, two or more classes of the…

An introduction to unit testing Unit testing is the process of isolating and testing a small, specific piece, or unit, of code, to ensure each piece is running as expected. In object-oriented programming, an entire class is considered a unit, while functional programming considers an individual method or function. …

A how-to guide for adding this state management library to an existing React app Yesterday, I made a simple to-do app using React and a Rails backend, which has some functionality of adding and deleting tasks. Though this is small application without large amounts of application state that are needed…