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 · Markus Gasser
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
21 Practical Reads for Building More Reliable Frontend Test Suites
Frontend test automation rarely fails because a team picked the “wrong” framework. It usually fails...

Dev.to · DXLLIV
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Why we rebuilt the Web Desktop as a modular Nuxt framework
Most "web desktop" or "portfolio OS" projects on GitHub are structured as templates. They look great,...

Dev.to · Sohana Akbar
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Stop Guessing About Performance: Testing Frontend Performance in CI with Lighthouse CI
Performance isn't a feature you ship once—it's a quality that degrades with every commit if you let...

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Why I Switched from React to Next.js And Never Looked Back
I built my first few projects with React. Client-side rendering, React Router, manual SEO optimization it all worked. Continue reading on Medium »

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Fondasi Framework JavaScript Modern: Dari Template Engine hingga Dependency Injection
Mengenal konsep dasar yang membentuk cara kerja framework frontend modern, mulai dari pengolahan template, pengikatan data, hingga… Continue reading on Medium »

Dev.to · Luciano0322
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
When Render No Longer Owns the Entire Data Flow
In frontend development, it is very easy to think of data flow and rendering as the same thing. After...

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
When CSS Went to Math Class: Sin() & Cos()
As a high school kid, I would always question why I was learning Trigonometric functions and if I’d ever use them in real life problem… Continue reading on Medi

Dev.to · Odejobi Abiola Samuel
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Build a Notes App with ctrodb, Tailwind CSS, and Vanilla JavaScript
A hands-on tutorial: build a fully functional notes app with search, pinning, and persistence — entirely in the browser, no backend required.

Dev.to · CodeSetupLab
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
React JS Install Guide: Step by Step React + Vite Setup (Latest Version)
Setting up a new React project shouldn't come with a wall of dependency errors or unnecessary bloat....

Dev.to · Odejobi Abiola Samuel
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Client-Side Databases Are Underrated
Most frontend data doesn't need a server round-trip. Form drafts, cached API responses, search indexes, offline queues — your browser has a perfectly good datab

Dev.to · Sohana Akbar
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Why Your Frontend Needs a Canary Release More Than Backend
Let's settle this debate right away: Canary deployments for frontends are not overkill—they're...

Dev.to · Sufal Thakre
🌐 Frontend Engineering
1w ago
Building a Real-Time Task Manager with Next.js and Firebase - Lessons from the Trenches
Building a Real-Time Task Manager with Next.js and Firebase - Lessons from the Trenches I...

Dev.to · Placide
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Building Real-Time Dashboards in Angular with WebSockets — A Complete Guide
Most dashboards are built the same way: the user lands on the page, data loads, and then... it sits...
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Enterprise-Level React Folder Structure: How to Organize Large-Scale React Applications
When building a small React app, folder structure usually doesn’t matter much. Continue reading on Medium »

Dev.to · Ufomadu Nnaemeka
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
What Separates Junior, Mid-Level, and Senior Frontend Engineers
Understanding the frontend engineering career ladder and what it takes to grow from writing...

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Webpack uses Websocket for Hot Module Replacement and Live Reloading possible ?
Webpack is the legacy giant that powered the industry for nearly a decade. It is a “bundler-first” platform that constructs an exhaustive… Continue reading on M

Dev.to · Enjoy Kumawat
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
The Real Reason Everyone's Fighting About Tailwind CSS v4
The Tailwind CSS4 debate is everywhere right now. And honestly? Most people are arguing about the...

Dev.to · Priya Nair
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Mastering Focus Management in React 19: Solving the Single-Page Application Routing Gap for WCAG 2.1 and EN 301 549 Compliance
Mastering Focus Management in React 19: Solving the Single-Page Application Routing Gap for...
Medium · Programming
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
EY recently offered my friend a package of 22 LPA
Role: React Developer Experience: 4 Years And these were the level of questions asked React & Frontend Architecture: Explain React… Continue reading on Medium

Dev.to · Ogasawara Kakeru
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
React.js ~useState Antipatterns~
1. Consider grouping related conditions together Before const [x, setX] = useState(0); ...
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Como os Navegadores Modernos Transformam Código em Telas Interativas
Você já compreende a jornada básica dos dados na internet: sabe como o DNS traduz uma URL, como o cliente faz uma requisição HTTP e como o… Continue reading on

