Tech Skills

Frontend Engineering

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

11,124
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,338) Articles (374)Blog Posts (2754)Tutorials (91)Research Papers (1)News (118)
Reddit r/learnprogramming 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
Learning React with TypeScript
Hey all, I am wondering nowadays what the best resource is to learn React? I've been speaking to a colleague at work who recommended PluralSight, but I am a lit
Fibonacci grid in React
Dev.to · Mohamed Eltohamy 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
Fibonacci grid in React
Goal I want to create a Fibonacci grid pattern component in React that can the user can...
Modern CSS Features That Replaced JavaScript
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
Modern CSS Features That Replaced JavaScript
For years, whenever I wanted something interactive on a webpage, my first instinct was: Continue reading on Medium »
Getting Started with euv
Dev.to · tengxgfyrz67s 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
Getting Started with euv
# Getting Started with euv ## What is euv? euv is a modern frontend UI framework built on **Rust**
10+ Website Templates With Source Code in HTML, CSS & JS
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
10+ Website Templates With Source Code in HTML, CSS & JS
Explore 10+ responsive website templates with source code built using HTML, CSS, and JavaScript. Continue reading on Medium »
How to Safely Upgrade ngx-bootstrap Without Breaking Your Angular App
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
How to Safely Upgrade ngx-bootstrap Without Breaking Your Angular App
The latest ngx-bootstrap can introduce zoneless and zone.js breaking changes. Continue reading on Medium »
I open-sourced the financial charting library we use in production
Dev.to · Tom 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
I open-sourced the financial charting library we use in production
If you've ever tried to build a trading dashboard, a crypto portfolio tracker, or any financial app,...
React’s Lifecycle — Everything You Need to Know
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
React’s Lifecycle — Everything You Need to Know
I Used useEffect in a Server Component and Spent an Hour Confused Continue reading on Medium »
Stop Hardcoding SVGs in Your Components. Here's a Better Workflow.
Dev.to · pooja verma 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
Stop Hardcoding SVGs in Your Components. Here's a Better Workflow.
If your React/Vue/Svelte codebase has more than a handful of icons, I'd bet money at least three of...
Wraplet vs Web Components
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
Wraplet vs Web Components
See why Wraplet offers a simpler, more type-safe alternative to Web Components for modern web applications. Continue reading on Medium »
We Spent a Decade Building Complex SPAs. Then Teams Started Choosing HTML Again.
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
We Spent a Decade Building Complex SPAs. Then Teams Started Choosing HTML Again.
The first thing that nobody could explain was the support tickets. The application was working fine. It was not down. Error rates were… Continue reading on Medi
The Ins and Outs of Closings
Dev.to · ShaynaProductions 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
The Ins and Outs of Closings
Prologue A while ago, I decided to develop a fully accessible main navigation component in React and...
How I migrated a large Next.js project from Tailwind CSS v3 to v4
Dev.to · Nayan Kyada 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
How I migrated a large Next.js project from Tailwind CSS v3 to v4
A practical walkthrough of the Tailwind CSS v4 migration in Next.js: CSS-based config, dropped utilities, PostCSS changes, and rough edges I hit in production.
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
I stopped using React for simple tools — and started shipping in a single HTML file
I didn’t quit React because it’s bad. Continue reading on Medium »
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
useRef Lock for Payment API — Prevent Duplicate Payments in React
One of the most common bugs in payment flows: user clicks the button twice, and two payments get processed. Continue reading on Medium »
Angular v22 Has a Feature React Developers Will Be Jealous Of
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Angular v22 Has a Feature React Developers Will Be Jealous Of
If you’ve started experimenting with Angular v22 Resources, you’ve probably noticed a frustrating UX issue. Continue reading on Medium »
Top 5 Reasons to Use ReactJS for Modern Web App Development
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Top 5 Reasons to Use ReactJS for Modern Web App Development
Explore how ReactJS simplifies UI development with its component-based architecture, Virtual DOM, and high performance. Continue reading on Medium »
We need to stop pretending that frontend in 2026 is just building landing pages.
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
We need to stop pretending that frontend in 2026 is just building landing pages.
We are building massive, distributed enterprise systems. Continue reading on Medium »
I Removed Every useEffect From My Data Fetching. Here’s What Replaced Them.
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
I Removed Every useEffect From My Data Fetching. Here’s What Replaced Them.
A direct follow-up to my useEffect article. Three patterns that retired the worst kind of useEffect in my codebase, plus the one rule I… Continue reading on Lev
Reddit r/learnprogramming 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Actually knowing and retaining code knowledge
Hi guys, in the past few months I’ve began to learn programming/development in the evenings after work. Currently I have been learning React, typescript and bit
I want to build a web application
Dev.to · Sahariar Shanto 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
I want to build a web application
I want to build a web application that's totally done on browser, application is to manage a...
Building a React Product Configurator with Zustand and Motion
Dev.to · Iurii Rogulia 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Building a React Product Configurator with Zustand and Motion
How to build a React product configurator with Zustand state, DaisyUI components, Motion animations, and live SVG preview — architecture, pricing logic,…
The Frontend Components You No Longer Need JavaScript For
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
The Frontend Components You No Longer Need JavaScript For
HTML and CSS quietly absorbed the UI patterns we used to script by hand. Here’s what to hand back to the browser. Continue reading on Medium »
ServiceNow Frontend Engineer Interview | Senior Software Engineer
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
ServiceNow Frontend Engineer Interview | Senior Software Engineer
Company: ServiceNow Role: Senior Frontend Engineer Experience: 5 Years Continue reading on Frontend Army »
Stop Abuse of useState: How to Put Your React Components on a Diet
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Stop Abuse of useState: How to Put Your React Components on a Diet
When you first discover hooks in React, useState feels like magic. It is the literal heartbeat of your interface. You want an input field… Continue reading on M
Simon Willison's Blog 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
<click-to-play> — a still that plays
Tool: — a still that plays A progressive enchantment Web Component that turns this markup: Into a still frame with a click to play button which loads the GIF on
Introducing coreIcons: A Lightweight Library of 352 Icons for Developers 🚀
Dev.to · Mauricio De Souza Peixoto 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Introducing coreIcons: A Lightweight Library of 352 Icons for Developers 🚀
Hey pessoal! 👋 Queria compartilhar um projeto que venho desenvolvendo para resolver um problema...
Document Object Model (DOM)
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Document Object Model (DOM)
The DOM (Document Object Model) is a programming interface for web documents. Continue reading on Medium »
I Rebuilt Notion's Slash Menu (/) in ~70 Lines of JavaScript
Dev.to · Devanshu Biswas 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
I Rebuilt Notion's Slash Menu (/) in ~70 Lines of JavaScript
Notion's slash menu feels like magic: type /, a command palette appears, you filter it, hit Enter,...
Reddit r/programming 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Frontend Minimalism in Action: Do More With Less JavaScript | Peter Kröner | webinale Berlin 2026
submitted by /u/Infamous_Sorbet4021 [link] [comments]
Stop Blaming the Network: How to Fix Angular’s Fatal INP Flaw
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Stop Blaming the Network: How to Fix Angular’s Fatal INP Flaw
Your API responds in 50ms, but the app still feels frozen. INP doesn’t care about your backend. It cares about your main thread. Continue reading on JavaScript
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
7 Free Tools Every React Developer Should Be Using in 2026
Most React developers are wasting hours on things that free tools can handle in seconds. I know because I was one of them. Between… Continue reading on Medium »
20 Frontend Starter Templates — React, Vue, Svelte, SolidJS, Webpack, Vite and More
Dev.to · Dmitry Sheiko 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
20 Frontend Starter Templates — React, Vue, Svelte, SolidJS, Webpack, Vite and More
Starting a new project means wiring up the same boilerplate again: bundler config, linting, state...
Frontend code reviews have a visibility problem
Dev.to · Vlad Niculescu 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Frontend code reviews have a visibility problem
Most frontend pull requests are reviewed using a combination of code diffs, screenshots, and preview...
I reach for Next.js
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
I reach for Next.js
The numbers aren’t even the interesting part. The interesting part is that I felt caught. Continue reading on Medium »
Focus Issues and Refinement Support
Dev.to · ShaynaProductions 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Focus Issues and Refinement Support
Prologue A while ago, I decided to develop a fully accessible main navigation component in React and...
Why "convert this website to React" is so painful and how I automated 80% of it
Dev.to · url2code 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Why "convert this website to React" is so painful and how I automated 80% of it
Every frontend developer has lived this ticket: "Here's our marketing site, rebuild it in React." Or...
Selecting Your Frontend Foundation: React vs. Next.js
Dev.to · Hamza Amir 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Selecting Your Frontend Foundation: React vs. Next.js
React and Next.js solve different problems. React gives you a library for building user interfaces....
React 19 Portals for Isolated Tenant Modals: Breaking Out of Stacking Contexts Without z-index Wars
Dev.to · Ugur Aslim 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
React 19 Portals for Isolated Tenant Modals: Breaking Out of Stacking Contexts Without z-index Wars
Implement React 19 Portals combined with Tailwind CSS z-index layers to render multi-tenant modal dialogs, dropdowns, and popovers outside the cascade of deeply
Introduction to TypeScript. Special TypeScript data types
Dev.to · Julia Shlykova 🌐 Frontend Engineering 2w ago
Introduction to TypeScript. Special TypeScript data types
Arrays and tuples array - collection of items (similar to JavaScript). In TypeScript we...
Escaping the Trap: Fixing Stale Closures in React Hooks ⚡
Dev.to · Prajapati Paresh 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Escaping the Trap: Fixing Stale Closures in React Hooks ⚡
The Silent Interval Bug When building dynamic dashboards at Smart Tech Devs, you frequently need to...
Frontend didn’t become slower.
It became too complex to be handled by scripts.
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Frontend didn’t become slower. It became too complex to be handled by scripts.
In 2026, Frontend Systems Need Engines — Not Scripts. Continue reading on Medium »
I Built 12 React Apps. These 7 Mistakes Cost Me Months
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
I Built 12 React Apps. These 7 Mistakes Cost Me Months
When I started learning React, I thought building more projects automatically meant becoming a better developer. Continue reading on Medium »
Adding custom fonts to a Next.js app without the layout shift
Dev.to · Zerrin Arslan 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Adding custom fonts to a Next.js app without the layout shift
How I wire up Google and custom fonts in Next.js with next/font — and the one prop (adjustFontFallback) that kills most of the layout shift.
Angular 22 Just Killed zone.js Forever: What Breaks and How to Fix It
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Angular 22 Just Killed zone.js Forever: What Breaks and How to Fix It
No more magic abstraction. Your UI will freeze if your app depends on using bare setTimeout, RxJS subscriptions, or external libraries for… Continue reading on
I Cloned the Discord Chat UI With Pure CSS — Here's How the Layout Works
Dev.to · Devanshu Biswas 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
I Cloned the Discord Chat UI With Pure CSS — Here's How the Layout Works
Discord's UI looks complex, but its skeleton is one of the cleanest layout exercises in frontend:...
React vs Angular: Choosing the Right Tool for Your Frontend
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
React vs Angular: Choosing the Right Tool for Your Frontend
There’s a question every frontend developer eventually faces, whether joining a new team, starting a greenfield project, or just trying to… Continue reading on
I built IchiPitchy — a browser-based vocal editor with live preview and high-quality exports
Dev.to · Archan Banerjee 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
I built IchiPitchy — a browser-based vocal editor with live preview and high-quality exports
ichipitchy.com I've been building IchiPitchy, a vocal editor that runs entirely in the browser, no...