Upskills Community
Upskills
upskills.dev
Join our community on Discord to get help about the tutorials and ask your questions.
@upskillsdev
Checkout our GitHub to find the source code and submit any issues or feature requests.
Follow Upskills.dev
Stay updated with our latest tutorials and coding tips.
Chapter 2: Modern Front-End Development with React
This is Part 3 of the Modern Front-End Development series. With your rendering pattern and framework chosen, it's time to fill in the rest of your stack.
I'll share my curated library picks for state management, forms, UI components, and developer tooling — based on years of experience shipping React projects.
Prerequisites
// Your React rendering strategyconst app = {rendering: "RSC + SSR hybrid",framework: "Next.js 15",state: "Zustand + TanStack Query",forms: "React Hook Form + Zod",ui: "Tailwind CSS + shadcn/ui",testing: "Vitest + Playwright",};
Tutorial Content
6 sections • approximately 1 hour 30 minutes
How to evaluate libraries: bundle size, maintenance health, TypeScript support, community adoption, and API ergonomics. The principle of choosing boring technology and when to break that rule.
Content to be authored.
About the author
NAB, Software Engineer
Hi, I'm Vu, a Software Engineer at NAB (National Australia Bank) with a love for creating web and mobile apps that don't just look cool but feel great to use. I've had the chance to work with some awesome companies over the years, picking up new tricks and tackling many kinds of challenges along the way.
Now, I'm thrilled to share what I've learned and help others through fun, interactive coding tutorials!