react-native-typescript-redux v1.2.1

React Native TypeScript Boilerplate

Boilerplate for creating React Native applications with typescript

Show your support

Give a ⭐️ if you liked this!

🤝 Contributing

Contributions are welcome! If you have questions, feature requests or a bug you want to report, please click Here to open an issue.

Installation

Open your terminal and type in

npx react-native init AwesomeProject --template react-native-typescript-redux

Folder Structure

.
├── app
│   └── src
│       ├── @types
│       ├── assets
│       │   ├── animations
│       │   ├── fonts
│       │   └── images
│       ├── components
│       │   ├── Button
│       │   ├── Light-bulb
│       │   └── Switch
│       ├── config
│       │   └── reactotron
│       ├── helpers
│       ├── i18n
│       ├── router
│       ├── screens
│       │   ├── Demo
│       │   ├── Home
│       │   └── Redux-demo
│       ├── services
│       │   └── reactotron
│       ├── store
│       │   ├── ducks
│       │   │   └── counter
│       │   └── root-store
│       ├── theme
│       ├── utils
│       │   ├── storage
│       │   └── hooks
│       └── App.tsx
├── android
├── docs
├── ios
└── index.js

Tech stack

• TypeScript
• Async Storage
• Gesture Handler
• Redux
• React Native Paper
• React Native Vector Icons
• React Navigation
• Hooks
• Redux Thunk
• Reactotron
• Styled Components

How to use

If you don't have the react-native environment already setup on your machine, please follow this Link to setup everything you need to start

$ npm install
# OR with yarn
$ yarn
# check if your device is online by running the following command
# if running on a physical device, enable debug mode
$ adb devices
# this starts the metro server and points to reactotron ports automatically
$ yarn dev
# installing the app on the device
$ yarn run android