Dev.to · tengxgfyrz67s
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Installation and Project Setup
Project Code:https://github.com/euv-dev/euv euv is a Rust + WASM frontend UI framework that brings...

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Frontend System Design: Real-Time Updates
How the browser and server keep a conversation alive — polling, long polling, SSE, and WebSockets, and when to reach for each. Continue reading on Medium »

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Frontend System Design: Autocomplete & Search Bar
Build a typeahead the way Google does it — debouncing, caching, request cancellation, and the race condition most candidates miss. Continue reading on Medium »
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
My journey to a WEB DEVELOPER
I just started my web developer journey with the Frontend basic skills like HTML CSS JS REACT. But now that I get the Basics in Frontend I… Continue reading on
Medium · Programming
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Why Webpack needs Babel for Older Browsers but not Vite + ESBuild
Babel is not always required. You can often skip it if you’re targeting modern browsers. Continue reading on Medium »

Dev.to · KhaledSalem
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Cache and Memory Are Not the Same Thing. Frontend Engineers Keep Treating Them As If They Are.
We use these words interchangeably all the time. "The browser caches it." "React Query caches the...

Dev.to · Prayush Adhikari
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Security Pitfalls in React Apps I Learned the Hard Way
A few months back I was doing a code review for a friend's project and noticed they were storing JWTs...
Dev.to · jsmanifest
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
React 19.2 Activity Component: Keeping Unmounted Trees Alive for Faster Tab Switching
React 19.2 Activity Component: Keeping Unmounted Trees Alive for Faster Tab Switching ...

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
The React State Mistake I See Everywhere
Most React state bugs do not happen because developers forgot how useState works. They happen because nobody knows which part of the app… Continue reading on Sk

Dev.to · Aleeza Crasco
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
5 Free Conversion Tools Every Frontend Dev Should Bookmark
Every frontend project eventually hits the same small annoyance: a designer hands you a HEX code,...

Dev.to · Timevolt
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
CSS Grid vs Flexbox: The Battle of Layout Titans (or, My Jedi Training with Boxes)
The Quest Begins (The "Why") Picture this: I’m hunched over my laptop at 2 a.m., coffee...

Dev.to · Marv
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Toggle navigation not working on ios, android en windows perfect
I need your help. I've problems with an Navigation button on ios. On Windows in all browsers it's...

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Front-end, regrounded: Why Wraplet might be what you’re missing
Wraplet — a small TypeScript framework that wraps DOM nodes in real classes — with typed dependencies, predictable lifecycle, and no magic. Continue reading on

Dev.to · bmarkov
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
SvGrid: a Svelte 5 native data grid (MIT core, headless + render component, MCP-ready)
A Svelte 5 native data grid with a headless engine, a drop-in render component, virtualization for 100k+ rows, and a bundled MCP server so Claude / Cursor / Zed

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
How I Score 100/100 on Core Web Vitals in Next.js
The five fixes that matter, with copy-paste code. Continue reading on Medium »

Dev.to · Devanshu Biswas
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
I Built a Toast Notification System in ~40 Lines (Stack, Auto-Dismiss, Variants)
Every app has them now — those little notifications that slide in, stack, and fade. Sonner,...

Medium · Programming
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
React Query vs SWR vs Apollo: I Used All Three in Production
“Why do we have three different data-fetching libraries in this codebase?” Continue reading on Medium »

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
React Query vs SWR vs Apollo: I Used All Three in Production
“Why do we have three different data-fetching libraries in this codebase?” Continue reading on Medium »

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
PayPal Senior Software Engineer Interview Experience | 2026
Company: PayPal Role: Senior Software Engineer — Frontend Experience: 5.9 Years Verdict: Rejected Continue reading on Frontend Army »

Dev.to · Prajapati Paresh
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
The CSS-in-JS Penalty: Zero-Runtime Styling in React ⚡

Medium · Programming
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
React 19 Just Made Half Your Form Code Pointless
The new useActionState hook does in 5 lines what you’ve been doing in 25 — and it’s more correct than yours Continue reading on Medium »

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
React 19 Just Made Half Your Form Code Pointless
The new useActionState hook does in 5 lines what you’ve been doing in 25 — and it’s more correct than yours Continue reading on Medium »
Reddit r/learnprogramming
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Help
I was preparing for application to universities, and I realized that I don't know what kind of problem I want to dedicate myself during these four years. The mo

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Monk’s Web React Series #3: Why I Stopped Loading Every Page Upfront
I noticed something strange in one of our React applications. The initial page load felt slow. Users were only visiting one or two pages… Continue reading on Me

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
The Website That Made Me Realise Frontend Development Isn’t Boring
A developer with 30 years of experience showed me a website. I thought it was just another code editor. I was completely wrong. Continue reading on Medium »

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
I Watched Every Frontend Master Video — Here Are the 7 That Actually Got Me Hired
A Zepto offer, three years of free YouTube lectures, and one channel I owe most of it to. Continue reading on Medium »

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
The CSS :has() Selector Replaced Three Libraries in My Codebase. Here's How.
I deleted three React utilities last month. All three jobs are now done by a single CSS selector that has been shipping in every browser… Continue reading on St
DeepCamp AI