Articles by Sooraj Nair
Web-App using HTML, JS & Firebase - Part 2
In this article, we will discuss how to build real time features for a web application using cloud firestore onSnapshot(). We will see how real time changes can be reflected across multiple clients in …
Web-App using HTML, JS & Firebase - Part 1
Want to create a simple Firebase app using just plain HTML and Javascript? Well read on to find out how to unlock all the fabulous serverless capabilities with as little effort as possible!
Asynchronous data fetching using ReactQuery - Part 1 (Queries)
Query data, set loading, resolve or reject data, if rejected check for error, retry, show error message, if resolved, store the data... wish you could do all of this in one single step? Yes you can! …
Build a “Pluggable” Widget for your Webapp
Ever wanted to create an interactive widget that could just plugin to any of your webapps and work seamlessly? No? Well I’ll still write about it. In this article, I will be taking you through a step …
Using Webpack with React Typescript
Ever wondered if there is a way to just tie up all your code into one single module for easy usage. If so, in this article I will show you how to bundle all your code into a single javascript module …
Web Animation With GSAP
Animations are attractive. Animations are fun. But creating animations is hard. These are the things I often come across people when I talk to them about animation. In this article, we will go through …
Javascript to Typescript
What is Typescript ? Well for those of you who have used Javascript as their goto preference for code might know a few things that are going to be discussed in this article. But for those who don’t, …
Getting started with Svelte JS
Svelte is a powerful compiler which any developer can choose for building UIs for the web. Ready-to-use web applications are easily created at a faster pace using svelte as it compiles the code while …
Finite State Machines In React JS Using xstate
Learn how to use xstate a state machine interpreter package with React JS
How to create a Simple Physics Engine - Part 2
In this second part of creating a Simple Physics Engine, we dive into some advanced topics like Acceleration, Velocity and Force. Read on to learn more
How to create a Simple Physics Engine - Part 1
We use physics, we see physics in action, we experience physics in everything we do in our day-to-day life. How do you add physics to your code and make your code also experience nature’s forces? …