Skip to content

Web

A comprehensive introduction to React hooks

Featured Image

Before going into hooks, let's first have a quick recap of the basics of React:

  • React components are functions that take in props and return HTML-like fragments
  • Props are the arguments to a component, which look like HTML attributes.
  • The component function is called every time the component re-renders
  • Components choose to re-render when their parent component re-renders, or when their state updates (when a useState's "set" function is invoked).

Modern Web Development: an installation guide

Featured Image

The batteries-included guide to what UTS doesn't teach you

This post is aimed at the majority of people who use a Windows machine and want to get into web development in 2022. Modern web development has some fairly common environment setups, and this guide aims to explain all the software you'd need to be on top of things.

This guide covers how to install:

  • VS Code (the most popular web development environment)
  • VS Code Extensions
  • WSL2 Ubuntu (WSL = Windows Subsystem for Linux, developed by Microsoft)
  • Node.js (using NVM)
  • Docker Desktop (for building your apps, as well as running database servers locally with ease)
  • Setting up SSH keys for Github