Frontend Tools & Learning Resources

Beyond individual blogs, these are the communities, curated collections, and learning platforms that I keep bookmarked. Whether you’re looking for tutorials, videos, templates, or just a place to ask questions — this list has you covered.

React

Awesome React — The best React videos and playlists on the web, curated and organized by topic.
React Resources — Curated collection of React articles, tutorials, tools, and libraries.
Reactiflux — One of the largest React communities. Great place to ask questions and connect with other developers.
Awesome React Components — Curated list of React components — tooltips, modals, forms, and more.
Collection of React Hooks — Comprehensive collection of community React hooks.

Next.js

Next Radar — Top resources, templates, courses, and jobs for Next.js and React.
Awesome Next.js — Curated list of Next.js resources — boilerplates, articles, extensions, and more.
Vercel Community — Official Vercel community forum. Good for Next.js help and deployment questions.

Remix

Remix Guide — Curated resources and community links for the Remix framework.

JavaScript & Web Fundamentals

The Modern JavaScript Tutorial — Comprehensive, beginner-to-advanced JavaScript tutorial. One of the best free resources.
JavaScript to Know for React — Kent C. Dodds breaks down the JS concepts you actually need for React.
Epic React Articles — Articles from Kent C. Dodds’ Epic React workshop series.
web.dev — CSS Box Model — Google’s learn CSS series. Clear explanations of core CSS concepts.
Complete Intro to React v7 — Brian Holt’s free, comprehensive React course from Frontend Masters.

React Native

React Native Shadow Generator — Generate cross-platform shadow styles for React Native.
React SVGR Playground — Convert SVGs to React Native components instantly.

Frontend Architecture & Patterns

Frontend at Scale — Level up your frontend architecture skills. Focused on scaling frontend systems and teams.
Refactoring Guru — Design patterns and refactoring techniques explained with clear visuals. Not frontend-specific, but essential knowledge for writing clean, maintainable code.
Jamstack Generators — Compare every static site generator. Useful for choosing your next framework.

General Learning & Tools

Happy Coding — Friendly tutorials on how to start learning to code.
Free Programming Courses — Massive curated list of free programming courses, including Next.js and React.
Product Hunt — Discover new developer tools and products every day.
Toolfolio — All the tools you need in one place. Searchable directory of developer tools.
Prompt Engineering Guide — Learn how to effectively prompt AI models. Increasingly essential for dev workflows.

Pair these with Developers & Engineers to Follow and you’ll have more than enough to keep learning for years.