Tech Skills

Frontend Engineering

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

11,127
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,341) Articles (374)Blog Posts (2757)Tutorials (91)Research Papers (1)News (118)
Reddit r/learnprogramming 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Help with code (html css java)
Hey everyone! This code is for a school project. A part of the previous question seems to be showing up in the second one (but only on mobile). Me and my groupm
The Wild West of the DOM: When Front-End Development Wasn’t “Real” Engineering
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
The Wild West of the DOM: When Front-End Development Wasn’t “Real” Engineering
There used to be a very clear, unspoken caste system in software development. The prevailing mantra was simply: “Real developers do… Continue reading on Medium
The Wild West of the DOM: When Front-End Development Wasn’t “Real” Engineering
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
The Wild West of the DOM: When Front-End Development Wasn’t “Real” Engineering
There used to be a very clear, unspoken caste system in software development. The prevailing mantra was simply: “Real developers do… Continue reading on Medium
Reddit r/learnprogramming 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Best react course online
Finally I am done with HTML, CSS and JavaScript and now I want to learn react. So please suggest me some good react courses online submitted by /u/Oxired [link]
React Doesn't Need Node.js — Until It Does
Dev.to · Alimur Razi Rana 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
React Doesn't Need Node.js — Until It Does
The Truth Nobody Tells You When You Start React Most React tutorials for beginners start...
Vue-to-React Migration Deep Dive: Vuera, Veaury, and VuReact
Dev.to · Ryan John 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Vue-to-React Migration Deep Dive: Vuera, Veaury, and VuReact
Cross-framework migration is not a syntax substitution problem. It is a systems problem involving...
Best Next.js Templates with Dark Mode in 2026 (Flash-Free)
Dev.to · TheKitBase 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Best Next.js Templates with Dark Mode in 2026 (Flash-Free)
TheKitBase templates are the best Next.js templates with dark mode because every template ships with...
🚀 New React Challenge: Best Practices
Dev.to · ReactChallenges 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
🚀 New React Challenge: Best Practices
Your todo list passes all tests. You ship it. But here's the thing no one tells you about interviews...
SVG Diagrams and Parametric Generators: Testing 358 Questions Across 200 Seeds
Dev.to · Odilon HUGONNOT 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
SVG Diagrams and Parametric Generators: Testing 358 Questions Across 200 Seeds
How I built a React SVG component kit (circuits, triangles, 3D volumes) and deterministic question generators tested by pre-commit hooks across 200 seeds per ge
I rewrote 3 useEffects to use() in React 19. Here's the one I shouldn't have.
Dev.to · Sensational-DEV 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
I rewrote 3 useEffects to use() in React 19. Here's the one I shouldn't have.
The first time use() clicked for me, I closed the tab on the React docs and immediately went through...
A Semi-Truck on a Sedan Frame: Why Treating JavaScript Like Java Complicated the Web
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
A Semi-Truck on a Sedan Frame: Why Treating JavaScript Like Java Complicated the Web
To understand how we fractured front-end architecture, we first have to look at the original sin of JavaScript’s creation. When Brendan… Continue reading on Med
Why Next.js Is the Best Tech Stack for Static Websites in 2025
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Why Next.js Is the Best Tech Stack for Static Websites in 2025
Choosing a Tech Stack for Your Static Website? Here’s Why Next.js Makes It Easy Continue reading on Medium »
Rethinking Client-Side State: Embracing Modern Data Fetching in React
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Rethinking Client-Side State: Embracing Modern Data Fetching in React
When we sit down to build a new feature in a full-stack application, our primary instinct as developers is often to focus on making it… Continue reading on Medi
Reddit r/learnprogramming 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Novice developer (frontend)
About two years ago I started learning the basic aspects for the frontend, but after that I somehow forgot about it and did not return to studying other, deeper
We Stopped Building React Screens Manually
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
We Stopped Building React Screens Manually
A hard lesson from teams that kept shipping pages faster, then spent months paying for every shortcut hidden inside them. Continue reading on Skill Stuff »
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Modern Workflow for JSX Preview
Developers frequently encounter a common problem when working with modern frontend technologies. Files such as JSX, TSX, Vue components… Continue reading on Med
Why Your React Code Is Still Stuck in 2023 (And How the React Compiler Can Fix It)
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Why Your React Code Is Still Stuck in 2023 (And How the React Compiler Can Fix It)
You are hand-writing useMemo and useCallback in 2026 and the compiler has been doing it for you all year. Continue reading on Medium »
I built a football tournament simulator that runs entirely in the browser (and on Android)
Dev.to · Oraz Chollaev 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
I built a football tournament simulator that runs entirely in the browser (and on Android)
What is Invictus? Invictus is a football tournament simulator you can run straight in your...
Angular 22 Explained: 5 Features That Actually Matter
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Angular 22 Explained: 5 Features That Actually Matter
 Finally, the wait is over! Angular 22 officially landed on June 3, 2026, bringing a wave of improvements that make modern Angular… Continue reading on Medium
