Impressive Webs
Articles and tutorials on CSS, JavaScript, and other areas of front-end web development and coding.
frontend
react
Blog - Piccalilli
Simon Hearne
Simon Hearne: web performance and user experience advocate.
chrome
Blog | DebugBear
Blog
The WHATWG Blog
Caching Header Best Practices
Caching headers are surprisingly complex and often misconfigured. Here we look at some key cache scenarios and recommend the ideal headers to set.
Tao of React - Software Design, Architecture & Best Practices
I’ve been working with React since 2016 and still there isn’t a single best practice when it comes to application structure and design. While there are best…
The Ultimate Guide to handling JWTs on frontend clients (GraphQL)
JWTs are a popular way of handling auth. Learn what a JWT is, its pros/cons & the best practices in implementing JWT on the client-side with security in mind.
web.dev
Everything You Need To Know About SVG | CSS-Tricks
Using SVG can be very simple, but if you start digging in, there is a lot to know about SVG. In this series you're going to learn why SVG is such an important
WebAIM: Articles
Setup | React TypeScript Cheatsheets
Prerequisites
Data Fetching Patterns in Single-Page Applications
Five patterns to help Single Page Applications fetch data from remote sources
Comprehensive guide to JavaScript performance analysis using Chrome DevTools
Let's see how to navigate the Chrome Devtools Performance tab to effectively analyse and improve the performance of your JavaScript while avoiding common errors. Our use case will be improving the rendering FPS of a real-world canvas library.
Web Rendering Patterns: All You Need To Know
If you've ever wanted to learn about Rendering patterns on the web like Client Side Rendering, Server Side Rendering and other rendering patterns we have, th...
Patterns for Memory Efficient DOM Manipulation with Modern Vanilla JavaScript – Frontend Masters Boost
JavaScript Frameworks generally do a lot of DOM handling for you, but doing it yourself can be the most performant option, and there are quite a few best practices.
Lee Robinson on X: "Here's where we're headed with caching in Next.js. Last month, we shipped a release candidate for v15, which starts to address some of the community feedback on caching. tl;dr many parts are no longer cached by default. In Next.js 15, if I make a fetch to some API, or make a" / X
Last month, we shipped a release candidate for v15, which starts to address some of the community feedback on caching. tl;dr many parts are no longer cached by default.
In Next.js 15, if I make a fetch to some API, or make a…
— Lee Robinson (@leeerob)
nextJS
How Deep is Your DOM? | Frontend at Scale
Is it like the ocean?
Optimizing INP for a React App & Performance Learnings
Performance optimizations for the interaction to next paint metric and sharing the learning along the way
Learn Performance | web.dev
This course is designed for those new to web performance, a vital aspect of the user experience. It covers key web performance concepts and techniques for improving performance.
How we Increased Search Traffic by 20x in 4 Months with the Next.js App Router - Hardcover | Hardcover
A technical look at how we optimized the performance of Hardcover over the last year.
Five React App Killing Anti-Patterns 🪦😱 - YouTube
Five viewer submitted ways that bad React practices and anti-patterns are killing their applications, and some solutions for each one.👉 Upcoming NextJS cour...