U

Upskills

  • Tutorials
  • Showcases
Sign In

© 2026 Upskills. All rights reserved.

Privacy PolicyTerms of Service
DiscordX
  1. Home
  2. Tutorials
  3. React Frontend Architecture
Indie Dev ToolkitPart 2 of 9

Chapter 2: Modern Frontend Development with React

React Frontend Architecture

Vu Nguyen
Lead Engineer, NAB - Mar 14, 2026

This is Part 2 of the Modern Frontend Development series. AI tools and trending blog posts will happily pick your entire stack in seconds, but the fastest answer isn't the same as the right answer for what you're building.

I'll break down three architectures: SPA + API Server, full-stack frameworks, and micro-frontends with BFFs, then compare them across real constraints like team size, SEO needs, and deployment cost so you can pick the one that fits your project.

Prerequisites

  • Experience building React applications
  • Basic understanding of REST APIs and client-server communication
  • Part 1 (React Rendering Strategies) recommended but not required
PresentationLogicInfrastructureUI LayerRoutingThemei18nComponent LibraryAuthStateFormsAPI / Data LayerCacheStorageQueueCI / CDMonitoringDeploy

Architecture is how you arrange the pieces for your constraints.



About the author

Vu Nguyen

Vu Nguyen

NAB, Lead Engineer

I'm Vu, a Lead Engineer at NAB (National Australia Bank). I started on Home Lending products and now lead a team building products for HICAPS, Australia's largest point of sale claiming service for private health insurance. Before NAB, I worked at startups and across a range of teams and stacks.

Upskills is where I share practical, real-world knowledge to help others build and maintain projects better. Beyond tutorials, more content is coming: project showcases, interview prep, and AI tools as resources for your learning journey. I'm excited to share what I've learned and keep learning together as we build cool things.

GitHubXXXLinkedin
From the Upskills newsletter

Hope you liked React Frontend Architecture. Want the next one in your inbox?

Practical web development deep-dives, every other week, written by an engineer who ships them. No fluff, no hot takes.

  • Real-world, production-grade examples
  • No spam, ever
  • Unsubscribe in one click

We respect your privacy. Unsubscribe anytime.