Tech Skills
Frontend Engineering
HTML, CSS, JavaScript, React, Next.js, performance and modern web development
Skills in this topic
5 skills — Sign in to track your progress
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
Reddit r/webdev
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
can I ask for feedback on a CSS course I created (without posting link on post) or will my post be deleted
what the title says submitted by /u/AcrobaticTadpole324 [link] [comments]
Dev.to · iDev-Games
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
I Built a Real-Time Simulation Game in a Single HTML File (Without React or Custom JavaScript)
Modern frontend development has normalized an absurd amount of complexity. Want to build a real-time...
Reddit r/webdev
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
How do I create a scroll-jack effect where one section stays pinned while the other section scrolls using GSAP?
Like in this website https://bennett-tea.com/tea-store.html submitted by /u/Next_Parsley_1289 [link] <a href="https://www.reddit.com/r/webdev/comments/1tohs5k/h
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Day 18 — Debouncing and Throttling (Why Performance Matters More Than You Think)
“One of the easiest ways to accidentally destroy frontend performance is by running code too often.” Continue reading on Medium »
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Day 17 — Local Storage and Session Storage (Making Data Survive Refreshes)
“One of the biggest shifts in frontend development happens when your application starts remembering things.” Continue reading on Medium »
Dev.to · Labby
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
4 React Projects to Build: From Business Cards to Notes Apps
Master React with 4 hands-on labs. Build a responsive business card, a theme switcher, and a full notes app to kickstart your frontend development career today.
Dev.to · Ahmed Rabee
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
The Easiest Way to Implement Theme Toggling in React 19 using next-themes & Tailwind CSS v4
There is almost no React project today that doesn’t need at least two themes (Light and Dark). While...
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Understanding Frontend Builds
The Invisible Machinery of the Web: Why Do We Need Frontend Build Tools? Continue reading on Level Up Coding »
Dev.to · Anshuman Sharma
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
I Built a World Cup Fan Site With VS Battles, Animated Bracket & Radar Charts — Pure Vanilla JS
I've been building this World Cup fan site as a passion project for a while now, and I finally got...
Reddit r/webdev
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
CSS vs. JavaScript
submitted by /u/feross <a href="https://www.joshwcomeau.com/animation/css-vs-javascript/"
Dev.to · Nikhil Dabhade
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Build Your Own React useState Hook Under 40 Lines
useState looks simple on the surface, but behind it is one of the core ideas that makes React work:...
Dev.to · Ryan John
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Vue v-memo and v-once to React: How does VuReact compile them?
VuReact is a compiler toolchain for migrating from Vue to React — and for writing React with Vue 3...
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Why Does Your React App Feel Slow? Here’s How I Optimize It
Practical React optimization techniques that help improve responsiveness and frontend performance in real projects. Continue reading on Medium »
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
I Ignored useEffect Dependency Warnings for 8 Months. Here’s the Bug That Ended That Habit.
It wasn’t a lint warning. It was a race condition that corrupted real user data. Continue reading on Medium »
Dev.to · Gabriel Caiana
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Composable Abstraction Layer: o pattern que faltava entre Pinia e seus componentes Vue
Nos últimos anos, trabalhei com arquiteturas frontend em diferentes escalas — desde projetos pequenos...
Dev.to · Danny Holloran
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Svelte 5 Runes: Reactive State That Actually Makes Sense
An introduction to Svelte 5 runes — the explicit reactive primitives ($state, $derived, $effect, $props) that replace Svelte 4's magic $: syntax and make reacti
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Building a Migration-Friendly Multiselect Dropdown for Angular 21
Why compatibility, live examples, and gradual migration matter in real Angular applications Continue reading on Medium »
Dev.to · Dev Maya
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Building a production-ready SaaS dashboard in Next.js 16 — Recharts, TanStack Table, dark mode, and collapsible sidebar
I've been building Next.js templates as a side project. This is the most technical one yet: Pulse, a...
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Beyond Vite: The 2026 Shift from Build Speed to System Continuity.
In 2026, frontend performance problems rarely come from slow machines. Continue reading on Medium »
Dev.to · Raja Mashood Elahi
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
I built 70+ free browser tools in plain HTML/CSS/JS — here's what I learned
I built 70+ free browser tools in plain HTML, CSS and JS — here's what I learned A few...
Dev.to · Kudasov Dmitriy
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Ruse Is Live: Mock API Responses in Chrome Without a Mock Server
Ruse is now live in the Chrome Web Store. It is a Chrome extension for frontend developers and QA...
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
How to Implement Dark/Light Mode with No Flickers in Next.js
Implementing a dark mode toggle in Next.js seems straightforward until you run into UI flickers, React hydration mismatch errors, or… Continue reading on Medium
Dev.to · Elsie Rainee
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
I Was Stuck Debugging React — Then Developer Tools Changed It
You know the feeling. You've been staring at the same component for 45 minutes. The UI looks wrong,...
Dev.to · subash
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
what is useSate and useEffect
useState; const [count, setCount] = useState(0); count - is the variable [count,...
Dev.to · Art Stesh
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Event-Driven Frontend: When You Need an Answer – Asynchronous Requests Through the Bus
In the first two articles, we saw how an event bus can completely decouple components for one‑way...
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Angular Devs: You’re Running Zoneless Wrong and Zone.js Is Still Firing
The 3 silent mistakes that keep Zone.js alive after you flip the zoneless switch in Angular 20. Continue reading on Medium »
Medium · Programming
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Beyond HTML and CSS: How to Fast-Track Your Journey to a Modern Front-End Developer
The world of front-end development is changing faster than ever. A few years ago, knowing how to slice a PSD design, write some semantic… Continue reading on Me
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Beyond HTML and CSS: How to Fast-Track Your Journey to a Modern Front-End Developer
The world of front-end development is changing faster than ever. A few years ago, knowing how to slice a PSD design, write some semantic… Continue reading on Me
Medium · Programming
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Vue’s v-model Is More Powerful Than You Think — Here’s Everything You’re Missing
Custom v-model components, multiple v-model bindings, v-model modifiers, the defineModel() macro, and the patterns that make form-heavy… Continue reading on Med
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Vue’s v-model Is More Powerful Than You Think — Here’s Everything You’re Missing
Custom v-model components, multiple v-model bindings, v-model modifiers, the defineModel() macro, and the patterns that make form-heavy… Continue reading on Med
Dev.to · reactuse.com
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
React Pointer Hooks: Hover, Long-Press, Double-Click, Scratch, and Click-Outside Without the Bugs
React Pointer Hooks: Hover, Long-Press, Double-Click, Scratch, and Click-Outside Without the...
Medium · Programming
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Before the Rendering Pipeline: How Your Code Becomes What the Browser Understands
Understanding everything that happens before your code reaches the browser. Useful if you are just getting started, and a solid refresher… Continue reading on M
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Before the Rendering Pipeline: How Your Code Becomes What the Browser Understands
Understanding everything that happens before your code reaches the browser. Useful if you are just getting started, and a solid refresher… Continue reading on M
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Zero-Downtime Rollbacks: Instant Recovery for Frontend Deployments
A practical guide to sub-minute rollbacks using semver-based pattern, versioned builds. Continue reading on Medium »
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Frontend Weekly Digest #467 (18–24 May 2026)
Web Dev Continue reading on Medium »
Dev.to · Nick Benksim
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
The Future of CSS Modules in Modern Web Development
Grab a Coffee: Let's Talk About Scope Leakage Picture this: you are working on a massive, beautiful...
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Angular Host property anti-pattern
On a day like any other, I was given a new screen to develop. Continue reading on Medium »
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Bun, Patties, and Fries: A Complete Meal for the Bun-Native Web Stack
A personal and technical note on building Patties as a Bun-native meta-framework, Fries as the UI layer around Radix styling, and why I… Continue reading on Bih
Dev.to · Ramon Polidura
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
How to organise a complex React project
When it comes to starting a new project that you know is going to be big, a sound file structure is a...
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Jio Hotstar Frontend Interview Experience | SDE 2
Recently, I interviewed for the SDE 2 Frontend role at JioHotstar. I wanted to share the complete experience because the process was quite… Continue reading on
Dev.to · Krish Carter
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Barba.js Magic: Build SPA-Like Experiences on Multi-Page Sites Without the Complexity
You've built a beautiful website. The design is pixel-perfect, the animations are delightful, and the...
Dev.to · Ryan John
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
How does VuReact optimize Vue 3's top-level constants and variables for React?
VuReact is a compiler toolchain for migrating from Vue to React — and for writing React with Vue 3...
Medium · Programming
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
# I Thought I Understood SPAs. A Blank Screen at 11PM Proved Me Wrong. ️
Four silent bugs, one humbling conversation, and the 20-line explanation that finally made routing click. Continue reading on Medium »
Dev.to · Erick Eduardo Ramos
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Cómo solucionar el bucle infinito en `useEffect` con objetos y arrays
Cómo solucionar el bucle infinito en useEffect con objetos y arrays Explicación...
Dev.to · Arul .A
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Difference Between JavaScript (.js) and JSX (.jsx)
JavaScript and JSX are closely related technologies used in modern web development, especially in...
Dev.to · Manikant Kella
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Google I/O 2026 quietly ended a 20-year-old web problem — meet the HTML-in-Canvas API
This is a submission for the Google I/O Writing Challenge TL;DR Among the Gemini 3.5,...
Dev.to · Abdullah Teslim
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Have You Ever Used a Website That Keeps Working After You Turn Off Your Internet?
Neither had I. So I built one. Most websites die the moment your internet does. You lose signal, you...
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Why Most Beginners Fail at React State Management (And What Actually Works)
When I first started learning React, state felt simple — until it didn’t. Continue reading on Medium »
DeepCamp AI