Tech Skills
Frontend Engineering
HTML, CSS, JavaScript, React, Next.js, performance and modern web development
Skills in this topic
5 skills — Sign in to track your progress
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

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...

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,...

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...

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 »

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 »

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

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...
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 »

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...

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...

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...

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 »

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...

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...

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...

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,...

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...

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

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 »

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...

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...

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 »

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...
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 »

Dev.to · Narendra Saraf
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Portfolio Website
Just launched my futuristic developer portfolio 🚀 Built with: • Next.js • TypeScript • Framer...

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...

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...

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...

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...

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...

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

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

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.

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...

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...

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...

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.

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.

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...

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 »

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...

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

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...

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...

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

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 »
DeepCamp AI