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)
Your Entire Build Failed Because of One Invisible Character
Dev.to · AiVIS Cite Ledger 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Your Entire Build Failed Because of One Invisible Character
Fresh frontend stacks are "ennotshippified" in one very specific way. One bad string can cripple the...
What Does Vue 3 readonly() Compile to in React with VuReact?
Dev.to · Ryan John 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
What Does Vue 3 readonly() Compile to in React with VuReact?
VuReact is a tool that compiles Vue 3 code into standard, maintainable React code. In this article,...
I shipped a working landing page in 14 KB. Here is every byte.
Dev.to · GDS K S 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
I shipped a working landing page in 14 KB. Here is every byte.
I shipped a working landing page in 14 KB. Here is every byte. In May 2026 a coder who...
React End-of-Life Dates — What's Actually Supported in 2026
Dev.to · endoflife-ai 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
React End-of-Life Dates — What's Actually Supported in 2026
Meta doesn't publish hard React EOL dates. React 18 is security-only. React 17 and 16 are unsupported. Here's what that means and how to upgrade.
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Understanding and Writing a Fetch Polyfill in JavaScript
If you’re preparing for frontend interviews, one question appears again and again: Continue reading on Medium »
How to Make Chrome Extension Iframes Transparent on Dark-Mode Sites (CSS color-scheme Fix)
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
How to Make Chrome Extension Iframes Transparent on Dark-Mode Sites (CSS color-scheme Fix)
Why your iframe paints white over dark customer pages — and the 15-line React component that fixes it. Continue reading on Level Up Coding »
The Frontend Dependency Problems That Quietly Destroy Architecture
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
The Frontend Dependency Problems That Quietly Destroy Architecture
Most frontend architectures don’t collapse because of components — they collapse because dependencies become impossible to control. Continue reading on Angular
I Made My Website "Alive" using Physics (Vanilla JS Experiment Part 2) 🚀
Dev.to · Naman Sachdeva 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
I Made My Website "Alive" using Physics (Vanilla JS Experiment Part 2) 🚀
A few days ago, I wrote about getting bored with flat, static websites and trying to build something...
How I Would Learn Full-Stack Development in 2026 If I Started From Zero
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
How I Would Learn Full-Stack Development in 2026 If I Started From Zero
If I had to start learning full-stack development from zero in 2026, I would not try to learn everything. Continue reading on Medium »
I built a Vite plugin that writes CSS changes back to your source files
Dev.to · Andrew Gabaraev 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
I built a Vite plugin that writes CSS changes back to your source files
Every time I wanted to tweak a margin or color during development, I'd do the same thing: open...
Html learning journey
Dev.to · Anjaneya Kariguli 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Html learning journey
Today I completed an important step in my web development journey by learning the fundamentals of...
I built a Vue-to-React migration tool that writes native React code for you
Dev.to · Ryan John 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
I built a Vue-to-React migration tool that writes native React code for you
I’d like to share my open-source project VuReact — a compiler toolchain for migrating from Vue to...
What Does Vue 3 computed() Compile to in React with VuReact?
Dev.to · Ryan John 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
What Does Vue 3 computed() Compile to in React with VuReact?
VuReact compiles Vue 3 code into standard, maintainable React code. In this article, the focus is on...
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Best JavaScript Libraries for Frontend Developers
The Frontend development continues to evolve rapidly & JavaScript remains the backbone of modern web applications. From building… Continue reading on Medium »
R Learning
Dev.to · pjdev2d 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
R Learning
React Core Concepts Roadmap If you want to become genuinely strong in React, focus less on...
A sticky parallax hero in twenty lines of JS
Dev.to · Ivo Jerkovic 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
A sticky parallax hero in twenty lines of JS
Where the idea came from A few weeks ago someone asked on a forum how to recreate the...
React vs Vue vs Angular for startups and SaaS apps
Dev.to · Mittal Technologies 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
React vs Vue vs Angular for startups and SaaS apps
Last year I shipped three different products: one in React, one in Vue, one with a legacy Angular...
How to Use CSS @layer to Manage Specificity Without Pain
Dev.to · Nick Benksim 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
How to Use CSS @layer to Manage Specificity Without Pain
Say Goodbye to Specificity Wars: Mastering CSS @layer Without the Pain Hey there! Grab your coffee,...
What Does Vue 3 reactive() Compile to in React with VuReact?
Dev.to · Ryan John 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
What Does Vue 3 reactive() Compile to in React with VuReact?
VuReact compiles Vue 3 code into standard, maintainable React code. This time, the focus is on two of...
Why I Started Using Next.js for Modern Web Development
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Why I Started Using Next.js for Modern Web Development
When I first started building web applications with React, everything felt exciting at the beginning. React gave me the flexibility to… Continue reading on Medi
5 CSS Features I Can’t Live Without ✨
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
5 CSS Features I Can’t Live Without ✨
For a long time, writing CSS felt less like engineering and more like survival.  Continue reading on JavaScript in Plain English »
I built a cinematic dark luxury coffee shop template with Next.js, GSAP & Three.js — here's how (and it's on Gumroad)
Dev.to · Aiman Uddin 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
I built a cinematic dark luxury coffee shop template with Next.js, GSAP & Three.js — here's how (and it's on Gumroad)
Why I built this Most coffee shop websites look the same — a hero image, a menu, a contact...
Animated SVG Icons in React: Why SMIL Still Wins in 2026
Dev.to · Hari 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Animated SVG Icons in React: Why SMIL Still Wins in 2026
For years, the default answer for adding motion to web interfaces has been to reach for a JavaScript...
React.js pour les aventuriers (2/2)
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
React.js pour les aventuriers (2/2)
Du débutant au créateur de jeux Continue reading on Medium »
How I Introduce Frontend Testing in Early-Stage Next.js Projects
Dev.to · Nana Okamoto 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
How I Introduce Frontend Testing in Early-Stage Next.js Projects
Recently, I introduced testing into a new Next.js project. One question always comes up at the...
This is best roadmap i wish i’d when i started to learning to code , If your stating your web dev…
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
This is best roadmap i wish i’d when i started to learning to code , If your stating your web dev…
THINGS TO UNDERSTAND BEFORE WE BEGIN : Continue reading on Medium »
Portfolio Website
Dev.to · Narendra Saraf 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Portfolio Website
Just launched my futuristic developer portfolio 🚀 Built with: • Next.js • TypeScript • Framer...
How I built a developer portfolio template in Next.js 15 — typography-first design decisions
Dev.to · Dev Maya 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
How I built a developer portfolio template in Next.js 15 — typography-first design decisions
I've been building and selling Next.js templates as a side project. This is my fifth one: Craft, a...
Mastering useParams in React Router: Dynamic Routing, URL Parameters
Dev.to · Kathirvel S 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Mastering useParams in React Router: Dynamic Routing, URL Parameters
Modern web applications are no longer static websites with a few pages. Today’s React applications...
Most of Your Client JavaScript Exists to Hydrate Pages Users Already See
Dev.to · nosyos 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Most of Your Client JavaScript Exists to Hydrate Pages Users Already See
There's a window between when a Next.js page finishes painting and when users can actually interact...
Canary Deployments for Frontends: Overkill or Necessary?
Dev.to · Sohana Akbar 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Canary Deployments for Frontends: Overkill or Necessary?
Let's settle this debate right away: Canary deployments for frontends are not overkill—they're...
Learning Frontend Testing As If You Built It Yourself
Dev.to · Mohamed Idris 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Learning Frontend Testing As If You Built It Yourself
If you have ever pushed a "tiny" change to production on a Friday and watched the bug reports roll in...
MCP Is Eating Frontend in 2026, and Most React Devs Still Think It’s a Backend Problem
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
MCP Is Eating Frontend in 2026, and Most React Devs Still Think It’s a Backend Problem
I’m a frontend dev. I built an MCP server in Python to find out what we actually need to know. Here’s the 20% that matters and the 80% you… Continue reading on
Understanding Browser Storage: A Practical Guide for Frontend Engineers
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Understanding Browser Storage: A Practical Guide for Frontend Engineers
When building web application, storage is one of those topics that looks simple at first, but becomes very important once the application… Continue reading on M
How I Cut Load Time by 60% Using Next.js App Router
Dev.to · Safdar Ali 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
How I Cut Load Time by 60% Using Next.js App Router
A real production case study from a frontend engineer at a Sequoia-backed startup — exactly what I changed, why it worked, and the metrics before and after.
Die versteckte Komplexität von HTML-Tabellen
Dev.to · circobit 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Die versteckte Komplexität von HTML-Tabellen
HTML-Tabellen sehen einfach aus. Zeilen und Zellen. Was soll da schiefgehen? Alles, wie sich...
What is browser, DOM, Real DOM, Virtual DOM
Dev.to · subash 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
What is browser, DOM, Real DOM, Virtual DOM
1.WHAT IS BROWSER? A browser is software used to access and display websites on the...
Micro-Frontend Architecture: How to Split a Monolith Without Losing Your Mind
Dev.to · Shudhanshu Raj 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Micro-Frontend Architecture: How to Split a Monolith Without Losing Your Mind
I still remember the moment I knew our frontend had become a problem. It took 4 minutes to run our...
The Hidden Cost of Monolithic Frontends — Why I Split Our 200K Line React App
Dev.to · kol kol 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
The Hidden Cost of Monolithic Frontends — Why I Split Our 200K Line React App
200K line monolithic React app took 12 min to build. Here's how we split it with module federation and cut initial bundle from 6MB to 350KB.
How to Build a 0ms Live Preview Engine in the Browser (Without React)
Dev.to · kol kol 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
How to Build a 0ms Live Preview Engine in the Browser (Without React)
React reconciliation adds 16-50ms per update. Here's how I built a live preview with 0-3ms latency using Web Workers and direct DOM manipulation.
Migrating from gl-transitions to @vysmo/transitions: the diff that matters
Dev.to · TommyDee 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Migrating from gl-transitions to @vysmo/transitions: the diff that matters
If you've ever wanted a fancy crossfade between two images on the web, you've probably ended up at...
How we improved image download sizes on Medium with just four characters
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
How we improved image download sizes on Medium with just four characters
HTML images just got better, with the subtlest change to your codebase Continue reading on Medium Engineering »
Image to Base64: The Complete Guide (with HTML, CSS, and JavaScript examples)
Dev.to · Snappy Tools 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Image to Base64: The Complete Guide (with HTML, CSS, and JavaScript examples)
If you've ever needed to embed an image directly into HTML or CSS without a separate file, you've...
Vue.js SPA SEO: how I made my app invisible to Google (and how I fixed it)
Dev.to · Odilon HUGONNOT 🌐 Frontend Engineering 1mo ago
Vue.js SPA SEO: how I made my app invisible to Google (and how I fixed it)
Real-world SEO journey for CitoyenNote, a Vue.js 3 + Vite SPA: dynamic meta tags with @unhead/vue, Open Graph, Symfony sitemap, JSON-LD Schema.org. From shockin
Getting Started with ReactJS
Dev.to · Silas 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Getting Started with ReactJS
Ever wanted to get started with react but just couldn't find the straight-to-the-point guide and you...
Frontend HLD: Understanding Different Types of Applications
Dev.to · Paras 🧙‍♂️ 🌐 Frontend Engineering 1mo ago
Frontend HLD: Understanding Different Types of Applications
Modern frontend applications are no longer limited to simple webpages and forms. Nowadays, they...
Stop Using CSS Transitions: 6 React Animation Libraries Worth Your Time
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Stop Using CSS Transitions: 6 React Animation Libraries Worth Your Time
A no-BS guide to the React animation ecosystem in 2026, written by a dev who’s used most of them in production (and broken a few of them). Continue reading on S
Performance-First Frontend: Memory Management and Leak Protection in Modern SPAs
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Performance-First Frontend: Memory Management and Leak Protection in Modern SPAs
Introduction: The Endurance Problem Continue reading on Medium »