Skip to content

2023

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).

Regex, the ultimate tool for string validation, parsing and matching!

Featured Image

During the most recent programming competition that we ran as part of UTS TechFest, there was a question that involved making sure a username matched a certain set of rules. The task was simple on paper: match usernames that have a first name, last name, then 3 digits (e.g. JohnDoe123).

Regular Expressions were devised at the same time as the first computers as people needed a way to match certain outputs with inputs. It's implemented in every major programming language as part of the standard libraries and is especially easy to use in scripted languages such as Python and JavaScript.

Without Regex (Regular Expressions), the problem becomes significantly more complicated with many nested logical comparisons with chained logical operators, if/or/and. Whilst regex itself may look complicated and confusing at first, once you've got the basic rules down it becomes a little less foreign.

Git Workshop (2023)

Featured Image

This post is based on the workshop that we held on the 22nd of March in-person, it covers everything we covered in the workshop.

This workshop uses the VS Code GUI for interacting with Git, so make sure you have it installed before proceeding.

If you have any questions or issues while following along, feel free to ask in our Discord server!