Tech Skills

Frontend Engineering

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

11,235
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,453) Articles (424)Blog Posts (2807)Tutorials (103)Research Papers (1)News (118)
Great perspective—framework vs. library is the right way to frame it. 👏
Dev.to · abderrahmen bejaoui 🌐 Frontend Engineering ⚡ AI Lesson 1h ago
Great perspective—framework vs. library is the right way to frame it. 👏
Next.js vs React in 2026 ...
Show Dev: CountryClue – A fast and minimalist world flag guessing game
Dev.to · Тимофій Олійник 🌐 Frontend Engineering ⚡ AI Lesson 2h ago
Show Dev: CountryClue – A fast and minimalist world flag guessing game
Hi everyone! 👋 I’ve built CountryClue, a lightweight web game for guessing world flags. I focused...
Build It HTML-First: Why a Plain Web Form Beat a React Rewrite
Dev.to · Arthur 🌐 Frontend Engineering ⚡ AI Lesson 7h ago
Build It HTML-First: Why a Plain Web Form Beat a React Rewrite
Progressive enhancement with real numbers: a utility's React-to-HTML rewrite doubled users — the pattern, the wins, and where it stops.
Starting the Frontend for a Full-Stack E-commerce Store (Auth Store, Axios, and Public vs. Protected Routing)
Dev.to · Chinwuba 🌐 Frontend Engineering ⚡ AI Lesson 12h ago
Starting the Frontend for a Full-Stack E-commerce Store (Auth Store, Axios, and Public vs. Protected Routing)
With the backend for Task 1 (CodeAlpha's Full Stack Internship) done — Prisma schema, seed data, JWT...
Practice Frontend Typeahead Interviews With AbortController and ARIA
Dev.to · Karuha 🌐 Frontend Engineering ⚡ AI Lesson 12h ago
Practice Frontend Typeahead Interviews With AbortController and ARIA
A browser-native frontend interview drill for typeahead search: debounce, AbortController cancellation, keyboard navigation, ARIA, and trade-off explanations.
Building Maintainable Frontend Systems
Dev.to · Ufomadu Nnaemeka 🌐 Frontend Engineering ⚡ AI Lesson 14h ago
Building Maintainable Frontend Systems
Building Maintainable Frontend Systems: A Practical Guide for Long-Term Success Every...
Using the Publish–Subscribe Pattern in React with Native Browser Events
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1d ago
Using the Publish–Subscribe Pattern in React with Native Browser Events
As React applications grow, component communication often becomes more difficult than expected. If you’ve worked with React long enough… Continue reading on Med
I built a small js library to enhance native html attributes instead of using a heavy UI component or writing tons of js
Reddit r/webdev 🌐 Frontend Engineering ⚡ AI Lesson 1d ago
I built a small js library to enhance native html attributes instead of using a heavy UI component or writing tons of js
<img src="https://preview.redd.it/88uoyztse9ch1.png?width=640&crop=smart&auto=webp&s=bb100d5ed689061dbb4508cb99cf6d184dcd18cd" alt="I built a small
Part 5A — React Props Explained: Pass Data Between Components Like a Pro
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 1d ago
Part 5A — React Props Explained: Pass Data Between Components Like a Pro
React Beginner to Advanced Series — Part 5A Continue reading on Stackademic »
Why I built a CV maker with 0 dependencies, 0 backend, and 0 signups published: true
Dev.to · Belkacem Halim 🌐 Frontend Engineering ⚡ AI Lesson 1d ago
Why I built a CV maker with 0 dependencies, 0 backend, and 0 signups published: true
The online resume builder market is fundamentally broken. You spend an hour carefully crafting your...
I Used useEffect Wrong for Years
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 1d ago
I Used useEffect Wrong for Years
What actually clicked once I stopped fighting React’s rendering model Continue reading on Medium »
I Used useEffect Wrong for Years
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1d ago
I Used useEffect Wrong for Years
What actually clicked once I stopped fighting React’s rendering model Continue reading on Medium »
7 Lessons Africa Tech Expo 2026 Taught Me as a Frontend Engineer
Dev.to · Angel Afube 🌐 Frontend Engineering ⚡ AI Lesson 1d ago
7 Lessons Africa Tech Expo 2026 Taught Me as a Frontend Engineer
I only attended the second day of Africa Tech Expo 2026. Initially, I was a bit disappointed....
Lessons Learnt Building a Frontend Mentor Project (Part 2)
Dev.to · Yahaya Oyinkansola 🌐 Frontend Engineering ⚡ AI Lesson 1d ago
Lessons Learnt Building a Frontend Mentor Project (Part 2)
If you would like to check out the part 1 of this article, you can read it here, this article is a...
Framer Motion / Motion: React Animations Complete Guide (2026)
Dev.to · Carlos Oliva Pascual 🌐 Frontend Engineering ⚡ AI Lesson 1d ago
Framer Motion / Motion: React Animations Complete Guide (2026)
The library formerly known as Framer Motion is now just motion. Same team, same API, leaner package....
How I Built a High-Performance, Treadmill Calorie Core Suite (Vanilla JS)
Dev.to · Farhan Adil 🌐 Frontend Engineering ⚡ AI Lesson 1d ago
How I Built a High-Performance, Treadmill Calorie Core Suite (Vanilla JS)
Frustrated by slow, bloated online calculators covered in dozens of flashing display ads, I decided...
Engineering a Flipbook Renderer That Stays Fast on Slow Devices and Slow Connections
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1d ago
Engineering a Flipbook Renderer That Stays Fast on Slow Devices and Slow Connections
Most of the engineering writing about document-to-flipbook tools focuses on the fun part: the page-turn animation, the visual polish… Continue reading on Medium
Dev.to AI 🌐 Frontend Engineering ⚡ AI Lesson 1d ago
Frontend Development That Creates Lasting First Impressions
Your website's frontend is the first thing users experience—and first impressions matter. At JFS Technologies, we build fast, responsive, and visually engaging
Can my DOM library build a real working social media app?
Dev.to · Seif Ahmed 🌐 Frontend Engineering ⚡ AI Lesson 1d ago
Can my DOM library build a real working social media app?
We’ve all been there—stuck in the endless loop of massive frontend frameworks, massive bundle sizes,...
12 CSS Mistakes That Make Your Website Feel Unprofessional (And How to Fix Them)
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 1d ago
12 CSS Mistakes That Make Your Website Feel Unprofessional (And How to Fix Them)
When developers talk about building beautiful websites, the conversation usually revolves around frameworks, animations or the latest UI… Continue reading on Ja
Building Better Front-End Code with Modern Web Guidance
Dev.to · Tipu sultan 🌐 Frontend Engineering ⚡ AI Lesson 1d ago
Building Better Front-End Code with Modern Web Guidance
AI is becoming a powerful part of modern software development. But I've realized that getting...
My CoinDCX Frontend Interview Experience | SSE-1
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1d ago
My CoinDCX Frontend Interview Experience | SSE-1
Company: CoinDCX Role: Senior Software Engineer — Frontend Location: Bangalore Verdict: Selected Continue reading on Frontend Army ⭐ »
What is a Transient Prop?
Dev.to · Usama 🌐 Frontend Engineering ⚡ AI Lesson 2d ago
What is a Transient Prop?
A transient prop is a special prop in styled-components that starts with a dollar sign...
1 Angular Mistake That Fires 7 HTTP Requests When You Need Only 1
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2d ago
1 Angular Mistake That Fires 7 HTTP Requests When You Need Only 1
Open your app. Go to any search box. Open the network tab. Continue reading on Medium »
The dialog that ate my sticky header
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2d ago
The dialog that ate my sticky header
How moving the scroll container fixed a bug I didn’t see coming. Continue reading on Medium »
How I Built My Developer Portfolio with HTML, CSS, and JavaScript
Dev.to · Malik Taleeb Shahbaz 1 4 9 7 4 🌐 Frontend Engineering ⚡ AI Lesson 2d ago
How I Built My Developer Portfolio with HTML, CSS, and JavaScript
How I Built My Developer Portfolio with HTML, CSS, and JavaScript As a frontend developer, I wanted...
Vite+ Beta Explained: The Future of JavaScript Tooling?
Dev.to · Vishwajeet Kondi 🌐 Frontend Engineering ⚡ AI Lesson 2d ago
Vite+ Beta Explained: The Future of JavaScript Tooling?
The team behind Vite has introduced Vite+, a new unified frontend toolchain currently available in...
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2d ago
Stop Using useEffect for Everything: 15 Mistakes Even Senior React Developers Still Make
Learn when to use useEffect, when not to, and modern React patterns that replace it. Continue reading on Medium »
Frontend Development Skills Guide for Students: Roadmap, Tools, Projects, and Portfolio Tips
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2d ago
Frontend Development Skills Guide for Students: Roadmap, Tools, Projects, and Portfolio Tips
The most important frontend development skills for students are HTML, CSS, JavaScript, responsive web design, Git and GitHub, browser… Continue reading on Mediu
React Invite Emails Without State Drift
Dev.to · ryanlee 🌐 Frontend Engineering ⚡ AI Lesson 2d ago
React Invite Emails Without State Drift
A practical React and Node.js workflow for testing invite emails in preview environments without inbox collisions or stale links.
Dynamic Form Validation with Angular Signal Forms
Dev.to · margaret ogbor 🌐 Frontend Engineering ⚡ AI Lesson 2d ago
Dynamic Form Validation with Angular Signal Forms
There are times when we might need to work on forms that show and validate fields depending on a...
TanStack Table v9 Ships Tree-Shaking That v8 Never Had
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2d ago
TanStack Table v9 Ships Tree-Shaking That v8 Never Had
The new tableFeatures API is the bundle-size change large table UIs have been waiting for, but migrating without reading the beta docs… Continue reading on Medi
Part 4b — Component Nesting — Building Bigger Applications from Smaller Pieces
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2d ago
Part 4b — Component Nesting — Building Bigger Applications from Smaller Pieces
Non-member ? click here to read Continue reading on Stackademic »
Developer Tools Changed Forever in 2026. Most Developers Haven’t Noticed Yet.
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2d ago
Developer Tools Changed Forever in 2026. Most Developers Haven’t Noticed Yet.
If you started a frontend project in 2020 and another one in 2026, the tooling would look completely different. Continue reading on Medium »
A Cursor-Reactive Constellation Background in Plain Canvas
Dev.to · Reese Gerjekian 🌐 Frontend Engineering ⚡ AI Lesson 2d ago
A Cursor-Reactive Constellation Background in Plain Canvas
Those animated node fields (drifting points, thin lines between neighbors, the whole web nudged by your cursor) don't need a library. A small HTML and CSS shell
You can't transition a CSS variable. @property says otherwise.
Dev.to · Parsa Jiravand 🌐 Frontend Engineering ⚡ AI Lesson 2d ago
You can't transition a CSS variable. @property says otherwise.
You've probably written something like this: .button { --hue: 220; background: hsl(var(--hue)...
Next.js 16.3: SPA Hızı Sonunda Framework’ün İçinde — Instant Navigations
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2d ago
Next.js 16.3: SPA Hızı Sonunda Framework’ün İçinde — Instant Navigations
Yıllardır aynı tartışmayı yapıyoruz: “Server-side rendering mi, SPA hissi mi?” Continue reading on Medium »
What’s Next? #01| Next.js Project structure
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2d ago
What’s Next? #01| Next.js Project structure
A well-organized project structure helps a Next.js application stay maintainable, scalable, and easy to understand. Continue reading on Medium »
Sorry 100 times generator
Dev.to · Sonny kk 🌐 Frontend Engineering ⚡ AI Lesson 2d ago
Sorry 100 times generator
How I Built a Text Repeater That Doesn't Freeze the Browser at 10,000 Repetitions A few months back...
EffCSS v5: Self-Confident CSS-in-TS for Modern Frontend
Dev.to · Marat Sabitov 🌐 Frontend Engineering ⚡ AI Lesson 2d ago
EffCSS v5: Self-Confident CSS-in-TS for Modern Frontend
Docs GitHub NPM What Is EffCSS? EffCSS is a zero-dependency, framework-agnostic CSS-in-TS...
Creta Frontend Interview Experience | Remote Role
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2d ago
Creta Frontend Interview Experience | Remote Role
I applied for this Remote role for a Frontend engineer at Certa. Soon after applying, I received an email invite for a screening round. Continue reading on Fron
Frontend JavaScript Utilities — From Scratch
Dev.to · ZeeshanAli-0704 🌐 Frontend Engineering ⚡ AI Lesson 2d ago
Frontend JavaScript Utilities — From Scratch
Frontend JavaScript Utilities — From Scratch A complete, interview-ready reference. Every...
I built a free CV builder in vanilla JS — no frameworks, no backend
Dev.to · Belkacem Halim 🌐 Frontend Engineering ⚡ AI Lesson 3d ago
I built a free CV builder in vanilla JS — no frameworks, no backend
I spent the last few months building ForgCV — a free CV and cover letter builder that runs entirely...
The Case of the Ghost Tooltip
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3d ago
The Case of the Ghost Tooltip
There are frontend bugs, and then there are haunted frontend bugs. Continue reading on Medium »
Foblex Flow v19.0.0:
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3d ago
Foblex Flow v19.0.0:
Foblex Flow v19 opens up how an Angular node editor is driven: provider-based control schemes with Miro-like and draw.io-like presets… Continue reading on Mediu
Medium · Data Science 🌐 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 »
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 »