Lazy load embed videos by using facade image in Next JS
Optimize your next js website by using facade image for the embedded videos
Aug 13, 20223 min read2.1K
Command Palette
Search for a command to run...
#frontend-development
Articles tagged with #frontend-development
Learn Event Delegation in JavaScript
Let’s say that you have a list of elements and you want to listen for an event on each one of them. One way of doing it would be to loop over all the elements in the list and add event listeners on them individually. But as you can see this could be ...
Jul 9, 20223 min read88
How to host your React App on Github 🚀
There are a lot of hosting platforms where you can host your React application, with some of them being Vercel and Netlify. But did you know that we can also host our React Application on Github which is a super easy process. So let's go and host you...
Jan 22, 20222 min read151
Learn about Numbers in JavaScript
Numbers in JavaScript is a primitive data type that can store both Integers and floats. It is really important to know how numbers behave in JavaScript and how to use them. Converting numbers For converting a string that contains only a number (eg: ...
Dec 16, 20213 min read216
Map, Filter, and Reduce in JavaScript under 5 minutes
Introduction Map, Filter and Reduce are Array Methods that are used for iterating over an array and returning value/array. It returns a new Array and it doesn't change the original Array. These methods are also very important in React JS which is a v...
Nov 20, 20214 min read841
Get hold of THE CSS BOX MODEL
Boxes are something you need to be familiar with while working with CSS. Because they are everywhere, everything in CSS is a box whether it be a square or a rectangle. So learning how to manage, structure, and design the Box is one of the fundamental...
Sep 23, 20213 min read55