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

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
2w ago
Full Stack Institute in Pitampura | DICS Innovatives
Join DICS Innovatives, the trusted Full Stack Institute in Pitampura, offering industry-oriented training in HTML, CSS, JavaScript, Python… Continue reading on

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
2w ago
React Compiler Broke Our Tables — And `"use no memo"` Is Not the Fix
Everyone says add `"use no memo"` and move on. Here's why that's wrong — and what actually fixes React Compiler + TanStack Table. Continue reading on Medium »

Dev.to · Naxrul Ahmed
🌐 Frontend Engineering
⚡ AI Lesson
2w ago
color-zone — A React Color Picker with Gradient Support, EyeDropper, and a Headless Hook
A zero-dependency React color picker supporting HSV, RGB, HSL, HEX, linear/radial gradients, EyeDropper API, and a headless useColorPicker hook.

Dev.to · Teja
🌐 Frontend Engineering
⚡ AI Lesson
2w ago
Stop Prop Drilling: Rendering Deeply Nested Dynamic Roadmaps in React and Node.js
Rendering flat lists in React is trivial. Rendering a deeply nested, dynamically generated UI tree...

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
2w ago
Dark Mode in 15 Lines (No Library, No Flash)
The CSS-variable pattern that works in plain HTML, React, or Next.js. Continue reading on Medium »
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
2w ago
Why Companies Are Ditching Angular for React and Next.js
Angular was once the king of enterprise frontend. Google backed it. Big companies trusted it. Job boards were flooded with Angular roles. Continue reading on Me

Dev.to · Kushang Tailor
🌐 Frontend Engineering
⚡ AI Lesson
2w ago
React in Production — Ship It, Monitor It, Sleep at Night
Read Time: ~15 minutes | The gap between "it works on my machine" and "it works for everyone,...
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
2w ago
Membongkar "Sihir" di Balik Form Checkout: Template Engine, Data Binding, dan DI Container dari Nol
Bagaimana saya berhenti takut sama istilah-istilah "berat" di frontend setelah mencoba membangunnya sendiri Continue reading on Medium »

Dev.to · kuzminklk
🌐 Frontend Engineering
⚡ AI Lesson
2w ago
Tic-Tac-Toe
Have finished Tic-Tac-Toe project during study by React documentation! 🎉 Listen a music a little...

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
2w ago
Creating aWeb Desktop in Vue.js has never been easier
Spend five minutes on GitHub looking for “developer portfolio,” and you will find hundreds of “Web OS” templates. They mimic Windows… Continue reading on Medium

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
2w ago
Creating a Web Desktop in Vue.js has never been easier
Spend five minutes on GitHub looking for “developer portfolio,” and you will find hundreds of “Web OS” templates. They mimic Windows… Continue reading on Medium

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
2w ago
5 React Project Ideas for Your Portfolio
Most React portfolio projects look the same. A todo app. A weather app. A movie search app using the OMDB API. Recruiters have seen… Continue reading on Medium

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
2w ago
Debouncing Is Not Always a Performance Win — Frontend Master
Debounce is the reflex answer to “this fires too often” — and sometimes it’s the wrong tool that quietly makes your UX worse. Continue reading on Medium »
Medium · Programming
🌐 Frontend Engineering
⚡ AI Lesson
2w ago
Membangun Mini Frontend Framework dengan JavaScript: Dari Template Engine, Data Binding, hingga…
Oleh: Petrus Gilang Aldinando Ndu Ea NIM: 2418049 Program Studi: Teknik Informatika Mata Kuliah: Framework Programming Continue reading on Medium »
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
2w ago
Membangun Mini Frontend Framework dengan JavaScript: Dari Template Engine, Data Binding, hingga…
Oleh: Petrus Gilang Aldinando Ndu Ea NIM: 2418049 Program Studi: Teknik Informatika Mata Kuliah: Framework Programming Continue reading on Medium »

