/template-expo-with-paper

Template to build cross-platform apps using react with typescript in expo. Pre configured with the React Native Paper Ui kit, redux, and eslint with prettier.

Primary LanguageTypeScriptMIT LicenseMIT

Expo template with React Native Paper

Commitizen friendly License: MIT Storybook Node.js Package Release Workflow

Template to build cross-platform apps using react with typescript in expo. Pre configured with the React Native Paper Ui kit, redux, and eslint with prettier.

Installation

Copy the .env.example and rename to .env, then add the required values to variables.

$ yarn install

Running the app

$ yarn start

Plugins to work with this template

Editorconfig
Eslint
Prettier
Styled Components
Typescript import sorter

Project dependencies and dev dependencies

Dependencies

axios
date-fns
expo
formik
i18n-js
jwt-decode
polished
react
react-native
react-native-dotenv
react-native-paper
react-native-reanimated
react-native-skeleton-placeholder
react-native-svg
react-native-web
react-navigation
redux
redux-saga
styled-components
typesafe-actions
yup

Dev dependencies

babel-plugin-module-resolver
commitlint
commitizen
eslint
husky
jest
lint-staged
miragejs
prettier
react-native-svg-transformer
react-test-renderer
reactotron
typescript

Project structure

.
├── assets
├── .vscode
│   └── settings.json
├── src
│   ├── assets
│   ├── components
├── Loaders
│   │   │   ├── LoaderResolver
│   │   │   └── Skeleton
│   │   ├── Snackbar
│   │   └── SVG
│   ├── config
│   ├── constants
│   ├── contexts
│   │   └── PaperProvider
│   ├── hooks
│   ├── lang
│   │   └── locales
│   ├── routes
│   ├── screens
│   │   └── App
│   │       └── HomeScreen
│   ├── server
│   ├── services
│   ├── store
│   │   └── ducks
│   │       ├── auth
│   │       ├── config
│   │       └── reduxPersistor
│   ├── theme
│   ├── @types
│   └── utils
├── .editorconfig
├── .env
├── .env.example
├── .eslintignore
├── .eslintrc.js
├── .gitignore
├── .prettierrc
├── app.json
├── App.tsx
├── babel.config.js
├── metro.config.js
├── package.json
├── README.md
├── tsconfig.json
└── yarn.lock

Author