Tech Skills

Frontend Engineering

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

11,124
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,338) Articles (374)Blog Posts (2754)Tutorials (91)Research Papers (1)News (118)
21 Practical Reads for Building More Reliable Frontend Test Suites
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...
Why we rebuilt the Web Desktop as a modular Nuxt framework
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,...
Stop Guessing About Performance: Testing Frontend Performance in CI with Lighthouse CI
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...
Why I Switched from React to Next.js And Never Looked Back
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 »
Fondasi Framework JavaScript Modern: Dari Template Engine hingga Dependency Injection
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 »
When Render No Longer Owns the Entire Data Flow
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...
When CSS Went to Math Class: Sin() & Cos()
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
Build a Notes App with ctrodb, Tailwind CSS, and Vanilla JavaScript
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.
React JS Install Guide: Step by Step React + Vite Setup (Latest Version)
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....
Client-Side Databases Are Underrated
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
Why Your Frontend Needs a Canary Release More Than Backend
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...
Building a Real-Time Task Manager with Next.js and Firebase - Lessons from the Trenches
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...
Building Real-Time Dashboards in Angular with WebSockets — A Complete Guide
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 »
What Separates Junior, Mid-Level, and Senior Frontend Engineers
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...
Webpack uses Websocket for Hot Module Replacement and Live Reloading possible ?
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
The Real Reason Everyone's Fighting About Tailwind CSS v4
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...
Mastering Focus Management in React 19: Solving the Single-Page Application Routing Gap for WCAG 2.1 and EN 301 549 Compliance
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...
EY recently offered my friend a package of 22 LPA
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
React.js ~useState Antipatterns~
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); ...
Como os Navegadores Modernos Transformam Código em Telas Interativas
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
Installation and Project Setup
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...
Frontend System Design: Real-Time Updates
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 »
Frontend System Design: Autocomplete & Search Bar
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 »
Cache and Memory Are Not the Same Thing. Frontend Engineers Keep Treating Them As If They Are.
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...
Security Pitfalls in React Apps I Learned the Hard Way
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...
React 19.2 Activity Component: Keeping Unmounted Trees Alive for Faster Tab Switching
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 ...
The React State Mistake I See Everywhere
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
5 Free Conversion Tools Every Frontend Dev Should Bookmark
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,...
CSS Grid vs Flexbox: The Battle of Layout Titans (or, My Jedi Training with Boxes)
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...
Toggle navigation not working on ios, android en windows perfect
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...
Front-end, regrounded: Why Wraplet might be what you’re missing
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
SvGrid: a Svelte 5 native data grid (MIT core, headless + render component, MCP-ready)
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
How I Score 100/100 on Core Web Vitals in Next.js
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 »
I Built a Toast Notification System in ~40 Lines (Stack, Auto-Dismiss, Variants)
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,...
React Query vs SWR vs Apollo: I Used All Three in Production
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 »
React Query vs SWR vs Apollo: I Used All Three in Production
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 »
PayPal Senior Software Engineer Interview Experience | 2026
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 »
The CSS-in-JS Penalty: Zero-Runtime Styling in React ⚡
Dev.to · Prajapati Paresh 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
The CSS-in-JS Penalty: Zero-Runtime Styling in React ⚡
React 19 Just Made Half Your Form Code Pointless
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 »
React 19 Just Made Half Your Form Code Pointless
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
Monk’s Web React Series #3: Why I Stopped Loading Every Page Upfront
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
The Website That Made Me Realise Frontend Development Isn’t Boring
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 »
I Watched Every Frontend Master Video — Here Are the 7 That Actually Got Me Hired
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 »
The CSS :has() Selector Replaced Three Libraries in My Codebase. Here's How.
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