JavaScriptWeb OptimizationReactFrontend
Building a Lazy Loader from Scratch in React (Part 1)
Get started with implementing an image lazy loader using React and the robust IntersectionObserver
API.
27 mins •
JavaScriptWeb OptimizationReactFrontend
Building a Lazy Loader from Scratch in React (Part 1)
Get started with implementing an image lazy loader using React and the robust IntersectionObserver
API.
27 mins •
JavaScriptWeb OptimizationReactFrontend
Building a Lazy Loader from Scratch in React (Part 2)
Understand how to address the issues of CLS and responsiveness when working with lazy-loaded images.
32 mins •
JavaScriptWeb OptimizationRollupFrontend
Rollup's intro
and outro
- Two Amazing Features You Must Know!
These two configurations of Rollup can prove to be really handy if you want to wrap bundled code with some of your own code.
29 mins •
8 Simple Ways To Become Better at JavaScript!
Walk through 8 simple, yet extremely practical, ways of improving your JavaScript skills.
27 mins •
How to Create a Flip Card Using HTML and CSS?
Explore the elementary machinery behind implementing a 3D flip card transition using CSS.
18 mins •
How to Create a Shimmer Effect Using HTML and CSS?
Learn how to create the 'shimmer' effect using HTML and CSS, commonly used as a UX pattern to represent loading.
16 mins •
Is Frontend Development Easier than Backend?
It's time to settle down the debate as to what exactly is easier: the frontend or the backend.
32 mins •
JavaScriptWeb OptimizationReactFrontend
Building a Lazy Loader from Scratch in React (Part 3)
See how to implement a basic fade-in transition on a lazy image before loading it into view.
13 mins •
Why Should You Always Use <nav>
for Navigation Sections in HTML?
Learn how something as simple as the <nav>
element in HTML can play a significant role in making a web page more accessible.
13 mins •