Tech Skills

Frontend Engineering

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

11,185
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,397) Articles (398)Blog Posts (2785)Tutorials (95)Research Papers (1)News (118)
# 🚀 Important React Interview Questions Every Developer Must Know
Dev.to · Roshan singh 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
# 🚀 Important React Interview Questions Every Developer Must Know
If you're preparing for: React interviews frontend roles full stack interviews these are the most...
React Form Handling: Debounced Validation, Auto-Save Drafts, and Controlled Inputs
Dev.to · reactuse.com 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
React Form Handling: Debounced Validation, Auto-Save Drafts, and Controlled Inputs
React Form Handling: Debounced Validation, Auto-Save Drafts, and Controlled Inputs Forms...
You’ve Been Writing Vue Components Wrong (And Here’s the Proof)
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
You’ve Been Writing Vue Components Wrong (And Here’s the Proof)
Massive components, reactive data you don’t need, watchers where computed props belong, v-if on the wrong element — a brutally honest… Continue reading on Mediu
I built a 'life in weeks' poster generator in one HTML file
Dev.to · Ali Alp 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
I built a 'life in weeks' poster generator in one HTML file
A single index.html — no framework, no backend, no tracking — that draws 5,200 SVG circles and exports an identical PDF. Notes on the tradeoffs.
The Ultimate Showdown the security of React Server Components and Remix 3: What Matters
Dev.to · ANKUSH CHOUDHARY JOHAL 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
The Ultimate Showdown the security of React Server Components and Remix 3: What Matters
The Ultimate Showdown: React Server Components vs Remix 3 Security – What Matters Modern...
The Donut Pattern: A Simple Layout Trick for Modern React and Next.js
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
The Donut Pattern: A Simple Layout Trick for Modern React and Next.js
From props hell to a simple donut pattern. Continue reading on Dare To Be Better »
Why I Didn’t Let AI Handle My Scroll Animation: Astro, React, and TypeScript Architecture
Dev.to · nyaomaru 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
Why I Didn’t Let AI Handle My Scroll Animation: Astro, React, and TypeScript Architecture
Hoi hoi! I'm @nyaomaru, a frontend engineer who once panicked because I triggered a fire alarm while...
Spacing Considerations in Accessible Design
Dev.to · ShaynaProductions 🌐 Frontend Engineering 2mo ago
Spacing Considerations in Accessible Design
Prologue A while ago, I decided to develop a fully accessible main navigation component in React....
Unlock Modern Web Experiences with Professional React JS Development Services
Medium · AI 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
Unlock Modern Web Experiences with Professional React JS Development Services
To stay competitive in the modern global digitalized environment, an organization must offer high functionality, interactive, and smooth… Continue reading on Fr
I Tested 7 CSS Tricks, Only 2 Are Worth Using
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
I Tested 7 CSS Tricks, Only 2 Are Worth Using
Most CSS advice online sounds useful… until you try it in a real project. Continue reading on SkillStuff »
React Hooks Explained So Simply Even a 10-Year-Old Can Understand
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
React Hooks Explained So Simply Even a 10-Year-Old Can Understand
A beginner-friendly guide to understanding useState and useEffect without confusing technical jargon. Continue reading on Medium »
React Hooks Explained So Simply Even a 10-Year-Old Can Understand
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
React Hooks Explained So Simply Even a 10-Year-Old Can Understand
A beginner-friendly guide to understanding useState and useEffect without confusing technical jargon. Continue reading on Medium »
Client-side pagination in vanilla JS: simple, lightweight, zero framework
Dev.to · Odilon HUGONNOT 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
Client-side pagination in vanilla JS: simple, lightweight, zero framework
Adding pagination to a blog that loads articles from JSON via JS. Constraint: no hidden DOM elements, no framework. 30 lines is all it takes.
CSS Counters: Automatic Numbering of Lists
Dev.to · Nick Benksim 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
CSS Counters: Automatic Numbering of Lists
Stop Manually Numbering Your Lists Like It is 1999 Picture this: you are building a complex...
Clean & Beautify HTML Code Instantly with Our Free HTML Formatter Tool
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
Clean & Beautify HTML Code Instantly with Our Free HTML Formatter Tool
Messy HTML code can quickly become difficult to read, debug, and manage — especially when working with large projects or minified source… Continue reading on Me
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
Construí un generador de CV gratis con Astro en mis horas libres — lo que aprendí
Hace unas semanas me propuse un reto personal: construir un producto digital completo desde cero, solo, en mis horas libres. Continue reading on Medium »
#1 Aether Cafe
Dev.to · Eklavya Singh 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
#1 Aether Cafe
aether-cafe.vercel.app ...
Frontend Dev Tools in 2026: What Comes After Vite
Dev.to · KhaledSalem 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
Frontend Dev Tools in 2026: What Comes After Vite
The frontend ecosystem has quietly moved on. Your dev tool strategy probably hasn't caught up...
Beyond the Dinosaur: A Deep Dive into True Offline Frontend Engineering
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
Beyond the Dinosaur: A Deep Dive into True Offline Frontend Engineering
The “Offline” Illusion: What Are We Actually Handling in the Frontend? Continue reading on Level Up Coding »
innerHTML ve textContent Arasındaki Farklar — XSS Saldırıları ve Güvenlik
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
innerHTML ve textContent Arasındaki Farklar — XSS Saldırıları ve Güvenlik
innerHTML ve textContent ile alakalı her şey Continue reading on Medium »
Stop Using Links the Wrong Way — Master useNavigate in React
Dev.to · Kathirvel S 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
Stop Using Links the Wrong Way — Master useNavigate in React
Hey… welcome back 👋 If you made it here, you’re not just learning React anymore — you’re starting to...
Stop Using Links the Wrong Way — Master useNavigate in React
Dev.to · Kathirvel S 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
Stop Using Links the Wrong Way — Master useNavigate in React
Hey… welcome back 👋 If you made it here, you’re not just learning React anymore — you’re starting to...
How to Persist Multi-Step Form State With localStorage and sessionStorage
Dev.to · 137Foundry 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
How to Persist Multi-Step Form State With localStorage and sessionStorage
A multi-step form that loses progress when the user refreshes or closes the tab is worse than a form...
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
Angular 22: HttpClient Moves to Fetch — What It Means for You
Angular 22 quietly swaps the engine powering HttpClient from the old XMLHttpRequest to the modern browser fetch() API. Your existing code… Continue reading on M
To Do List Project Using Html,Css and Javascript
Dev.to · Deva I 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
To Do List Project Using Html,Css and Javascript
HTML CODE : . JAVASCRIPT : CSS : OUTPUT :
How to Build a Fully Interactive Multi-Page NiceGUI Application with Real-Time Dashboard, CRUD Operations, File Upload, and Async Chat
MarkTechPost 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
How to Build a Fully Interactive Multi-Page NiceGUI Application with Real-Time Dashboard, CRUD Operations, File Upload, and Async Chat
In this tutorial, we build a fully interactive, multi-page web application using NiceGUI. We start by setting up the environment and designing a reusable layout
JS fetch()
Dev.to · Nanthini Ammu 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
JS fetch()
What is fetch(): fetch() is a built-in function used to make network/HTTP requests. It...
RazorPay Frontend Interview Experience | Senior Frontend Engineer
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
RazorPay Frontend Interview Experience | Senior Frontend Engineer
Role: Senior Frontend Engineer Interview Process: 3 Rounds Verdict: Rejected after Round 3 Continue reading on Frontend Army »
JavaScript Bundlers in 2026: Vite, Rspack, Turbopack, and the End of an Era
Dev.to · The Daily Agent 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
JavaScript Bundlers in 2026: Vite, Rspack, Turbopack, and the End of an Era
The webpack era is over. Here's how to choose between Vite, Rspack, Turbopack, and Rolldown in 2026 — with real benchmarks and migration guidance.
Infinite Scrolling
Dev.to · Abid Hussain 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
Infinite Scrolling
Infinite Scrolling in Modern Web Apps Infinite scrolling is one of the most commonly asked...
The Case Against Next.js 16: Why It's Too Bloated for Simple Apps vs. Astro 4.0 in 2026
Dev.to · ANKUSH CHOUDHARY JOHAL 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
The Case Against Next.js 16: Why It's Too Bloated for Simple Apps vs. Astro 4.0 in 2026
The Case Against Next.js 16: Why It's Too Bloated for Simple Apps vs. Astro 4.0 in...
7 Coder Words: I built a PWA Word Puzzle for Coders and Nerds
Dev.to · Petar Petrov 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
7 Coder Words: I built a PWA Word Puzzle for Coders and Nerds
7 CODER W🙂RDS is a word puzzle game for people interested in computer science in general. You are...
Stop Trapping React State: Sync Your Filters to the URL 🔗
Dev.to · Prajapati Paresh 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
Stop Trapping React State: Sync Your Filters to the URL 🔗
The "Unsharable" Dashboard Problem Imagine this common B2B SaaS scenario: An executive opens your...
Cascading CSS Layers (@layer): Taking Specificity Under Control
Dev.to · Nick Benksim 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
Cascading CSS Layers (@layer): Taking Specificity Under Control
Taming the Specificity Beast with CSS Cascade Layers Picture this: you’re deep into a sprint, and...
Custom Highlight API: Text Selection Styling
Dev.to · Nick Benksim 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
Custom Highlight API: Text Selection Styling
The Search for the Perfect Highlight: No More DOM Surgery Picture this: you are building a real-time...
✨ One HTML file. No backend. No sign-up. Your data never leaves your browser.
Dev.to · Balaji K 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
✨ One HTML file. No backend. No sign-up. Your data never leaves your browser.
But here's what makes it different from the 50 other trackers out there: → Real-time broker sync for...
Stop Misusing useEffect: 6 Cases You Don’t Need I
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
Stop Misusing useEffect: 6 Cases You Don’t Need I
Stop reaching for useEffect every time something changes. Half the time, you're making your code worse. Continue reading on Medium »
From 3s to 300ms: How I Fixed Angular Performance Bottlenecks
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
From 3s to 300ms: How I Fixed Angular Performance Bottlenecks
Performance issues don’t start as disasters Continue reading on Medium »
Full Stack Developer Training in Bangalore | Learn React, Node.js & SQL
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
Full Stack Developer Training in Bangalore | Learn React, Node.js & SQL
 https://www.emexotechnologies.com/courses/full-stack-certification-training-course/ Continue reading on Medium »
