Learnings from MDN — how to use querySelector I personally learnt React before learning JavaScript and I found that there’s many things I don’t know about JavaScript. In an attempt to properly learn JavaScript, I will be writing a collection of articles as learnings based on what I read from…

For people with zero or little coding experience — Hello hello my friends, I’m so stoked to finally get to write this article today. Today’s article will kinda be like a review/tutorial that aims to let you build and deploy your own web app in 30 minutes using streamlit. With a simple python script, anyone can quickly build a…

Learning React Portals with a Modal — Okay so we’ll continue from our previous React Basics (Part 1) article and go through this article with this repository — link. Navigate to the ReactPortalPage and we’ll demo how to build two kinds of modals on that page — one with React Portals and one without. …

Implementing Page Redirects with react-router-dom with TypeScript — Hello hello lovely internet people — I am absolutely ASHAMED that I have not put out another article for a couple of months (╥﹏╥). If you’re still very kindly following and/or reading this, I thank you for your support —your encouragement means a lot and I’ll try my best to…

Part 2 of 2 — Editing the flex item’s properties — Okay so this article is a continuation of the previous article — link. Just like how it’s divided in this guide to flexbox, we’ll be looking what what happens when we edit the flex item’s properties. Part 4: Examples where we Edit the flex item’s Properties order This property is probably pretty self-explanatory. When you define a few flex items within…

Part 1 of 2— Editing the flex container’s properties — I thought of writing this quick guide when I was going through this super famous “Complete Guide to Flexbox”. I thought maybe people working with Material-UI and React might want a similar guide too — if that’s the case, do read on! ʕ•́ᴥ•̀ʔっ♡ Note: In the next article, we’ll be…

A simple tutorial on using React-Three-Fiber with React. — I love fun websites. ʕ•́ᴥ•̀ʔっ♡ When there are some cool effects that add in some element of surprise and interactivity, I always get a little surge of delight when I scroll through it. Even though vanilla CSS and JavaScript can go a looong way towards creating awesome experiences for your…

Includes — User Sign Up, Sign In, Activation, Authentication, Log Out, Forget Password, and Reset Password services — So…someone tagged me in Awais’s YouTube video and that kind of prompted me to write this user authentication tutorial (see below).

A short tutorial of using Plotly.js in React — I’ve written a tutorial on how to visualize interactive 3D networks (or data) with Python Plotly a few months ago and thought maybe it’ll be a good idea to write another one for Plotly.js. One of the reasons why someone might prefer Plotly.js over Python Plotly could be because of…