1.1.0 • Published 6 years ago
react-native-template-ihenrits-basic v1.1.0
React Native Template ihenrits-basic
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 delaying the development process.
Running
react-native init AwesomeExample --template ihenrits-basicWhat was used
- React Native;
- React Navigation;
- React Native Gesture Handler;
- Async Storage;
- Axios;
- Prop-Types;
- Styled-Components;
- Reactotron;
- reactotron-react-native;
- EditorConfig;
- Prettier;
- 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.jsfile that is in the root of the project.(The"App.js"that you will use is located in thesrcfolder with the nameindex.js); - If you want to use React DevTools add
"react-devtool": "react-devtools"in your script inpackage.json - A few more steps needed for Android:
- Copy the
local.propertiesfile that is in the root of the project and paste it into theandroidfolder. - Change the path of your
Sdkfolder in thelocal.propertiesfile. - 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!
- Copy the
File Structure
ihenrits-basic
├── src/
│ ├── config/
│ │ └── DevToolsConfig.js
│ │ └── ReactotronConfig.js
│ ├── images/
│ ├── pages/
│ │ └── Main/
│ │ └── index.js
│ ├── services/
│ │ └── api.js
│ ├── styles/
│ ├── index.js
│ └── routes.js
├── babel.config
├── dependencies.json
├── devDependecies.json
├── index.js
├── jsconfig.json
├── local.properties
├── package.json
├── .editorconfig
├── .eslintrc.json
├── .gitattributes
├── .gitignore
├── .prettierrc