React Native Flow
Structure, Expo patterns & prep
Practical guides for bare React Native and Expo: how to organize your repo, wire helpers, ship i18n, add read-aloud and camera OCR, handle PDFs and themes, and prep for interviews—each page explains what it does, what you need installed, and where to paste or download.
What this site is (honestly)
Building a mobile app is never one tutorial—it’s navigation, native weirdness, storage, design, and app-store rules all arguing in the same repo.
I made React Native Flow because I kept rewriting the same explanations: how I structure folders so a new dev isn’t lost on day two, how I stop the helper file from becoming a nightmare, and longer notes on things like multilingual apps, read-aloud, OCR, PDFs—stuff that doesn’t fit in a single Stack Overflow line. This isn’t official anything; it’s just my notebook, public, with copy buttons.
Every page is supposed to be useful the same day: download a ZIP, paste a snippet and rename it, or skim an interview answer on the train. I nag about iOS vs Android differences and WebView gotchas because that’s where the hours actually go.
I’d rather have fewer, finished pages than a bunch of marketing shells. If something’s thin, I’ll say so. The blog is for the messy opinions—why I care about route boundaries before there are fifty screens, or when to split a helper—so the short docs stay quick to scan.
Whether you’re poking at Expo Router, tightening nav types, or prepping for a senior round, you can bounce between structure, examples, interviews, and the blog in a few clicks. SDKs change; when a snippet goes stale, check Meta or Expo’s changelog and treat what you read here as a starting point, not gospel.
Everything on this site
Same links as the header and sidebar—grouped so you can jump to docs, each app feature guide, the blog, legal pages, or an external hooks resource.
Documentation
- Introduction
Overview of folders, helpers, app features, interviews, and how to read the site.
- Project structure
Scalable layout for Expo Router or React Navigation apps—screens, navigation, and shared code.
- App utilities
Documented helper module: storage, nav shortcuts, toasts, maps, notifications, and similar glue.
- Code examples
Short snippets for lists, search, refresh, safe areas—ready to paste and adapt.
- Interview questions
React, JavaScript, and React Native Q&A for last-minute prep.
App feature guides
- Multilingual app
i18n setup, many languages, detection, switching, RTL when needed.
- Listen aloud & word highlight
expo-speech, boundaries, on-screen highlighting, voice selection.
- Live text capture (camera OCR)
Camera OCR: preview, capture, and pass text to the rest of your app.
- PDF to PNG images
PDF.js in WebView, export images, zip, share.
- Theme context
Light/dark/system theme with persistence and hooks.
- Quick Tools widget
iOS & Android home-screen widgets and deep links.
More
- Blog
Long-form posts on architecture, navigation, and shipping.
- About
What this project is and who maintains it.
- Privacy policy
Cookies, ads, and data on this site.
- Terms & conditions
Using the website and disclaimers.
- Contact
Opens your email app to message us.
- React Native Hooks Kit
External site with custom hook patterns (opens in a new tab).
Featured guides
Each card opens a full write-up: prerequisites, file layout, and copy-ready pieces—not just a title.
What’s next
Rough ideas, not commitments—here so you know what’s on my mind.
More code examples
In progressMore snippets from real apps—lists, forms, gestures, the annoying edge cases.
More blog posts
In progress32 posts live on the blog—performance, navigation, and more still on the list.
Screen & layout recipes
PlannedCopy-paste layouts that don’t look like the default template.
Short videos maybe
ExploringOnly if a screen recording would actually save someone time.
Still adding stuff
I don’t publish empty “coming soon” pages—when a guide is ready, it goes up. Drop your email if you want a ping when that happens.