Dev.to · Tayyaba
🌐 Frontend Engineering
⚡ AI Lesson
2w ago
Get Punished For Pressing Space at the Wrong Time
A few days ago I played Google's Red Light, Green Light game and immediately had the dangerous...

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
2w ago
The Frontend Performance Checklist: Audit Your Architecture in 19 Items
Most “make your frontend faster” articles hand you a long to-do list and wish you luck. This one is built to be used differently. Treat it… Continue reading on

Dev.to · hardik kuwar
🌐 Frontend Engineering
⚡ AI Lesson
2w ago
The mistake is assuming data shape and state shape should always match
When you first build a form in React, putting everything into one big state object feels like the...

Dev.to · Muhammad Azlaan Zubair
🌐 Frontend Engineering
📄 Paper
⚡ AI Lesson
2w ago
Frontend Is Easy… Until You Actually Build Something
Every frontend developer has heard some variation of these: "It's just a screen." "Backend does the...

Dev.to · Markus Gasser
🌐 Frontend Engineering
⚡ AI Lesson
2w ago
21 Practical Reads for Building More Reliable Frontend Test Suites
Frontend test automation rarely fails because a team picked the “wrong” framework. It usually fails...

Dev.to · DXLLIV
🌐 Frontend Engineering
⚡ AI Lesson
2w ago
Why we rebuilt the Web Desktop as a modular Nuxt framework
Most "web desktop" or "portfolio OS" projects on GitHub are structured as templates. They look great,...

Dev.to · Sohana Akbar
🌐 Frontend Engineering
⚡ AI Lesson
2w ago
Stop Guessing About Performance: Testing Frontend Performance in CI with Lighthouse CI
Performance isn't a feature you ship once—it's a quality that degrades with every commit if you let...

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
2w ago
Why I Switched from React to Next.js And Never Looked Back
I built my first few projects with React. Client-side rendering, React Router, manual SEO optimization it all worked. Continue reading on Medium »

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
2w ago
Fondasi Framework JavaScript Modern: Dari Template Engine hingga Dependency Injection
Mengenal konsep dasar yang membentuk cara kerja framework frontend modern, mulai dari pengolahan template, pengikatan data, hingga… Continue reading on Medium »

Dev.to · Luciano0322
🌐 Frontend Engineering
⚡ AI Lesson
2w ago
When Render No Longer Owns the Entire Data Flow
In frontend development, it is very easy to think of data flow and rendering as the same thing. After...

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
2w ago
When CSS Went to Math Class: Sin() & Cos()
As a high school kid, I would always question why I was learning Trigonometric functions and if I’d ever use them in real life problem… Continue reading on Medi

Dev.to · Odejobi Abiola Samuel
🌐 Frontend Engineering
⚡ AI Lesson
2w ago
Build a Notes App with ctrodb, Tailwind CSS, and Vanilla JavaScript
A hands-on tutorial: build a fully functional notes app with search, pinning, and persistence — entirely in the browser, no backend required.

Dev.to · CodeSetupLab
🌐 Frontend Engineering
⚡ AI Lesson
2w ago
React JS Install Guide: Step by Step React + Vite Setup (Latest Version)
Setting up a new React project shouldn't come with a wall of dependency errors or unnecessary bloat....

Dev.to · Odejobi Abiola Samuel
🌐 Frontend Engineering
⚡ AI Lesson
2w ago
Client-Side Databases Are Underrated
Most frontend data doesn't need a server round-trip. Form drafts, cached API responses, search indexes, offline queues — your browser has a perfectly good datab

Dev.to · Sohana Akbar
🌐 Frontend Engineering
⚡ AI Lesson
2w ago
Why Your Frontend Needs a Canary Release More Than Backend
Let's settle this debate right away: Canary deployments for frontends are not overkill—they're...

Dev.to · Sufal Thakre
🌐 Frontend Engineering
2w ago
Building a Real-Time Task Manager with Next.js and Firebase - Lessons from the Trenches
Building a Real-Time Task Manager with Next.js and Firebase - Lessons from the Trenches I...

