Welcome to travel maps with react-native+ redux tool kits;
Image 1 | Image 2 | Image 3 | Image 4 | Image 5 |
---|---|---|---|---|
Before start, make sure you installed:
- [Xcode] (https://developer.apple.com/xcode/) Minimum Xcode 14
- [Android Studio] (https://deve]oper.android.com/studio/index.htm]) : Integrated Deve]opment Environment (IDE) th
- [CocoaPods] (https://cocoapods.org/): CocoaPods is a dependency manager for Swift and Objective-C Cocoa project
- [Node] (https://nodejs.org) Minimum Node 18
- [React Native CLI] (http://facebook.github. io/react-native/docs/getting-started.htm]): React Native Dev Environm
- React Native : Mobile app framework
- [React Navigation](https://reactnavigation.org/: Routing and navigation
- [Redux] (https://redux-toolkit.js.org/: A predictable state container for JavaScript apps
- [RTK Queryl (https://redux-toolkit.js.org/rtk-query/overview): data fetching and caching tool to improve redux ap.
- [Ant Design Mobile RN] (https://rn.mobile.ant.design/): UI Library
- [prettier] (https://prettier.io/) and Leslint] (https://estint.org/) Preconfigured for React Native
.
├── README. md
├── android
├── ios
├── node_modules
├── src
│ ├── assets
│ ├── components # global components
│ ├── hooks # React state and lifecycle from function components) hooks of the app
│ ├── redux
│ │ ├── *Slice.ts
│ │ ├── store.ts
│ ├── screens # all screen for the ap
│ ├── navigation
│ ├── utils
│ │ ├── interface.ts # common interface
│ │ ├── theme.ts # theme configs
│ ├── services # all services network or local
│ └── ... # etc.
└── ...
$ git clone (repo link)
$ cd rn-google-place
$ yarn
$ npx pod-install
$ yarn run ios|android
this project includes some feature such as:
- google places
- recent search location
- Google maps sdk
- Reusable components
- Http cache RTK Query
- Unit test
herman