react-native-template-ihenrits-advanced v0.0.2

react-native-template-ihenrits-advanced

This project aims to create a model that can be used at the time of creating projects using React Native, taking into account that the process of creating the development environment requires some time delay in the development process. This model contains the Redux Saga library and Ducks Pattern.

Running

react-native init AwesomeExample --template ihenrits-advanced

What was used

• React Native;
• React Navigation;
  • Navigation Service;
• React Native Gesture Handler;
• Redux;
  • Redux Saga;
• Async Storage;
• Axios;
• Prop-Types;
• Styled-Components;
• Reactotron;
  • reactotron-react-native;
  • reactotron-redux;
  • reactotron-redux-saga;
• EditorConfig;
• Babel;
  • babel-eslint;
  • babel-plugin-root-import;
• Eslint;
  • eslint-config-airbnb;
  • eslint-plugin-import;
  • eslint-plugin-jsx-a11y;
  • eslint-plugin-react;
  • eslint-plugin-react-native;
  • eslint-import-resolver-babel-plugin-root-import;

Instructions

• Delete the App.js file that is in the root of the project.(The "App.js" that you will use is located in the src folder with the name index.js);
• If you want to use React DevTools add "react-devtool": "react-devtools," in your script in package.json
• A few more steps needed for Android:
  • Copy the local.properties file that is in the root of the project and paste it into the android folder.
  • Change the path of your Sdk folder in the local.properties file.
  • Go to the: android > app > src > main > java > com > your_project_name > MainActivity.java
  • Access: https://reactnavigation.org/docs/en/getting-started.html
  • Follow the instructions to add the required codes in MainActivity.java
  • All ready!

File Structure

ihenrits-advanced
├── src/
│   ├── config/
│   │   └── DevToolsConfig.js
│   │   └── ReactotronConfig.js
│   ├── images/
│   ├── pages/
│   │   └── Main/
│   │       └── index.js
│   │       └── styles.js
│   ├── services/
│   │   └── api.js
│   │   └── navigation.js
│   ├── store/
│   │   └── ducks
│   │       └── index.js
│   │   └── sagas
│   │       └── index.js
│   │   └── index.js
│   ├── styles/
│   │   └── colors.js
│   │   └── index.js
│   │   └── metrics.js
│   ├── index.js
│   └── routes.js
├── .editorconfig
├── .eslintrc.json
├── .gitignore
├── babel.config.js
├── dependencies.json
├── devDependencies.json
├── index.js
├── jsconfig.json
├── LICENSE
├── package.json
└── README.md

Contributor