Kick off your book project in 3 hours! Live workshop on Zoom. You’ll leave with a real book project, progress on your first chapter, and a clear plan to keep going. Saturday, May 16, 2026. Learn more…

Leanpub Header

Skip to main content

React Native Foundations: Architecture, UI, and Scalable App Design

Learn React Native from first principles to production-ready architecture, building fast, scalable apps with real-world mobile engineering practices.

Minimum price

$19.00

$29.00

You pay

$29.00

Author earns

$23.20
$
You can also buy this book with 1 book credit. Get book credits with a Reader Membership or an Organization Membership for your team.
PDF
EPUB
WEB
About

About

About the Book

React Native Foundations: Architecture, UI, and Scalable App Design teaches you how React Native really works under the hood and how to build apps that scale without becoming messy. It starts by explaining the core rendering model, including how layout is handled by Yoga instead of the DOM, and how the modern JSI and Fabric architecture improve over the older Bridge system. You also learn how work is split across the JavaScript, UI, and shadow threads, and why blocking any of them leads to performance issues like lag and dropped frames. From there, it introduces a strict application architecture with clear separation between UI, domain logic, data handling, and infrastructure, along with dependency rules that prevent tight coupling. You then learn feature-based organization so each part of an app stays independent and maintainable as teams grow. The implementation section covers building real screens with core components, handling navigation and deep linking, and making state management decisions with clear rules for React Query, Zustand or Redux, local state, and persistent storage. Performance is treated as a core concern from the start, with budgets for frame rate, memory, and bundle size, alongside practical techniques for lists, styling, and platform differences between iOS and Android. You also work with forms, input handling, and device APIs like camera and location in a way that respects permissions and user experience. The book ends with hands-on projects like a weather app and a todo app that bring everything together into real-world mobile development practice.

Share this book

Categories

Author

About the Author

Abdur-Rahmaan Janhangeer

Long-time Python and Open Source specialist.

Contents

Table of Contents

Chapter 1: How React Native Actually Works

  1. 1.1: What you should be able to do by the end
  2. 1.2: The core mental model of React Native
  3. 1.3: The rendering pipeline
  4. 1.4: Threading model
  5. 1.5: What actually happens when state changes
  6. 1.6: Platform differences
  7. 1.7: Failure modes introduced early
  8. 1.8: Why this mental model matters
  9. Next chapter preview

Chapter 2: Formal Architecture Model

  1. 2.1: By the end of this chapter
  2. 2.2: Why architecture matters in React Native
  3. 2.3: The four-layer architecture model
  4. 2.3.1: UI Layer
  5. 2.3.2: Domain Layer
  6. 2.3.3: Data Layer
  7. 2.3.4: Infrastructure Layer
  8. 2.4: Dependency rules
  9. 2.4.1: Dependency diagram
  10. 2.4.2: Why downward-only dependencies matter
  11. 2.5: A practical example
  12. 2.6: Evolution path for beginners
  13. 2.7: Common mistakes
  14. 2.8: Key takeaway
  15. Next chapter preview: Chapter 3: Feature Isolation and Boundaries

Chapter 3: Feature Isolation & Boundaries

  1. 3.1: Context from the previous chapter
  2. 3.2: By the end of this chapter
  3. 3.3: What feature isolation actually means
  4. 3.4: Feature boundary rules
  5. 3.5: Visual model of feature isolation
  6. 3.6: Cross feature communication strategies
  7. 3.7: Scaling implications
  8. 3.8: Common failure patterns
  9. 3.9: Practical enforcement rules
  10. 3.10: End of chapter summary
  11. 3.11: Next chapter preview

Chapter 4: Core Components with Performance Budgets

  1. 4.1: By the end of this chapter
  2. 4.2: Core component model in React Native
  3. 4.3: The core building blocks
  4. 4.4: The performance rule of UI construction
  5. 4.5: ScrollView vs FlatList decision model
  6. 4.6: Image rendering and hidden cost
  7. 4.7: Layout system and Flexbox in Yoga
  8. 4.8: Layout thrashing and re-render cost
  9. 4.9: Practical component hierarchy rule
  10. 4.10: Performance debugging mindset
  11. 4.11: Key mental model summary
  12. 4.12: Chapter preview

