Tech Skills

Frontend Engineering

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

11,237
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,455) Articles (424)Blog Posts (2809)Tutorials (103)Research Papers (1)News (118)
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 3d ago
Angular vs React in 2026: Which Framework Actually Wins?
Compare Performance, Learning Curve, Jobs, and Scalability to Choose the Right Frontend Framework for Your Career and Projects Continue reading on Medium »
The DOM Isn’t Just a Tree. It’s a Living System.
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3d ago
The DOM Isn’t Just a Tree. It’s a Living System.
The advanced patterns that quietly separate experienced JavaScript developers from everyone else. Continue reading on Medium »
“Ship 90 % less JavaScript — let the browser do the work it was built for.”
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3d ago
“Ship 90 % less JavaScript — let the browser do the work it was built for.”
When we set out to build the official Hypotenuse Analytics site, the brief was crystal-clear: Continue reading on Medium »
Micro-Frontends in Practice: What They Are, When You Need Them, and How to Build One
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3d ago
Micro-Frontends in Practice: What They Are, When You Need Them, and How to Build One
A real-world guide with architecture diagrams, code examples, and honest trade-offs. Continue reading on Medium »
Stop Putting Everything in useState
Dev.to · Yasin Demir 🌐 Frontend Engineering ⚡ AI Lesson 3d ago
Stop Putting Everything in useState
There's a pattern I see constantly: every piece of UI state gets its own useState, the component...
I Built the Same Website Five Different Ways—Here's What Each Technology Taught Me
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3d ago
I Built the Same Website Five Different Ways—Here's What Each Technology Taught Me
Rebuilding one project with HTML, CSS, JavaScript, React, and Next.js completely changed how I think about frontend development. Continue reading on Medium »
React 19 Isn't Just Another Update, It's Changing How Developers Build Modern Web Apps
Dev.to · Marcom 🌐 Frontend Engineering ⚡ AI Lesson 3d ago
React 19 Isn't Just Another Update, It's Changing How Developers Build Modern Web Apps
For years, React has been the foundation of modern front-end development. From startups building...
React Form Handling: 4 Approaches Every Developer Should Know
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 3d ago
React Form Handling: 4 Approaches Every Developer Should Know
One of the first challenges I faced while learning React was handling forms. Continue reading on Medium »
React Form Handling: 4 Approaches Every Developer Should Know
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3d ago
React Form Handling: 4 Approaches Every Developer Should Know
One of the first challenges I faced while learning React was handling forms. Continue reading on Medium »
What twelve years of React didn’t teach me about a for loop
Medium · Python 🌐 Frontend Engineering ⚡ AI Lesson 3d ago
What twelve years of React didn’t teach me about a for loop
I’ve been a frontend engineer for over a decade. React, TypeScript, the usual. I know my way around a component tree better than I know my… Continue reading on
Building a Breakout PWA from scratch: canvas, synthesized audio, and power-ups in one HTML file
Dev.to · Andrea Roversi 🌐 Frontend Engineering ⚡ AI Lesson 3d ago
Building a Breakout PWA from scratch: canvas, synthesized audio, and power-ups in one HTML file
I wanted a small arcade game, installable as an app, with no dependencies and no build step. Here's...
Build at Zepto Speed: How We Cut Frontend Webpack Build Times by 95%
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3d ago
Build at Zepto Speed: How We Cut Frontend Webpack Build Times by 95%
When frontend build times start climbing, the industry playbook is usually the same: migrate to a faster bundler. Continue reading on Zepto TechXPress »
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3d ago
JavaScript Bundle Size: The Trap Nobody Measures
Part 1 of the “Frontend Performance That Users Feel” series. One innocent import added 300 KB. Nobody noticed for a year. Continue reading on Medium »
React vs Next.js Explained: Which Is Better for Web Development?
Dev.to · Avanexa Technologies 🌐 Frontend Engineering ⚡ AI Lesson 3d ago
React vs Next.js Explained: Which Is Better for Web Development?
A developer receives a new project request: build a website that loads quickly, provides a smooth...
CSS Grid Examples — 35 Layout Patterns Every Developer Should Know (2025)
Dev.to · Ayoub Bahlouli 🌐 Frontend Engineering ⚡ AI Lesson 3d ago
CSS Grid Examples — 35 Layout Patterns Every Developer Should Know (2025)
35 CSS Grid layout patterns with copy-ready code. Basic columns, template areas, gallery layouts, responsive grids, dashboards and advanced techniques like subg
CSS Animation Examples — 40 Live Demos You Can Copy (2025)
Dev.to · Ayoub Bahlouli 🌐 Frontend Engineering ⚡ AI Lesson 3d ago
CSS Animation Examples — 40 Live Demos You Can Copy (2025)
40 pure CSS animation examples with @keyframes code. Fade, slide, bounce, text effects, loaders and background animations — all copy-ready.
CSS June 2026: 3 Features That Shrink Your JavaScript Codebase
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3d ago
CSS June 2026: 3 Features That Shrink Your JavaScript Codebase
Think about how many libraries we’ve installed just to handle something trivial. Auto-resizing textareas, divider lines between grid… Continue reading on CodeX
Why Large JSON Payloads Freeze Your UI (and the Fix) — Frontend Master
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 4d ago
Why Large JSON Payloads Freeze Your UI (and the Fix) — Frontend Master
Your spinner stops, the tab goes white, and for half a second nothing clicks — here’s what JSON.parse is actually doing to your main… Continue reading on Medium
Overcoming Decision Paralysis: Building a Zero-Signup Activity Engine with Vanilla JS
Dev.to · Getinfo Toyou 🌐 Frontend Engineering ⚡ AI Lesson 4d ago
Overcoming Decision Paralysis: Building a Zero-Signup Activity Engine with Vanilla JS
We have all experienced those moments where we have free time, open our phone or laptop, scroll...
8 Years of Angular, Then React: What Becoming a Beginner Again Taught Me
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 4d ago
8 Years of Angular, Then React: What Becoming a Beginner Again Taught Me
After eight years with Angular, I realized something uncomfortable: many of its ideas no longer felt like decisions. They just felt… Continue reading on JavaScr
How I Build Vue 3 Applications (Part 1): Why I Use a Hybrid Folder Structure
Dev.to · Luka Jioshvili 🌐 Frontend Engineering ⚡ AI Lesson 4d ago
How I Build Vue 3 Applications (Part 1): Why I Use a Hybrid Folder Structure
When a Vue project starts, almost any folder structure works. With only a handful of components and...
Reddit r/webdev 🌐 Frontend Engineering ⚡ AI Lesson 4d ago
How does front end work happen?
Hello everyone. I work as a backend dev and now decided to get my hands on frontend. I created empty project with a framework, but the thing is that I dont unde
How to Deploy/Host a React App to Firebase in few minutes: A Step-by-Step Guide
Dev.to · codeek 🌐 Frontend Engineering ⚡ AI Lesson 4d ago
How to Deploy/Host a React App to Firebase in few minutes: A Step-by-Step Guide
Taking a React application live doesn't have to be complicated. If you've built a React app and want...
12 Angular Interview Questions You Will Fail If You Learned It the Wrong Way
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 4d ago
12 Angular Interview Questions You Will Fail If You Learned It the Wrong Way
I failed three Angular interviews in a row with two years of experience on my resume. Continue reading on Medium »
Our Frontend production build got 43% faster — here’s what actually changed under the hood.
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 4d ago
Our Frontend production build got 43% faster — here’s what actually changed under the hood.
Most “we upgraded and it got faster” posts stop at the benchmark. I want to go one level deeper, because what shipped in Vite 8 isn’t a… Continue reading on Med
create-next-mui v0.2.0 is here 🚀 — Now with Plugin Support!
Dev.to · Vikash Kumar 🌐 Frontend Engineering ⚡ AI Lesson 4d ago
create-next-mui v0.2.0 is here 🚀 — Now with Plugin Support!
We've just released v0.2.0 of create-next-mui, making it even faster to scaffold a Next.js + MUI...
Your scroll listener is doing CSS's job
Dev.to · Parsa Jiravand 🌐 Frontend Engineering ⚡ AI Lesson 4d ago
Your scroll listener is doing CSS's job
You've written this, or something very close to it: window.addEventListener('scroll', () => { ...
The Frontend Tools People Actually Use in 2026
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 4d ago
The Frontend Tools People Actually Use in 2026
What developers choose today to build fast, clean, modern websites Continue reading on Medium »
When I Spent Hours Debugging a React Bug That Didn’t Even Exist.
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 4d ago
When I Spent Hours Debugging a React Bug That Didn’t Even Exist.
You are sitting at your desk, happily coding a new React feature, and you decide to console.log() to check your state. You open up the… Continue reading on Stac
Stop Writing React Components Like This — 10 Mistakes I Still See in Production
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 4d ago
Stop Writing React Components Like This — 10 Mistakes I Still See in Production
After working with React for several years, I’ve reviewed countless codebases , from startup projects to enterprise applications. Continue reading on Medium »
How I made a scroll-scrubbed video portfolio fast (Next.js 15 + GSAP + canvas)
Dev.to · Pratham Sharma 🌐 Frontend Engineering ⚡ AI Lesson 4d ago
How I made a scroll-scrubbed video portfolio fast (Next.js 15 + GSAP + canvas)
How do you ship a portfolio that plays 45 seconds of video, scrubbed by scroll, without shipping 12...
HTMX vs React: When to Actually Use Which in 2026
Dev.to · Rahul Agarwal 🌐 Frontend Engineering ⚡ AI Lesson 4d ago
HTMX vs React: When to Actually Use Which in 2026
The JavaScript fatigue is real. Here is a pragmatic guide to choosing between React and HTMX for your next web application.
5 Reasons HTML Is About to Change Frontend Development
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 4d ago
5 Reasons HTML Is About to Change Frontend Development
HTML may no longer be just a static markup language. Continue reading on Medium »
5 Reasons HTML Is About to Change Frontend Development
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 4d ago
5 Reasons HTML Is About to Change Frontend Development
HTML may no longer be just a static markup language. Continue reading on Medium »
PayPay Corp Frontend Interview Experience | Japan
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 4d ago
PayPay Corp Frontend Interview Experience | Japan
I applied for a Frontend Engineer role at PayPay for the Japan location and soon after applying, my profile got shortlisted, and I got an… Continue reading on F
Reddit r/learnprogramming 🌐 Frontend Engineering ⚡ AI Lesson 5d ago
Will junior front-enders be still necessary for companies in the next decades?
I am studying Front-end. For now, I just have theoretical knowledge. I use React and TypeScript, learning Redux. Right now, I only got a cv website that was mad
copilot browser tools make the frontend reviewable
Dev.to · Paulo Victor Leite Lima Gomes 🌐 Frontend Engineering ⚡ AI Lesson 5d ago
copilot browser tools make the frontend reviewable
GitHub Copilot browser tools in VS Code are generally available. The useful part is not that agents can click buttons; it is that frontend work can start produc
Frontend Interview? You Should Know This CSR vs. SSR Reality Check!
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 5d ago
Frontend Interview? You Should Know This CSR vs. SSR Reality Check!
Learn How to Debug SSR Page Continue reading on JavaScript in Plain English »
Why Your React App Freezes Even With Zero API Calls (And How Web Workers Fix It)
Dev.to · ARAFAT AMAN ALIM 🌐 Frontend Engineering ⚡ AI Lesson 5d ago
Why Your React App Freezes Even With Zero API Calls (And How Web Workers Fix It)
No network request. No slow API. Data's already sitting right there in the browser. So why does your UI still freeze like it's buffering a YouTube video on 2G?
React 19 Features — What Actually Changed and What I Use
Dev.to · Safdar Ali 🌐 Frontend Engineering ⚡ AI Lesson 5d ago
React 19 Features — What Actually Changed and What I Use
React 19 shipped a laundry list of features. Twitter threads treated every hook like mandatory. In...
Does Three.js Have a Future in Web Development, or Is It Being Replaced?
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 5d ago
Does Three.js Have a Future in Web Development, or Is It Being Replaced?
If you’ve spent any time building 3D experiences on the web, you’ve probably asked this question at some point: is Three.js still worth… Continue reading on Web
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 5d ago
Context is Key: The useContext Hook and How to Utilize it
Why am I up this late? You ask yourself for the third time this week. Your computer screen glows dimly as your eyes are spared by your… Continue reading on Medi
10 Cool CodePen Demos — June 2026
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 5d ago
10 Cool CodePen Demos — June 2026
A collection of 10 cool and exciting front-end demos shared on CodePen during May 2026 Continue reading on Level Up Coding »
10 Cool CodePen Demos (June 2026)
Dev.to · Alvaro Montoro 🌐 Frontend Engineering ⚡ AI Lesson 5d ago
10 Cool CodePen Demos (June 2026)
A collection of 10 cool and exciting front-end demos shared on CodePen during June 2026
The Share Button Is the Product: Engineering a Viral Loop in Vanilla JS
Dev.to · yunjie 🌐 Frontend Engineering ⚡ AI Lesson 5d ago
The Share Button Is the Product: Engineering a Viral Loop in Vanilla JS
Most of us treat the share button as the last checkbox before shipping: drop in a navigator.share...
React, Explained Directly — Episode 1: The Fundamentals
Dev.to · surajrkhonde 🌐 Frontend Engineering ⚡ AI Lesson 5d ago
React, Explained Directly — Episode 1: The Fundamentals
🏗️ Part 1: Why React Was Built 👦 Nephew: Before React, how did people actually build...
Next.js vs React — Which Should You Learn First in 2026?
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 5d ago
Next.js vs React — Which Should You Learn First in 2026?
I’m Safdar Ali, a frontend engineer in Bengaluru. Last month a junior dev on LinkedIn asked me the same question I heard in 2022, 2024… Continue reading on Medi
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 5d ago
How to Check if a CSS Property is Supported in a Browser Using JavaScript
The Modern browsers continuously introduce new CSS features but not every browser supports every CSS property. The JavaScript provides… Continue reading on Java