
Learning notes
First Impressions on Frontend Runtime Safety - Zod in a Day
How to achieve runtime safety with Zod on the Frontend
All things web development related.
Learning notes
How to achieve runtime safety with Zod on the Frontend
ReactJS
Raycast is a Spotlight alternative on MacOS. What is it and how to write extensions for it?
ReactJS
How do you change a sibling or parent component from a child component in React?
ReactJS
None of the current React hooks for the RealTimeDB works with the Firebase v9 SDK release. So, I wrote my own.
The Angsana Series
Babel is a compiler. Babel is a transpiler. Babel is a piece of software that helps developers write modern JavaScript without having to worry about compatibility with browsers.
Web Development
I made an animating gradient with only CSS and one DOM element.
ReactJS
In this post, we will talk about specific implementations of my CRA template and lower level design considerations.
ReactJS
Picking up from the last post, I will be talking about the higher-level architecture of how I structure my React Applications. I package everything into one neat NPM package which you can use as a template with CRA.
ReactJS
Every time I sit down and make a Web Application with React, I find myself constantly going through the same motion. Running the same scripts, using the same components to build the skeleton. So, I made a CRA template and you can use it too.
Web Development
I wrote this utility function that tells me the approximate location given a latitude and longitude.
Extra Fundamentals
This semester, I am doing a project with a couple of school mates, all of them new to web development. Here are some tools that I implemented to minimize time wasted on unnecessary annoyances.
ReactJS
The Context API provides us with a global state. It allows us to access data without having to trickle the down props throughout the component tree.