Tech Skills

Frontend Engineering

HTML, CSS, JavaScript, React, Next.js, performance and modern web development

11,238
lessons
Skills in this topic
View full skill map →
HTML & CSS
beginner
Build a responsive layout with CSS Grid and Flexbox
JavaScript Fundamentals
beginner
Write async code with Promises and async/await
React
intermediate
Build a data-fetching app with useEffect and useState
Frontend Performance
intermediate
Achieve a 90+ Lighthouse score
Modern Frontend Stack
advanced
Build a Next.js app with SSR and ISR
All Reads (3,456) Articles (425)Blog Posts (2809)Tutorials (103)Research Papers (1)News (118)
Why Is React’s Virtual DOM So Fast?
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Why Is React’s Virtual DOM So Fast?
The deceptively simple idea that changed how we build user interfaces — and why it remains one of software engineering’s most elegant… Continue reading on Mediu
Stop Building Pure SPAs: The Architecture Shift React Developers Can No Longer Ignore
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Stop Building Pure SPAs: The Architecture Shift React Developers Can No Longer Ignore
For nearly a decade, the default playbook for launching a new React project was entirely standardized. Continue reading on Medium »
Okta SDE-2 Frontend Interview Experience | SDE-2
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Okta SDE-2 Frontend Interview Experience | SDE-2
The interview process was focused on three major areas: Continue reading on Frontend Army »
90% of React Developers Misuse Props, State, and Context — Here’s the Mental Model That Fixes…
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
90% of React Developers Misuse Props, State, and Context — Here’s the Mental Model That Fixes…
Most React bugs, unnecessary re-renders, and messy architectures come from misunderstanding these three fundamentals. Learn the simple… Continue reading on Java
Don’t Let the User Wait — Render Quickly to Keep Their Attention: Part II
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Don’t Let the User Wait — Render Quickly to Keep Their Attention: Part II
Don’t Wait for APIs. Send What You Have. Continue reading on Medium »
From Reactive Forms to Angular Signal Forms
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
From Reactive Forms to Angular Signal Forms
When I first started working with Reactive Forms, I loved them. Continue reading on JavaScript in Plain English »
Understanding Memory Leaks in Single Page Applications: A Frontend Engineer’s Guide
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Understanding Memory Leaks in Single Page Applications: A Frontend Engineer’s Guide
Modern frontend applications have become increasingly sophisticated. Frameworks like React, Angular, and Vue allow us to build rich user… Continue reading on Me
State Persistence in the Viewport: Why Some Websites Remember Your Scroll Position and Others Don’t
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
State Persistence in the Viewport: Why Some Websites Remember Your Scroll Position and Others Don’t
How modern frontend applications leverage browser persistence arrays to handle background state restoration and cross-tab state collision. Continue reading on M
I lived through frontend’s lost decade. I just realized I’m in the sequel.
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
I lived through frontend’s lost decade. I just realized I’m in the sequel.
There’s a blog post that’s been stuck in my head since Saturday and honestly I’m a bit annoyed about it. Continue reading on Medium »
Framework Fatigue? What a 98% Evaluated Vanilla JS Game Taught Me About Clean Architecture
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Framework Fatigue? What a 98% Evaluated Vanilla JS Game Taught Me About Clean Architecture
An engineering teardown of how an elite client-side engine uses spatial matrixing, requestAnimationFrame, and native web animations to… Continue reading on Stac
React Query + Laravel REST API — The Right Way
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
React Query + Laravel REST API — The Right Way
Most developers fetch data in React the same way they learned it — useEffect + useState + fetch. It works. But it doesn't scale well, and… Continue reading on M
Stop Fighting Your Camera Library. There’s a Better Way.
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Stop Fighting Your Camera Library. There’s a Better Way.
The React camera ecosystem was broken. react-camera-component fixes it. Continue reading on Medium »
My React Learning Journey — Understanding Components
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
My React Learning Journey — Understanding Components
As I continue my journey of learning React, one of the first concepts I explored was Components. At first, the idea seemed simple, but the… Continue reading on
Senior Frontend Developer: The Complete Interview Preparation Guide
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Senior Frontend Developer: The Complete Interview Preparation Guide
Breaking into a Lead Frontend Developer role is very different from preparing for a standard frontend interview. Continue reading on Medium »
What’s New in React Ecosystem — May Edition
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
What’s New in React Ecosystem — May Edition
The React ecosystem continues to move at a blistering pace, with new releases and improvements across frameworks, tools, and libraries… Continue reading on Medi
Rendering 10,000 Rows in Vue Without Freezing the Browser — A Practical Guide
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Rendering 10,000 Rows in Vue Without Freezing the Browser — A Practical Guide
Virtual scrolling, windowing with vue-virtual-scroller, pagination that doesn’t feel like pagination, Web Workers for data processing, and… Continue reading on
Kicking a dead horse at the speed of light doesn’t make it run.
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Kicking a dead horse at the speed of light doesn’t make it run.
Let’s be honest. The frontend community has a new silver bullet, and it’s called Rust. Continue reading on Medium »
Why Your Next.js 15 App Is Still Slow (And How to Fix React 19 Hydration Lag)
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Why Your Next.js 15 App Is Still Slow (And How to Fix React 19 Hydration Lag)
A team upgraded to Next.js 15 and React 19, enabled the React Compiler, and expected Lighthouse scores to magically improve. Continue reading on Medium »
I built a Harry Potter Wordle as a side project (for fun)
Reddit r/webdev 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
I built a Harry Potter Wordle as a side project (for fun)
Hey! I'm a programming student from Spain and since Ja
What is the DOM? — A Second Year CS Student Finally Gets It
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
What is the DOM? — A Second Year CS Student Finally Gets It
I’ll be honest with you. Continue reading on Medium »
Reddit r/webdev 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
How To: Re-engineer <details><summary> element to create pagination type layouts - walkthru pages/guides, etc...
This requires both CSS and JS, but is otherwise fairly lightweight and minimal. You can see the effect in action here: https://stephenmthomas.github.io/ico2go/
Web Development Summer Training 2026 — Registration Open
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Web Development Summer Training 2026 — Registration Open
Are you a student looking to start your journey in web development? Continue reading on Medium »
Dari Axios ke Fetch API: Mana yang Sebaiknya Dipilih?
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Dari Axios ke Fetch API: Mana yang Sebaiknya Dipilih?
Selama belajar React dan membangun beberapa aplikasi web, Axios hampir selalu menjadi pilihan utama saya untuk melakukan HTTP request… Continue reading on Mediu
Bad apple but... in the devtool console with actually images
Reddit r/webdev 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Bad apple but... in the devtool console with actually images
I’ve added an Easter egg to my portfolio. I wanted to
From Zero to Web Developer in 6 Months: A Complete Beginner’s
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
From Zero to Web Developer in 6 Months: A Complete Beginner’s
The demand for web developers continues to grow as businesses increasingly rely on websites, web applications, and digital platforms. Many… Continue reading on
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
CSS Optimization Tips to Improve Website Performance
When people think about website performance, they usually focus on JavaScript optimization, image compression, or server speed. Continue reading on Medium »
Reddit r/webdev 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
GitHub Pages & React Vite SPA routing issues: I'm considering SSG (like Docusaurus) but keep failing
Hello everyone, I’m trying to host a React (Vite) app on GitHub Pages and keep running into the classic SPA routing problem. Repo: [Img2Num GitHub repo]( https:
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
PreviewKit — Instantly Preview JSX, TSX, Vue and Frontend Files on Windows
Modern AI tools are changing the way developers build frontend applications. Today, tools like ChatGPT, Claude, and other AI coding… Continue reading on Medium
KAlert.js v2.0.0
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
KAlert.js v2.0.0
I upgraded KAlert.js to match the same modern dialog experience as KAlertDialog for Android and KAlertFlutter for Flutter. Continue reading on Medium »
The Angular @switch Upgrades You Should Know About
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
The Angular @switch Upgrades You Should Know About
Angular @switch blocks recently got safer, cleaner, and a lot more useful. Continue reading on Medium »
What really happens when React re-renders a component?
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
What really happens when React re-renders a component?
Hint: it’s not what most developers think — and the gap between myth and reality is where performance bugs live. Continue reading on Medium »
How I Learned React.js Faster Than 90% of Developers (Without Burning Out)
Medium · DevOps 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
How I Learned React.js Faster Than 90% of Developers (Without Burning Out)
I stopped following the “learn everything” advice and focused on what actually helped me build real skills. Continue reading on Medium »
The Composition API Didn’t Fix Everything — Here Are the New Mistakes Developers Are Making
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
The Composition API Didn’t Fix Everything — Here Are the New Mistakes Developers Are Making
Massive setup() functions, reactive() where ref() belongs, watchers that fire on mount when they shouldn’t, composables that aren’t… Continue reading on Medium
Animated Lucide Icons in React: A Drop-in Library With Real Physics
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Animated Lucide Icons in React: A Drop-in Library With Real Physics
Every Lucide icon, animated. A drop-in replacement for lucide-react with hover-to-draw motion, per-icon physics, and full prop parity… Continue reading on Mediu
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
How I Built a Cyberpunk Terminal Dashboard in Vanilla JavaScript (With Matrix Scramble Effects)
Building an offline-first, zero-tracking web utility for secure string obfuscation. Continue reading on Medium »
Core Frontend Technologies you should know.
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Core Frontend Technologies you should know.
What you should know about frontend technologies, though nobody told me this when I started. I had to figure most of it out the hard way… Continue reading on Me
Learning Vue.js as Angular DEV: My First Impressions
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Learning Vue.js as Angular DEV: My First Impressions
I was working with React, even with Quick (made by Angular founder). At the same time I always knew about vue, but haven’t had really time… Continue reading on
Modernizing Diverse Frontends With a Framework-Agnostic App Shell
Medium · DevOps 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Modernizing Diverse Frontends With a Framework-Agnostic App Shell
Written By: Ganesh Karthik Natarajan Continue reading on DoubleVerify Engineering »
Reddit r/webdev 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Modern web development feels weirdly exhausting lately
Maybe I’m just getting older, but frontend tooling changes so fast now that sometimes it feels harder keeping up with the ecosystem than actually building produ
Frontend Is Not Dying. The Boring Part Of Frontend Is.
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Frontend Is Not Dying. The Boring Part Of Frontend Is.
Frontend is not dying. Continue reading on Medium »
The Six Frontend Capabilities That Quietly Separate Senior Engineers From Everyone Else in 2026
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
The Six Frontend Capabilities That Quietly Separate Senior Engineers From Everyone Else in 2026
Forget the framework-of-the-month listicles. The skills that actually matter in 2026 are the ones that show up in production code, real… Continue reading on Med
I Was Rejected From a Frontend Interview in 12 Minutes
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
I Was Rejected From a Frontend Interview in 12 Minutes
The most humbling 720 seconds of my engineering career and what they taught me about how little I actually knew Continue reading on Medium »
The CSS Mistakes That Made Me a Better Front-End Developer
Medium · Machine Learning 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
The CSS Mistakes That Made Me a Better Front-End Developer
The bugs I kept fighting in production taught me more than any tutorial ever did Continue reading on CodeToDeploy »
The CSS Mistakes That Made Me a Better Front-End Developer
Medium · Python 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
The CSS Mistakes That Made Me a Better Front-End Developer
The bugs I kept fighting in production taught me more than any tutorial ever did Continue reading on CodeToDeploy »
Reddit r/webdev 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
can I ask for feedback on a CSS course I created (without posting link on post) or will my post be deleted
what the title says submitted by /u/AcrobaticTadpole324 [link] [comments]
Reddit r/webdev 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
How do I create a scroll-jack effect where one section stays pinned while the other section scrolls using GSAP?
Like in this website https://bennett-tea.com/tea-store.html submitted by /u/Next_Parsley_1289 [link] <a href="https://www.reddit.com/r/webdev/comments/1tohs5k/h
Day 18 — Debouncing and Throttling (Why Performance Matters More Than You Think)
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Day 18 — Debouncing and Throttling (Why Performance Matters More Than You Think)
“One of the easiest ways to accidentally destroy frontend performance is by running code too often.” Continue reading on Medium »
Day 17 — Local Storage and Session Storage (Making Data Survive Refreshes)
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Day 17 — Local Storage and Session Storage (Making Data Survive Refreshes)
“One of the biggest shifts in frontend development happens when your application starts remembering things.” Continue reading on Medium »