Tech Skills

Frontend Engineering

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

11,145
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,358) Articles (378)Blog Posts (2768)Tutorials (93)Research Papers (1)News (118)
React 19.2 Activity Component: Keeping Unmounted Trees Alive for Faster Tab Switching
Dev.to · jsmanifest 🌐 Frontend Engineering ⚡ AI Lesson 2w 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 2w 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 2w 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 2w 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 2w 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 2w 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 2w 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 2w 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 2w 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 2w 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 2w 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 2w 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 2w 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 2w 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 2w 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 2w 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 2w 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 2w 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 2w 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 2w 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
Reddit r/learnprogramming 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Learning React with TypeScript
Hey all, I am wondering nowadays what the best resource is to learn React? I've been speaking to a colleague at work who recommended PluralSight, but I am a lit
Fibonacci grid in React
Dev.to · Mohamed Eltohamy 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Fibonacci grid in React
Goal I want to create a Fibonacci grid pattern component in React that can the user can...
Modern CSS Features That Replaced JavaScript
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Modern CSS Features That Replaced JavaScript
For years, whenever I wanted something interactive on a webpage, my first instinct was: Continue reading on Medium »
Getting Started with euv
Dev.to · tengxgfyrz67s 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Getting Started with euv
# Getting Started with euv ## What is euv? euv is a modern frontend UI framework built on **Rust**
10+ Website Templates With Source Code in HTML, CSS & JS
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
10+ Website Templates With Source Code in HTML, CSS & JS
Explore 10+ responsive website templates with source code built using HTML, CSS, and JavaScript. Continue reading on Medium »
How to Safely Upgrade ngx-bootstrap Without Breaking Your Angular App
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
How to Safely Upgrade ngx-bootstrap Without Breaking Your Angular App
The latest ngx-bootstrap can introduce zoneless and zone.js breaking changes. Continue reading on Medium »
I open-sourced the financial charting library we use in production
Dev.to · Tom 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
I open-sourced the financial charting library we use in production
If you've ever tried to build a trading dashboard, a crypto portfolio tracker, or any financial app,...
React’s Lifecycle — Everything You Need to Know
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
React’s Lifecycle — Everything You Need to Know
I Used useEffect in a Server Component and Spent an Hour Confused Continue reading on Medium »
Stop Hardcoding SVGs in Your Components. Here's a Better Workflow.
Dev.to · pooja verma 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Stop Hardcoding SVGs in Your Components. Here's a Better Workflow.
If your React/Vue/Svelte codebase has more than a handful of icons, I'd bet money at least three of...
Wraplet vs Web Components
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Wraplet vs Web Components
See why Wraplet offers a simpler, more type-safe alternative to Web Components for modern web applications. Continue reading on Medium »
We Spent a Decade Building Complex SPAs. Then Teams Started Choosing HTML Again.
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
We Spent a Decade Building Complex SPAs. Then Teams Started Choosing HTML Again.
The first thing that nobody could explain was the support tickets. The application was working fine. It was not down. Error rates were… Continue reading on Medi
The Ins and Outs of Closings
Dev.to · ShaynaProductions 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
The Ins and Outs of Closings
Prologue A while ago, I decided to develop a fully accessible main navigation component in React and...
How I migrated a large Next.js project from Tailwind CSS v3 to v4
Dev.to · Nayan Kyada 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
How I migrated a large Next.js project from Tailwind CSS v3 to v4
A practical walkthrough of the Tailwind CSS v4 migration in Next.js: CSS-based config, dropped utilities, PostCSS changes, and rough edges I hit in production.
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
I stopped using React for simple tools — and started shipping in a single HTML file
I didn’t quit React because it’s bad. Continue reading on Medium »
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
useRef Lock for Payment API — Prevent Duplicate Payments in React
One of the most common bugs in payment flows: user clicks the button twice, and two payments get processed. Continue reading on Medium »
Angular v22 Has a Feature React Developers Will Be Jealous Of
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Angular v22 Has a Feature React Developers Will Be Jealous Of
If you’ve started experimenting with Angular v22 Resources, you’ve probably noticed a frustrating UX issue. Continue reading on Medium »
Top 5 Reasons to Use ReactJS for Modern Web App Development
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Top 5 Reasons to Use ReactJS for Modern Web App Development
Explore how ReactJS simplifies UI development with its component-based architecture, Virtual DOM, and high performance. Continue reading on Medium »
We need to stop pretending that frontend in 2026 is just building landing pages.
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
We need to stop pretending that frontend in 2026 is just building landing pages.
We are building massive, distributed enterprise systems. Continue reading on Medium »
I Removed Every useEffect From My Data Fetching. Here’s What Replaced Them.
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
I Removed Every useEffect From My Data Fetching. Here’s What Replaced Them.
A direct follow-up to my useEffect article. Three patterns that retired the worst kind of useEffect in my codebase, plus the one rule I… Continue reading on Lev
Reddit r/learnprogramming 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Actually knowing and retaining code knowledge
Hi guys, in the past few months I’ve began to learn programming/development in the evenings after work. Currently I have been learning React, typescript and bit
I want to build a web application
Dev.to · Sahariar Shanto 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
I want to build a web application
I want to build a web application that's totally done on browser, application is to manage a...
Building a React Product Configurator with Zustand and Motion
Dev.to · Iurii Rogulia 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Building a React Product Configurator with Zustand and Motion
How to build a React product configurator with Zustand state, DaisyUI components, Motion animations, and live SVG preview — architecture, pricing logic,…
The Frontend Components You No Longer Need JavaScript For
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
The Frontend Components You No Longer Need JavaScript For
HTML and CSS quietly absorbed the UI patterns we used to script by hand. Here’s what to hand back to the browser. Continue reading on Medium »
ServiceNow Frontend Engineer Interview | Senior Software Engineer
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
ServiceNow Frontend Engineer Interview | Senior Software Engineer
Company: ServiceNow Role: Senior Frontend Engineer Experience: 5 Years Continue reading on Frontend Army »
Stop Abuse of useState: How to Put Your React Components on a Diet
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Stop Abuse of useState: How to Put Your React Components on a Diet
When you first discover hooks in React, useState feels like magic. It is the literal heartbeat of your interface. You want an input field… Continue reading on M
Simon Willison's Blog 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
<click-to-play> — a still that plays
Tool: — a still that plays A progressive enchantment Web Component that turns this markup: Into a still frame with a click to play button which loads the GIF on
Introducing coreIcons: A Lightweight Library of 352 Icons for Developers 🚀
Dev.to · Mauricio De Souza Peixoto 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Introducing coreIcons: A Lightweight Library of 352 Icons for Developers 🚀
Hey pessoal! 👋 Queria compartilhar um projeto que venho desenvolvendo para resolver um problema...
Document Object Model (DOM)
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Document Object Model (DOM)
The DOM (Document Object Model) is a programming interface for web documents. Continue reading on Medium »