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)
Frontend Developers Who Cannot Build These 6 Features Are Getting Replaced by Those Who Can
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Frontend Developers Who Cannot Build These 6 Features Are Getting Replaced by Those Who Can
Most developers can build a form. Most can fetch data from an API. But the moment a product manager says, "Can we add infinite scroll?” or… Continue reading on
How I cracked my first front-end interview: a honest retrospective
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
How I cracked my first front-end interview: a honest retrospective
The night before my interview I revised event bubbling for two hours. Wrote it out, drew diagrams, explained it to myself out loud like a… Continue reading on M
What’s Inside Angular’s dist/ Folder: Every File Explained
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
What’s Inside Angular’s dist/ Folder: Every File Explained
Part 6 of the “Angular, Decoded” series Continue reading on Medium »
Ever Quint Frontend Interview Experience | Screening Round
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Ever Quint Frontend Interview Experience | Screening Round
Recently, I was interviewed by Ever Quint, and here’s how it went. Continue reading on Frontend Army »
Micro-Frontends: When One App Is Secretly Many
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Micro-Frontends: When One App Is Secretly Many
How to break one frontend into many: the four real approaches, when each fits, and when you shouldn’t bother Continue reading on Medium »
The Best JavaScript Slider Library? Introducing Pagiflow: A Zero-Dependency, High-Performance Carousel
Dev.to · Pagiflow 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
The Best JavaScript Slider Library? Introducing Pagiflow: A Zero-Dependency, High-Performance Carousel
Have you ever noticed how quickly a web page's performance can drop when you add a slider or...
Vue to React Migration in Action: Real CRM Admin Case
Dev.to · Ryan John 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Vue to React Migration in Action: Real CRM Admin Case
This is a hands-on migration walkthrough designed to take you from a standard Vue 3 + Vue Router...
React Hooks Explained: useMemo, useCallback, and useNavigate
Dev.to · Jayashree 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
React Hooks Explained: useMemo, useCallback, and useNavigate
React provides several powerful hooks that help developers optimize performance and manage navigation...
HTML/CSS Animation to Video (MP4): the Headless, Deterministic Way (incl. Claude)
Dev.to · dsplce.co 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
HTML/CSS Animation to Video (MP4): the Headless, Deterministic Way (incl. Claude)
So you asked Claude to animate something. Maybe a logo, a loading screen, a data viz. It spat out a...
JavaScript and React Aren’t the Main Game Anymore
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
JavaScript and React Aren’t the Main Game Anymore
The web stack still matters. It just isn’t the center of the conversation anymore. Continue reading on Stackademic »
Building a Real-Time Collaborative Kanban Board with React, TypeScript, and WebSockets
Dev.to · Gael Lune 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Building a Real-Time Collaborative Kanban Board with React, TypeScript, and WebSockets
Modern teams expect software to update instantly. Nobody wants to refresh a page every few seconds to...
Alpine.js: A Lightweight JavaScript Framework for Modern Web Development in 2026
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Alpine.js: A Lightweight JavaScript Framework for Modern Web Development in 2026
Learn how Alpine.js helps you build interactive web interfaces with minimal code, faster performance, and no heavy frameworks. Continue reading on Medium »
CSS 'overscroll-behavior' rubber banding: the right color behind the page when you pull it
Dev.to · a-dev 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
CSS 'overscroll-behavior' rubber banding: the right color behind the page when you pull it
I think you all know the overscroll rubber-banding effect: when you scroll past the end of a page, or...
Vue 3.6 Vapor Mode: Opt Out of the Virtual DOM
Dev.to · Danny Holloran 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Vue 3.6 Vapor Mode: Opt Out of the Virtual DOM
Vue 3.6 Vapor Mode eliminates the virtual DOM for opted-in components, delivering SolidJS-level performance without rewriting a single line of your template log
Introducing Pagiflow: The High-Performance, Zero-Dependency Slider Library for the Modern Web
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Introducing Pagiflow: The High-Performance, Zero-Dependency Slider Library for the Modern Web
If you’ve been building for the web, you know the struggle: you need a sleek, responsive image slider or carousel, but the available… Continue reading on Medium
Wiring components to server-rendered pages with domwire
Dev.to · Tom Shaw 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Wiring components to server-rendered pages with domwire
Initializing JavaScript components from data-component attributes, with lazy loading, lifecycle hooks, and automatic handling of dynamic content.
My React App Froze on Every Keystroke. I Fixed It by Stealing Python's #1 Rule About Scope.
Dev.to · S M Tahosin 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
My React App Froze on Every Keystroke. I Fixed It by Stealing Python's #1 Rule About Scope.
Last month I built a dashboard with about 150 components. A data table, a few charts, a sidebar, and...
Reddit r/webdev 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Recommendations for a visual HTML builder
tl;dr: I'm looking for a visual HTML builder - not a design tool, but something that specifically builds code Hi everyone, I feel the need to explain before any
Frontend Architecture Is What Every Ecosystem Eventually Invents
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Frontend Architecture Is What Every Ecosystem Eventually Invents
Frontend didn’t become complex because developers made bad choices. It became complex because the browser evolved into a distributed… Continue reading on JavaSc
Vue to React Migration: Why Runtime Wrappers Hit a Ceiling
Dev.to · Ryan John 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Vue to React Migration: Why Runtime Wrappers Hit a Ceiling
If you have ever loved Vue's Composition API and <script setup> but still had to ship a React...
How to Add Electronic Signatures to PDFs in the Browser (Vue 3 + HTML5 Canvas)
Dev.to · sunshey 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
How to Add Electronic Signatures to PDFs in the Browser (Vue 3 + HTML5 Canvas)
A client emailed me a contract last week. I needed to sign it and send it back. The usual options?...
I Built a Full RPG with Zero JavaScript Logic - Here's What I Learned
Dev.to · iDev-Games 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
I Built a Full RPG with Zero JavaScript Logic - Here's What I Learned
A deep dive into State.js by building Gutter Rat: a working SPA game with combat, shops, inventory,...
HTMX vs React: Which Frontend Approach Makes More Sense
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
HTMX vs React: Which Frontend Approach Makes More Sense
For more than a decade, React has been the default answer to frontend development. Continue reading on Medium »
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Why Your Frontend is Still Slow After Every Optimization
You’ve optimized your React components. You’ve implemented lazy loading. You’ve reduced bundle sizes. You’ve compressed images. Continue reading on Medium »
Announcing Limn Engine — A Lightweight 2D Game Framework for the Browser
Dev.to · Kehinde Owolabi 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Announcing Limn Engine — A Lightweight 2D Game Framework for the Browser
Limn Engine is a zero-dependency HTML5 Canvas game framework built around a simple Display + Component architecture. Dual-canvas rendering, tilemaps, sprite ani
Angular v22: @boundary, Multi-Case Switch, and Inline Arrow Functions
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Angular v22: @boundary, Multi-Case Switch, and Inline Arrow Functions
Let’s be honest: Angular templates have been the quiet achiever of the framework’s renaissance. While everyone was rightly excited about… Continue reading on Me
Why React? The Simple Reason We Move Beyond HTML, CSS, and JavaScript
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Why React? The Simple Reason We Move Beyond HTML, CSS, and JavaScript
If you want to build a website, you always start with three core technologies: Continue reading on Medium »
Styling and Color
Dev.to · ShaynaProductions 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Styling and Color
Prologue A while ago, I decided to develop a fully accessible main navigation component in React and...
What is new in `solid-js@2.0`?
Dev.to · Alex Lohr 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
What is new in `solid-js@2.0`?
Solid has a track record as one of the most performant, lightweight, and above all,...
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Next.js vs React: Which One Should You Learn First in 2026?
If you have Googled “Next.js vs React,” you are not alone. This is one of the most searched questions among beginner developers in 2026. Continue reading on Med
Goodbye route.parent?.parent?: Angular 22 makes param inheritance finally sane
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Goodbye route.parent?.parent?: Angular 22 makes param inheritance finally sane
Angular 22 quietly flipped a router default that has been annoying developers for years: paramsInheritanceStrategychanged from 'emptyOnly'… Continue reading on
React.js ~Clean Code Intermediate~
Dev.to · Ogasawara Kakeru 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
React.js ~Clean Code Intermediate~
1. Passing values simply 1-1. Receiving: Receive values as all in one. const userInfo = { ...
Stop Fighting Document Viewers. One Line of React for PDF, Word, Excel & PowerPoint.
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Stop Fighting Document Viewers. One Line of React for PDF, Word, Excel & PowerPoint.
A free, MIT-licensed viewer that runs 100% in the browser — no server, no Microsoft iframe, no API keys. Continue reading on Medium »
Contemporary React Tooltip — with Almost No JavaScript
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Contemporary React Tooltip — with Almost No JavaScript
I built Contemporary React Tooltip to see how much of JS the browser can now do with CSS now. Turned out almost all of it. It’s ~8 kB… Continue reading on Mediu
The Browser Is Becoming an Operating System. Most Developers Haven’t Realized It Yet
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
The Browser Is Becoming an Operating System. Most Developers Haven’t Realized It Yet
A few years ago, browsers were simple. Continue reading on Front-end World »
Technical Wednesday #1: How to Add an Auto-Refresh Checkbox to Your Website (Every 10 Seconds)
Medium · Data Science 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Technical Wednesday #1: How to Add an Auto-Refresh Checkbox to Your Website (Every 10 Seconds)
A simple JavaScript feature. Continue reading on Medium »
How We Ship 100/100 PageSpeed Sites for Small-Business Clients (Without a CMS)
Dev.to · René 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
How We Ship 100/100 PageSpeed Sites for Small-Business Clients (Without a CMS)
Most small-business websites are slow. Not because the businesses don't care, but because the default...
Angular v22 Release Summary
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Angular v22 Release Summary
Angular v22 is the consolidation release the signal era has been building toward — three headline APIs graduate to stable, change… Continue reading on Level Up
Reddit r/webdev 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
How many rows can a modern browser handle?
Hi, How many rows have you ever tried to render on html via ? I need maybe north of 300k rows on one page and want to know if the browser will die ? submitted b
Demystifying Modern Web Development: What You Actually Need to Know
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Demystifying Modern Web Development: What You Actually Need to Know
The digital landscape shifts so fast it can give you whiplash. One day everyone is talking about standard HTML and CSS, and the next… Continue reading on Medium
How React Actually Works Under the Hood: Virtual DOM, Fiber Engine & Component Lifecycle Explained
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
How React Actually Works Under the Hood: Virtual DOM, Fiber Engine & Component Lifecycle Explained
“I’ve been writing React for two years and I thought I understood it. Then I read this.” — You, hopefully, at the end of this article. Continue reading on Mediu
React, Explained Like You’ve Never Written Code Before
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
React, Explained Like You’ve Never Written Code Before
If you’ve ever stared at the word “React” and felt your eyes glaze over, this is for you. No jargon, no assumptions. Just the one mental… Continue reading on Me
Understanding useMemo in React.
Dev.to · Madhavan G 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Understanding useMemo in React.
What is useMemo? useMemo is a React Hook used to store the result of an expensive calculation and...
What I Learned During My First Month of Learning React and Backend Development
Dev.to · Christo Rony 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
What I Learned During My First Month of Learning React and Backend Development
What I Learned During My First Month of Learning React and Backend Development What I Learned During...
How I detect user country in React without a backend call
Dev.to · Vix 🌐 Frontend Engineering ⚡ AI Lesson 4w ago
How I detect user country in React without a backend call
How I detect user location in React without a backend call Location detection is one of...
I Built 5 React Landing Page Templates in 2 Weeks — Here's What I Learned
Dev.to · Leo Muhammad 🌐 Frontend Engineering ⚡ AI Lesson 4w ago
I Built 5 React Landing Page Templates in 2 Weeks — Here's What I Learned
A few weeks ago I set myself a challenge: build 5 production-ready React landing page templates, each...
Angular 22 Is Here — Everything You Need to Know
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 4w ago
Angular 22 Is Here — Everything You Need to Know
Released June 3, 2026 — the Signal era has officially arrived Continue reading on Medium »
Vue 3 Performance in 2026: The Optimisations That Actually Move the Needle
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 4w ago
Vue 3 Performance in 2026: The Optimisations That Actually Move the Needle
v-memo, shallowRef vs ref, defineAsyncComponent, keep-alive done right, computed property pitfalls, unnecessary re-renders you don’t know… Continue reading on M