Tech Skills

Frontend Engineering

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

11,143
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,356) Articles (376)Blog Posts (2768)Tutorials (93)Research Papers (1)News (118)
VuReact complete guide: a Vue-to-React semantic compilation reference
Dev.to · Ryan John 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
VuReact complete guide: a Vue-to-React semantic compilation reference
VuReact is a compiler toolchain for migrating from Vue to React — and for writing React with Vue 3...
React 19 Form Hooks: useActionState, useFormStatus, and useOptimistic (2026)
Dev.to · Carlos Oliva Pascual 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
React 19 Form Hooks: useActionState, useFormStatus, and useOptimistic (2026)
React 19 shipped four new hooks specifically for forms: useActionState, useFormStatus, useOptimistic,...
Dev.to AI 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Web Development: Complete Guide to Skills, Career Growth & Future Opportunities
Web Development Course: Skills, Career Opportunities & Future Scope in 2026 Web Development, Web Development Course , Web Developer, Website Development, Fr
Building BlankComic.com: A Free Comic Layout Generator That Runs Entirely in the Browser
Dev.to · BlankComic.com 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Building BlankComic.com: A Free Comic Layout Generator That Runs Entirely in the Browser
As developers, we often get excited about building complex products. But sometimes the most useful...
The Most Anticipated CSS Features of 2026 — Browsers Can Now Replace a Lot of JavaScript
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
The Most Anticipated CSS Features of 2026 — Browsers Can Now Replace a Lot of JavaScript
Tooltips, scroll animations, masonry layouts — for years we installed libraries for all of this. In 2026, browsers are starting to handle… Continue reading on C
The Most Anticipated CSS Features of 2026 — Browsers Can Now Replace a Lot of JavaScript
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
The Most Anticipated CSS Features of 2026 — Browsers Can Now Replace a Lot of JavaScript
Tooltips, scroll animations, masonry layouts — for years we installed libraries for all of this. In 2026, browsers are starting to handle… Continue reading on C
The React mistakes I made in my first year that I still see junior devs making
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
The React mistakes I made in my first year that I still see junior devs making
I once wrote a useEffect that triggered so many re-renders it froze the browser tab completely. I sat there restarting the dev server… Continue reading on Mediu
My React Learning Journey: Understanding Event Handling
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
My React Learning Journey: Understanding Event Handling
As I continue learning React, one concept that caught my attention recently is Event Handling. At first, I thought it was just about… Continue reading on Medium
Every Frontend Bug Led Back to the Same 18 Shared Types
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Every Frontend Bug Led Back to the Same 18 Shared Types
A frontend bug that should have taken fifteen minutes was entering its second day. Continue reading on Medium »
After Rewriting to HTMX, Frontend Bugs Dropped 68%. The JavaScript Shrank by 82%
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
After Rewriting to HTMX, Frontend Bugs Dropped 68%. The JavaScript Shrank by 82%
The graph that got everyone’s attention wasn’t performance. Continue reading on Medium »
How I built a fast Device Mockup Generator in Vanilla JS
Dev.to · NovusTools 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
How I built a fast Device Mockup Generator in Vanilla JS
As frontend developers and designers, presenting our work in beautiful device frames is essential for...
Stop Using JavaScript for Scroll Animations (CSS Quietly Killed IntersectionObserver in 2026)
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Stop Using JavaScript for Scroll Animations (CSS Quietly Killed IntersectionObserver in 2026)
Be honest. How many times have you reached for one of these just to fade an element in as it scrolls into view? Continue reading on Medium »
Cult.fit Frontend Interview Experience | SDE-2
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Cult.fit Frontend Interview Experience | SDE-2
I recently interviewed for an SDE-2 Frontend role at Cult.fit. Continue reading on Frontend Army »
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Where the Performance Difference Actually Comes From in Props vs Zustand vs Redux Toolkit
If you’ve ever asked “should I pass this down as a prop or reach for a state manager like Zustand or Redux Toolkit?”, you’ve probably also… Continue reading on
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
The Day “Docs Compiler” and “React” Became the Same Word
How a Svelte migration broke my documentation site, and the framework agnostic compiler I built because of it. Continue reading on Medium »
SvelteKit Remote Functions: Goodbye, API Boilerplate
Dev.to · Danny Holloran 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
SvelteKit Remote Functions: Goodbye, API Boilerplate
SvelteKit's remote functions let you call type-safe server code straight from your components — no +server.ts endpoints, no fetch wrappers, no manually synced t
Sourcing Dedicated Angular Developers for the Signal-First Era
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Sourcing Dedicated Angular Developers for the Signal-First Era
Navigating stable Signal Forms, @Service decorators, and mandatory OnPush change detection in enterprise-grade migrations. Continue reading on Medium »
Next.js Frontend Mastery: Search, Filter & Pagination (Production Pattern)
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Next.js Frontend Mastery: Search, Filter & Pagination (Production Pattern)
আজকের modern web application-এ Search, Filter এবং Pagination ছাড়া কোনো scalable system কল্পনা করা যায় না। Continue reading on Medium »
Explore 5 Best Frontend Technologies for Web Development in 2026
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Explore 5 Best Frontend Technologies for Web Development in 2026
Frontend web technologies are breathing new life into customized web development. Businesses want to create digital applications that… Continue reading on Mediu
Zero-Dependency Frontend Development: Architecting a Stateful Mock Layer
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Zero-Dependency Frontend Development: Architecting a Stateful Mock Layer
The biggest bottleneck in frontend development isn’t CSS or state management — it’s waiting for the backend. When an API is down, slow, or… Continue reading on
Reddit r/webdev 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
How to add eslint-disable comments in pug code inside a Vue SFC file?
Hi! I'm having some trouble with eslint-disable comments for HTML elements defined inside a Vue SFC pug template, eslint do not recognize them and keeps throwin
Is Angular 22 the Best JavaScript Framework Update of 2026?
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Is Angular 22 the Best JavaScript Framework Update of 2026?
Angular 22 has arrived, and this release feels less like a collection of isolated features and more like a major step toward the future of… Continue reading on
Is Angular 22 the Best JavaScript Framework Update of 2026?
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Is Angular 22 the Best JavaScript Framework Update of 2026?
Angular 22 has arrived, and this release feels less like a collection of isolated features and more like a major step toward the future of… Continue reading on
PayPal Frontend Interview Experience | Senior Software Engineer
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
PayPal Frontend Interview Experience | Senior Software Engineer
Interview Process Overview Continue reading on Frontend Army »
React 19 Actions killed my form library (and I’m not mad)
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
React 19 Actions killed my form library (and I’m not mad)
I have shipped roughly forty production React forms in my career. I have used Formik, react-hook-form, Final Form, my own homegrown state… Continue reading on M
How to choose the right frontend architecture for scalable maintainable web applications guide
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
How to choose the right frontend architecture for scalable maintainable web applications guide
How to choose the right architecture for scalable, maintainable frontend development across modern web applications and team environments Continue reading on Me
Reddit r/webdev 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
How would you build OTP component?
Hey all, some time ago I had an interview for a Frontend Engineer role at Stripe and had this question for my coding round: Develop OTP component that has 4 inp
Tailwind Bikin Pusing, Bootstrap Bikin Nyaman- Tapi Mana yang Sebenarnya Lebih Worth It?
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Tailwind Bikin Pusing, Bootstrap Bikin Nyaman- Tapi Mana yang Sebenarnya Lebih Worth It?
Sejak Tailwind CSS pertama kali muncul pada tahun 2017, debat soal mana yang lebih baik antara dia dan Bootstrap tidak pernah benar-benar… Continue reading on M
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Frontend Optimization Mastery Guide
When building frontend applications, our primary goal is to deliver a smooth, responsive, and user-friendly experience. Continue reading on Medium »
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
I built a free GPA & student loan calculator site with pure HTML/CSS/JS — here's what I learned
Dev.to · 피곤하다 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
I built a free GPA & student loan calculator site with pure HTML/CSS/JS — here's what I learned
I recently launched GPA Vault — a free tool site for US college students with 15 calculators and 16...
Just build your react frontend into your Go Backend !
Dev.to · Joffrey Mischler 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Just build your react frontend into your Go Backend !
Stop managing separate Nginx and API layers. Learn how to embed your React SPA directly into a Go binary, without losing your Vite hot-reload development workfl
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 »
The will-change Tax: How a 600 kB Transform Hint Cost Me 5 MB
Dev.to · Olexandr Uvarov 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
The will-change Tax: How a 600 kB Transform Hint Cost Me 5 MB
A small will-change hint can quietly cost you megabytes — not on the element you touched, but on the big neighbor overlap pulls into compositing. The mental mod
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
React 19.2: Activity, useEffectEvent & React Compiler — A Practical Deep Dive (2026)
Dev.to · Muhammad Awais 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
React 19.2: Activity, useEffectEvent & React Compiler — A Practical Deep Dive (2026)
React 19.2 is the most practically significant React release since 19.0. Three major features shipped...