Web Development
Dynamic Animated Gradient in CSS
I made an animating gradient with only CSS and one DOM element.
Lim Xing Zhi
Tinkerer, Web Developer, CLI enthusiast
General
New Tools and Toys for Work - My Setup in March 2021
Starting 2021, I am working as a DevOps Intern at Staizen as part of my university Professional Internship semester-long program. This is all the cool toys I use at work and at home. Check it out.
ReactJS
Quick Overview of my CRA Template
In this post, we will talk about specific implementations of my CRA template and lower level design considerations.
ReactJS
Skeleton and Architecture for my React App Template
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
How do I structure my React Application - Motivation
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
Getting Address from Latitude and Longitude - Google Geocode API
I wrote this utility function that tells me the approximate location given a latitude and longitude.
Extra Fundamentals
Staying sane in a school project
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.
Extra Fundamentals
Things to read before using Git for school
These are some links related to version control for my school's project team to read through.
ReactJS
Brief Learning Notes about Context API in React
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.
Web Development
What is Web Components
Web components is one of my favorite browser APIs and also one of the least talked about. It grants many features to developers and allows us to write extremely reusable components that are extremely declarative and easy to consume.
Web Development
React Functional VS Class Components - ReactJS
This is a short and opinionated comparison between the principles and motivations behind functional and class components in ReactJS. This is not a tutorial and should not be regarded as such.
Web Development
How did I spend my summer break? - Internship at Staizen
This is my first summer break as a computer science student. At the start of my bachelor's journey, I planned to have an internship that is not coordinated by the school every summer. This is my first internship experience after starting university.