Frontend on Kubernetes? Yes, and here’s why you’d want it
Dev.to · Sohana Akbar 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Frontend on Kubernetes? Yes, and here’s why you’d want it
Let me guess. You’re a frontend developer. You just finished a beautiful Next.js app. Smooth...
I Built a University-Style Homepage Template So You Can Launch Faster This Weekend
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
I Built a University-Style Homepage Template So You Can Launch Faster This Weekend
If you need a polished homepage fast, the hardest part is usually not the code. It is the structure, the pacing, and the sense that the… Continue reading on Med
React Rendering Rules Most Developers Learn Too Late
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
React Rendering Rules Most Developers Learn Too Late
React rendering does not become painful because React is confusing. It becomes painful because developers build real apps before they… Continue reading on Skill
Browser Router in React
Dev.to · Jayashree 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Browser Router in React
When building a React application, users move between pages like Home, About, Contact, etc. Instead...
"The Frontend Knowledge Gap That AI Won't Close For You": true
Dev.to · Sarim Nadeem 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
"The Frontend Knowledge Gap That AI Won't Close For You": true
Components, rendering strategies, state management, Core Web Vitals, browser internals, and the performance math that decides whether your app loads in 1 second
My First React Project (Part 3): Reusable Components, Framer Motion Animation, and Key Lessons Learned
Dev.to · Ayra Austine Baet 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
My First React Project (Part 3): Reusable Components, Framer Motion Animation, and Key Lessons Learned
This is the third and final part of my first React project for the Frontend Mentor's Digital Bank...
CSS First + Thin Component Wrapper: A 10KB Component Library Practice
Dev.to · yuelinghuashu 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
CSS First + Thin Component Wrapper: A 10KB Component Library Practice
From UnoCSS back to native CSS, a design token-driven component library solution. Four-layer CSS architecture, minimal Vue components, bundle size analysis, and
7 Essential Angular Features Every Developer Should Know in 2026
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
7 Essential Angular Features Every Developer Should Know in 2026
Learn how Angular’s key features like two-way data binding, dependency injection, and CLI tools simplify modern web application… Continue reading on Medium »
7 Essential Angular Features Every Developer Should Know in 2026
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
7 Essential Angular Features Every Developer Should Know in 2026
Learn how Angular’s key features like two-way data binding, dependency injection, and CLI tools simplify modern web application… Continue reading on Medium »
My Next.js 16 button was visible and completely dead in production. Here's why.
Dev.to · AurinAilean 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
My Next.js 16 button was visible and completely dead in production. Here's why.
I added a tiny test page to confirm my error monitoring was capturing frontend crashes. A title, a...
Adding live cross-tab sync to React state in one line (BroadcastChannel, no server)
Dev.to · Hidayet Can Özcan 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Adding live cross-tab sync to React state in one line (BroadcastChannel, no server)
Most "real-time" features start with the same assumption: you need a server. A WebSocket, a Redis...
Passive Event Listeners in JavaScript: A Simple Fix for Smooth Mobile Scrolling
Dev.to · Joodi 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Passive Event Listeners in JavaScript: A Simple Fix for Smooth Mobile Scrolling
If you've ever built a mobile UI with heavy scrolling or touch interactions, you've probably...
Angular 22 Just Made Complex Forms Surprisingly Simple
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Angular 22 Just Made Complex Forms Surprisingly Simple
Signal Forms are now stable — and they replace a surprising amount of form boilerplate with typed models, reactive validation, declarative… Continue reading on
useEffect, useMemo, and useCallback: Three Hooks, Three Jobs (Stop Swapping Them)
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
useEffect, useMemo, and useCallback: Three Hooks, Three Jobs (Stop Swapping Them)
A practical guide from someone who wires all three into the same custom hook and still has to remind himself which one does what. Continue reading on Medium »
VuReact complete guide: a Vue-to-React semantic compilation reference
Dev.to · Ryan John 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
VuReact complete guide: a Vue-to-React semantic compilation reference
VuReact is a compiler toolchain for migrating from Vue to React — and for writing React with Vue 3...
React 19 Form Hooks: useActionState, useFormStatus, and useOptimistic (2026)
Dev.to · Carlos Oliva Pascual 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
React 19 Form Hooks: useActionState, useFormStatus, and useOptimistic (2026)
React 19 shipped four new hooks specifically for forms: useActionState, useFormStatus, useOptimistic,...
Dev.to AI 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Web Development: Complete Guide to Skills, Career Growth & Future Opportunities
Web Development Course: Skills, Career Opportunities & Future Scope in 2026 Web Development, Web Development Course , Web Developer, Website Development, Fr
Building BlankComic.com: A Free Comic Layout Generator That Runs Entirely in the Browser
Dev.to · BlankComic.com 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Building BlankComic.com: A Free Comic Layout Generator That Runs Entirely in the Browser
As developers, we often get excited about building complex products. But sometimes the most useful...
The Most Anticipated CSS Features of 2026 — Browsers Can Now Replace a Lot of JavaScript
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
The Most Anticipated CSS Features of 2026 — Browsers Can Now Replace a Lot of JavaScript
Tooltips, scroll animations, masonry layouts — for years we installed libraries for all of this. In 2026, browsers are starting to handle… Continue reading on C
The Most Anticipated CSS Features of 2026 — Browsers Can Now Replace a Lot of JavaScript
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
The Most Anticipated CSS Features of 2026 — Browsers Can Now Replace a Lot of JavaScript
Tooltips, scroll animations, masonry layouts — for years we installed libraries for all of this. In 2026, browsers are starting to handle… Continue reading on C
The React mistakes I made in my first year that I still see junior devs making
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
The React mistakes I made in my first year that I still see junior devs making
I once wrote a useEffect that triggered so many re-renders it froze the browser tab completely. I sat there restarting the dev server… Continue reading on Mediu
My React Learning Journey: Understanding Event Handling
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
My React Learning Journey: Understanding Event Handling
As I continue learning React, one concept that caught my attention recently is Event Handling. At first, I thought it was just about… Continue reading on Medium
Every Frontend Bug Led Back to the Same 18 Shared Types
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Every Frontend Bug Led Back to the Same 18 Shared Types
A frontend bug that should have taken fifteen minutes was entering its second day. Continue reading on Medium »
After Rewriting to HTMX, Frontend Bugs Dropped 68%. The JavaScript Shrank by 82%
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
After Rewriting to HTMX, Frontend Bugs Dropped 68%. The JavaScript Shrank by 82%
The graph that got everyone’s attention wasn’t performance. Continue reading on Medium »
How I built a fast Device Mockup Generator in Vanilla JS
Dev.to · NovusTools 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
How I built a fast Device Mockup Generator in Vanilla JS
As frontend developers and designers, presenting our work in beautiful device frames is essential for...
Stop Using JavaScript for Scroll Animations (CSS Quietly Killed IntersectionObserver in 2026)
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Stop Using JavaScript for Scroll Animations (CSS Quietly Killed IntersectionObserver in 2026)
Be honest. How many times have you reached for one of these just to fade an element in as it scrolls into view? Continue reading on Medium »
Cult.fit Frontend Interview Experience | SDE-2
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Cult.fit Frontend Interview Experience | SDE-2
I recently interviewed for an SDE-2 Frontend role at Cult.fit. Continue reading on Frontend Army »
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Where the Performance Difference Actually Comes From in Props vs Zustand vs Redux Toolkit
If you’ve ever asked “should I pass this down as a prop or reach for a state manager like Zustand or Redux Toolkit?”, you’ve probably also… Continue reading on
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 4w ago
The Day “Docs Compiler” and “React” Became the Same Word
How a Svelte migration broke my documentation site, and the framework agnostic compiler I built because of it. Continue reading on Medium »