Essential HTML Tags Explained with Examples | Beginner Guide (Taj Mahal Project)
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
Essential HTML Tags Explained with Examples | Beginner Guide (Taj Mahal Project)
Learn Basic HTML Tags (ol, ul, p, img, headings & more) with Simple Examples for Beginners. Continue reading on Medium »
Frontend Engineers Should Care More About Infrastructure
Dev.to · Gavin Clive 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
Frontend Engineers Should Care More About Infrastructure
One 304 Not Modified is easy to ignore. A page full of them is latency. We migrated CDN providers...
Rendering Is a Browser Decision, Not a JavaScript One
Dev.to · Marsha Teo 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
Rendering Is a Browser Decision, Not a JavaScript One
This is the fifth article in a series on how JavaScript actually runs. You can read the full series...
Comparison: Career Paths for React 19 vs. Svelte 5 Developers in 2026
Dev.to · ANKUSH CHOUDHARY JOHAL 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
Comparison: Career Paths for React 19 vs. Svelte 5 Developers in 2026
Comparison: Career Paths for React 19 vs. Svelte 5 Developers in 2026 By 2026, React 19...
Vue-ing the Field
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
Vue-ing the Field
Building a JavaScript tool for Fantasy Football fans Continue reading on Medium »
Copy Fail: I Reproduced the Most Viral HN Bug in My Own Code and Found Something Worse
Dev.to · Juan Torchia 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
Copy Fail: I Reproduced the Most Viral HN Bug in My Own Code and Found Something Worse
Copy Fail hit #1 on Hacker News with 977 points. I reproduced it in my Next.js stack and found something the viral post never mentions: when the clipboard fails
Why Most React Infinite Scroll Hooks Fail in Production (and the One That Fixed It for Me)
Dev.to · Shubhra Pokhariya 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
Why Most React Infinite Scroll Hooks Fail in Production (and the One That Fixed It for Me)
I used to believe infinite scroll was one of the simplest features to implement. Fetch data → append...
Your Frontend Isn’t Complex — It’s Just Doing Too Much
Dev.to · Rohith 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
Your Frontend Isn’t Complex — It’s Just Doing Too Much
At some point, almost every developer working on modern web apps reaches the same...
Micro-Frontends: The Complete Architecture Guide for 2026
Dev.to · Mahdi BEN RHOUMA 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
Micro-Frontends: The Complete Architecture Guide for 2026
Master micro-frontend architecture with Module Federation, single-spa, and modern deployment strategies. Real-world examples and best practices included.