Dev.to · Placide
🌐 Frontend Engineering
⚡ AI Lesson
2w ago
Building Real-Time Dashboards in Angular with WebSockets — A Complete Guide
Most dashboards are built the same way: the user lands on the page, data loads, and then... it sits...
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
2w ago
Enterprise-Level React Folder Structure: How to Organize Large-Scale React Applications
When building a small React app, folder structure usually doesn’t matter much. Continue reading on Medium »

Dev.to · Ufomadu Nnaemeka
🌐 Frontend Engineering
⚡ AI Lesson
2w ago
What Separates Junior, Mid-Level, and Senior Frontend Engineers
Understanding the frontend engineering career ladder and what it takes to grow from writing...

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
2w ago
Webpack uses Websocket for Hot Module Replacement and Live Reloading possible ?
Webpack is the legacy giant that powered the industry for nearly a decade. It is a “bundler-first” platform that constructs an exhaustive… Continue reading on M

Dev.to · Enjoy Kumawat
🌐 Frontend Engineering
⚡ AI Lesson
2w ago
The Real Reason Everyone's Fighting About Tailwind CSS v4
The Tailwind CSS4 debate is everywhere right now. And honestly? Most people are arguing about the...

Dev.to · Priya Nair
🌐 Frontend Engineering
⚡ AI Lesson
2w ago
Mastering Focus Management in React 19: Solving the Single-Page Application Routing Gap for WCAG 2.1 and EN 301 549 Compliance
Mastering Focus Management in React 19: Solving the Single-Page Application Routing Gap for...
Medium · Programming
🌐 Frontend Engineering
⚡ AI Lesson
2w ago
EY recently offered my friend a package of 22 LPA
Role: React Developer Experience: 4 Years And these were the level of questions asked React & Frontend Architecture: Explain React… Continue reading on Medium

Dev.to · Ogasawara Kakeru
🌐 Frontend Engineering
⚡ AI Lesson
2w ago
React.js ~useState Antipatterns~
1. Consider grouping related conditions together Before const [x, setX] = useState(0); ...
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
2w ago
Como os Navegadores Modernos Transformam Código em Telas Interativas
Você já compreende a jornada básica dos dados na internet: sabe como o DNS traduz uma URL, como o cliente faz uma requisição HTTP e como o… Continue reading on

Dev.to · tengxgfyrz67s
🌐 Frontend Engineering
⚡ AI Lesson
2w ago
Installation and Project Setup
Project Code:https://github.com/euv-dev/euv euv is a Rust + WASM frontend UI framework that brings...

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
2w ago
Frontend System Design: Real-Time Updates
How the browser and server keep a conversation alive — polling, long polling, SSE, and WebSockets, and when to reach for each. Continue reading on Medium »

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
2w ago
Frontend System Design: Autocomplete & Search Bar
Build a typeahead the way Google does it — debouncing, caching, request cancellation, and the race condition most candidates miss. Continue reading on Medium »
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
2w ago
My journey to a WEB DEVELOPER
I just started my web developer journey with the Frontend basic skills like HTML CSS JS REACT. But now that I get the Basics in Frontend I… Continue reading on
Medium · Programming
🌐 Frontend Engineering
⚡ AI Lesson
2w ago
Why Webpack needs Babel for Older Browsers but not Vite + ESBuild
Babel is not always required. You can often skip it if you’re targeting modern browsers. Continue reading on Medium »

Dev.to · KhaledSalem
🌐 Frontend Engineering
⚡ AI Lesson
2w ago
Cache and Memory Are Not the Same Thing. Frontend Engineers Keep Treating Them As If They Are.
We use these words interchangeably all the time. "The browser caches it." "React Query caches the...

Dev.to · Prayush Adhikari
🌐 Frontend Engineering
⚡ AI Lesson
2w ago
Security Pitfalls in React Apps I Learned the Hard Way
A few months back I was doing a code review for a friend's project and noticed they were storing JWTs...
Dev.to · jsmanifest
🌐 Frontend Engineering
⚡ AI Lesson
2w ago
React 19.2 Activity Component: Keeping Unmounted Trees Alive for Faster Tab Switching
React 19.2 Activity Component: Keeping Unmounted Trees Alive for Faster Tab Switching ...
DeepCamp AI