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 2 of the Modern Front-End Development series. Now that you understand rendering patterns, it's time to evaluate the frameworks that implement them.
We'll do a deep comparison of Next.js, Remix, and TanStack Start — covering routing, data fetching, deployment, and developer experience so you can make the right choice.
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
What meta-frameworks provide beyond plain React: routing, data fetching, rendering strategies, bundling, and deployment. Why starting with a framework saves time and why "just React" is rarely enough for production apps.
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!