Welcome to 'Home Test' Mumzworld App π
π Watch demo video at vimeo.com/988209706
Scan the following QR code to preview this update:
Run on Expo Go with this link
- β Render English πΊπΈ and Arabic π¦πͺ with i18next
- β Toggle currencies between USD πΊπΈ and AED π¦πͺ
- β RTL Support (Animations also support RTL, see BottomTabBar
- β Render 600+ products list with performance (see ProductList which uses FlatList)
- β Navigation and search (see ProductScreenNavbar and BottomTabBar )
- β Image Gallery using RNRC
- β Unit testing (Examples of Functional Unit Testing in tab-bar.test.tsx and button.test.tsx)
- β Run on Expo Go
This guide explains how to this monorepo powered by:
- π± Expo β Your go-to for crafting native apps across platforms with ease
- π React β The bread and butter for creating slick user interfaces
- π± React Native β Learn once, write anywhere
- π Storybook β A sandbox for UI components, making testing a breeze
- β¨ Restyle β Theme-based components to keep your app stylish
- π Reanimated β For buttery-smooth animations
- π§ Jotai β Minimalist and flexible state management, making your code cleaner and simpler
- π SWR β Data fetching that's not just fast, but also super smart
- π i18next β Turning your app into a passport bro
This project comes with additional development tools:
- π TypeScript for static type checking
- π ESLint β Keeping code in check! π
- β¨ Prettier β Keeping code looking sharp and clean
- π§ͺ Jest β Testing made fun
- π¦ React Native Testing Library
- π₯ Lefthook β Keeping commits in check
- π commitlint β Ensuring commit messages meet the conventional commit format
- π€ GitHub Actions β for continuous integration and deployment workflows
Pre-commit hooks verify that the linter and tests pass when committing.
Install dependencies (using pnpm)
pnpm install
Start the app
iOS
pnpm ios
Android
pnpm ios
In the output, you'll find options to open the app in a
- development build
- Android emulator
- iOS simulator
- Expo Go, a limited sandbox for trying out app development with Expo
You can start developing by editing the files inside the app directory. This project uses file-based routing.
To learn more about developing your project with Expo, look at the following resources:
- Expo documentation: Learn fundamentals, or go into advanced topics with our guides.
- Learn Expo tutorial: Follow a step-by-step tutorial where you'll create a project that runs on Android, iOS, and the web.
Join our community of developers creating universal apps.
- Expo on GitHub: View our open source platform and contribute.
- Discord community: Chat with Expo users and ask questions.