Chapter 5: Styling & Flexbox

  1. 5.1: By the end of this chapter
  2. 5.2: Mental model of styling in React Native
  3. 5.3: Flexbox as the primary layout system
  4. 5.4: The Flexbox mental model that actually works
  5. 5.5: Style architecture and StyleSheet discipline
  6. 5.6: Layout performance model
  7. 5.7: Platform differences in styling
  8. 5.8: Layout debugging strategy
  9. 5.9: Performance considerations in styling decisions
  10. 5.10: Key takeaway model
  11. 5.11: Chapter summary mental model
  12. 5.12: Next chapter preview

Chapter 6: Navigation

  1. 6.1: By the end of this chapter
  2. 6.2: Navigation as a state machine
  3. 6.3: Core navigation structures
  4. 6.4: Deep linking as controlled entry points
  5. 6.5: Navigation state persistence
  6. 6.6: Navigation and authentication coupling
  7. 6.7: Common failure modes
  8. 6.8: Practical mental model
  9. 6.9: Engineering rules
  10. 6.10: Summary
  11. Next chapter preview: Chapter 7 State Management – The Exact Rule

Chapter 7: State Management

  1. 7.1: Why state management needs rules, not opinions
  2. 7.2: The mental model of state in a mobile app
  3. 7.3: State taxonomy and strict tool selection
  4. 7.4: Decision framework for state placement
  5. 7.5: Re-render control and performance discipline
  6. 7.6: Common architecture mistakes
  7. 7.7: Feature boundary rule for state ownership
  8. 7.8: Mental model summary
  9. 7.9: Chapter recap
  10. Next chapter preview: Chapter 8: Forms and Input Handling

Chapter 9: Device Features

  1. 9.1: Introduction and mental model shift
  2. 9.2: The device interaction model
  3. 9.3: Core Expo device APIs
  4. 9.4: Permission strategy and timing
  5. 9.5: Performance considerations for device APIs
  6. 9.6: Architectural placement of device logic
  7. 9.7: Failure modes specific to device features
  8. 9.8: Summary of rules
  9. 9.9: Next chapter preview

Chapter 10: Projects

  1. 10.1: Purpose of this chapter
  2. 10.2: Project 1 Weather App (Beginner System)
  3. 10.3: Project 2 Todo App (Intermediate System)

The Leanpub 60 Day 100% Happiness Guarantee

Within 60 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks.

Now, this is technically risky for us, since you'll have the book or course files either way. But we're so confident in our products and services, and in our authors and readers, that we're happy to offer a full money back guarantee for everything we sell.

You can only find out how good something is by trying it, and because of our 100% money back guarantee there's literally no risk to do so!

So, there's no reason not to click the Add to Cart button, is there?

See full terms...

Earn $8 on a $10 Purchase, and $16 on a $20 Purchase

We pay 80% royalties on purchases of $7.99 or more, and 80% royalties minus a 50 cent flat fee on purchases between $0.99 and $7.98. You earn $8 on a $10 sale, and $16 on a $20 sale. So, if we sell 5000 non-refunded copies of your book for $20, you'll earn $80,000.

(Yes, some authors have already earned much more than that on Leanpub.)

In fact, authors have earned over $15 million writing, publishing and selling on Leanpub.

Learn more about writing on Leanpub

Free Updates. DRM Free.

If you buy a Leanpub book, you get free updates for as long as the author updates the book! Many authors use Leanpub to publish their books in-progress, while they are writing them. All readers get free updates, regardless of when they bought the book or how much they paid (including free).

Most Leanpub books are available in PDF (for computers) and EPUB (for phones, tablets and Kindle). The formats that a book includes are shown at the top right corner of this page.

Finally, Leanpub books don't have any DRM copy-protection nonsense, so you can easily read them on any supported device.

Learn more about Leanpub's ebook formats and where to read them

Write and Publish on Leanpub

You can use Leanpub to easily write, publish and sell in-progress and completed ebooks and online courses!

Leanpub is a powerful platform for serious authors, combining a simple, elegant writing and publishing workflow with a store focused on selling in-progress ebooks.

Leanpub is a magical typewriter for authors: just write in plain text, and to publish your ebook, just click a button. (Or, if you are producing your ebook your own way, you can even upload your own PDF and/or EPUB files and then publish with one click!) It really is that easy.

Learn more about writing on Leanpub