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)
I built a one-button game in vanilla JS Canvas — single file, no engine, plays in your browser
Dev.to · EmaadS 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
I built a one-button game in vanilla JS Canvas — single file, no engine, plays in your browser
▶️ Play it first (10 seconds): https://emaadshamsi.github.io/paper-hands/ It's called PAPER HANDS....
Frontend Engineering in 2026: Mastering Performance and DX
Dev.to · Aindrila Bhattacharjee 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Frontend Engineering in 2026: Mastering Performance and DX
The Redefinition of "Frontend Engineer" in 2026 The era of the frontend engineer as a...
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
React Performance Optimization 2026
Dev.to · WDSEGA 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
React Performance Optimization 2026
Introduction React performance optimization is an ongoing topic. With React 19, new...
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
A Visual CSS Grid Builder in 500 Lines — How fr, minmax, and repeat Actually Compute Sizes
Dev.to · SEN LLC 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
A Visual CSS Grid Builder in 500 Lines — How fr, minmax, and repeat Actually Compute Sizes
Almost every developer can copy grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); and...
bQuery.js Grows Up: From Tiny jQuery Tribute to a Full-Stack Framework — and a Brand New Home at bquery.js.org 🎉
Dev.to · Jonas Pfalzgraf 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
bQuery.js Grows Up: From Tiny jQuery Tribute to a Full-Stack Framework — and a Brand New Home at bquery.js.org 🎉
What started as a 'jQuery for people who like TypeScript' tribute has quietly turned into a full-stack web framework with signals, SSR, routing, Web Components,
I Built a Modern React 19 Admin Dashboard Template with TypeScript & Tailwind CSS 4
Dev.to · DevCraftify 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
I Built a Modern React 19 Admin Dashboard Template with TypeScript & Tailwind CSS 4
Building admin dashboards from scratch is honestly repetitive. Every project starts with the same...
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
TypeScript enums aren’t the real problem — duplicated UI enum plumbing is
Dev.to · Sage Starr 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
TypeScript enums aren’t the real problem — duplicated UI enum plumbing is
After enough frontend work, the “should we use TypeScript enums?” debate matters less than a more...
Optimizing Large DOCX to PDF Conversions in the Browser: Web Workers to Prevent UI Freezes
Dev.to · Trần Xuân Ái 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Optimizing Large DOCX to PDF Conversions in the Browser: Web Workers to Prevent UI Freezes
Tired of UI Freezes? How to Handle Large DOCX to PDF Conversions Client-Side with Web...
Optimizing a High-Throughput Browser-Based Box Shadow Generator: Debounced State Updates and Chunked File Readers
Dev.to · Trần Xuân Ái 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Optimizing a High-Throughput Browser-Based Box Shadow Generator: Debounced State Updates and Chunked File Readers
Building a Responsive High-Throughput Browser-Based Box Shadow Generator As backend...
Learning Vue.js as Angular DEV: My First Impressions
Medium · Programming 🌐 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
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
New in Vue - May 2026
Dev.to · Alois Sečkár 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
New in Vue - May 2026
Oops, I did it again. No "New in Vue" newsletter in April 2026. And it is almost the end of May now....
I Built a Free Browser FPS Tester Using requestAnimationFrame (Next.js + TypeScript)
Dev.to · ToolsBracker 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
I Built a Free Browser FPS Tester Using requestAnimationFrame (Next.js + TypeScript)
A few weeks ago I wanted to check my browser frame rate quickly without downloading any software....
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 »
Why Your React or Vue App Still Leaks Private User Data After Logout (And How to Fix It)
Dev.to · Aditya Shekhar 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Why Your React or Vue App Still Leaks Private User Data After Logout (And How to Fix It)
We’ve all done it. When handling a user logout in a web application, we instinctively write something...
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
How I Built a Cinematic Scroll Experience with GSAP and ScrollTrigger
Dev.to · Jkimdd 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
How I Built a Cinematic Scroll Experience with GSAP and ScrollTrigger
Most websites work. They load. They respond. They show the right content. But many of them still...
5 Free Online Tools You Didn't Know About — No Signup
Dev.to · NoLoginTools 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
5 Free Online Tools You Didn't Know About — No Signup
Five free browser tools for specific tasks — CSS animations, code conversion, glitch effects, map data, and regex learning — that require zero account creation.
Dev.to AI 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Building a 1980s Mainframe Slot Machine in Vanilla JS: RNG Math, Web Audio, and CLI Integration
Hello, my name is Donovan Lafferty. For my latest project showcase, I wanted to build something that blended the rigid constraints of vintage computing aestheti
Reddit r/learnprogramming 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
html and css
how long does it take to learn and master html&css? submitted by /u/Ghozzt4 [link] [comments]
React vs Angular in 2026 — Architecture, Performance & a Decision Matrix
Dev.to · kirandeepjassal-crypto 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
React vs Angular in 2026 — Architecture, Performance & a Decision Matrix
React or Angular in 2026? The honest answer has nothing to do with syntax. Both frameworks rebuilt...
Part 2: Replacing a 3.4MB video with 40kb of scripted GSAP animations: adding a camera
Dev.to · Sugam Panthi 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Part 2: Replacing a 3.4MB video with 40kb of scripted GSAP animations: adding a camera
Part one reached 6,000 views on r/webdev in two days. I did not expect that. I wrote it because I...
Part 2: Replacing a 3.4MB video with 40kb of scripted GSAP animations: adding a camera
Dev.to · Sugam Panthi 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Part 2: Replacing a 3.4MB video with 40kb of scripted GSAP animations: adding a camera
Part one reached 69,000 views on r/webdev in two days. I did not expect that. I wrote it because I...
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 »
Stop Using useEffect for Data Fetching: Understanding TanStack Query
Dev.to · victor mwangi 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Stop Using useEffect for Data Fetching: Understanding TanStack Query
If you are still fetching data inside a useEffect hook, manually managing loading states, and storing...
Front-end, regrounded: Why Wraplet might be what you’re missing
Dev.to · Luken 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Front-end, regrounded: Why Wraplet might be what you’re missing
This post was originally written at https://wraplet.dev/blog/why-wraplet where the code examples are...
I Built 30+ Free Online Tools with Vanilla JS - No Frameworks, No Signup
Dev.to · gqc58 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
I Built 30+ Free Online Tools with Vanilla JS - No Frameworks, No Signup
I Built 30+ Free Online Tools with Vanilla JS – No Frameworks, No Signup Why I Built This As a...
How does VuReact implement Vue dynamic components in React?
Dev.to · Ryan John 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
How does VuReact implement Vue dynamic components in React?
VuReact is a compiler for migrating from Vue to React — and for writing React with Vue syntax. In...
Dibold — Premium React & Tailwind SaaS Admin Dashboard Template
Dev.to · Mantraksh Devs 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Dibold — Premium React & Tailwind SaaS Admin Dashboard Template
🔥 Stop Building Admin Panels From Scratch! Save 100+ Hours with Dibold As developers, we all know...
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
Vue v-slot to React: How does VuReact handle it?
Dev.to · Ryan John 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Vue v-slot to React: How does VuReact handle it?
VuReact is a compiler for migrating from Vue to React — and for writing React with Vue syntax. In...
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 »
How to Cut Your CSS File Size by 40% Without Losing Any Styles
Dev.to · Kui Luo 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
How to Cut Your CSS File Size by 40% Without Losing Any Styles
Most websites ship CSS that's 2-3x larger than necessary. After auditing over 50 production sites, I...
The case for compiled, typed CSS (blame AI)
Dev.to · Stéphane LaFlèche 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
The case for compiled, typed CSS (blame AI)
We spent years getting TypeScript to where it is. It already checks your APIs, your components, your...
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 · Programming 🌐 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 »
HTML to JSX: Common Conversion Problems Frontend Developers Still Make
Dev.to · Trần Xuân Ái 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
HTML to JSX: Common Conversion Problems Frontend Developers Still Make
If you've worked with React, you've probably copied HTML into JSX at least once. And then...
Best Next.js Templates for Developers in 2026
Dev.to · TheKitBase 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Best Next.js Templates for Developers in 2026
Starting a new Next.js project in 2026 means making a choice upfront: build everything from scratch,...
CSS Carousels With Zero JavaScript: 5 Patterns
Dev.to · RAXXO Studios 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
CSS Carousels With Zero JavaScript: 5 Patterns
A scroll-snap track plus the new pseudo-elements replaced a 14KB carousel dependency in my...
CSS Gradient Trends in 2026 (And How Developers Actually Use Them)
Dev.to · Trần Xuân Ái 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
CSS Gradient Trends in 2026 (And How Developers Actually Use Them)
CSS gradients are everywhere now. Modern websites no longer rely on: flat colors generic...
Why React JS Continues to Dominate Modern Web Development
Dev.to · Avanexa Technologies 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Why React JS Continues to Dominate Modern Web Development
In today’s digital world, businesses need websites and applications that are fast, interactive,...
Engineering a 100% Client-Side, $0 Server-Cost Document
Dev.to · Jay Prajapati 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Engineering a 100% Client-Side, $0 Server-Cost Document
` description: "How I built PasteDocs using React, Zustand, and background Web Workers to...
Vue v-bind to React: How does VuReact handle it?
Dev.to · Ryan John 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Vue v-bind to React: How does VuReact handle it?
VuReact is a compiler for migrating from Vue to React — and for writing React with Vue syntax. In...