https://github.com/bevyup/react-native-modular
Modular apps with React Native 📦📲
https://github.com/bevyup/react-native-modular
android android-app ios ios-app modular modular-design modular-scale modularity modularization module-pattern module-system navigator packages react react-native react-native-app react-native-patterns react-navigation react-patterns
Last synced: 4 months ago
JSON representation
Modular apps with React Native 📦📲
- Host: GitHub
- URL: https://github.com/bevyup/react-native-modular
- Owner: BevyUp
- License: mit
- Created: 2019-02-05T21:34:05.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2019-03-22T19:58:40.000Z (about 6 years ago)
- Last Synced: 2025-02-01T03:23:49.688Z (4 months ago)
- Topics: android, android-app, ios, ios-app, modular, modular-design, modular-scale, modularity, modularization, module-pattern, module-system, navigator, packages, react, react-native, react-native-app, react-native-patterns, react-navigation, react-patterns
- Language: JavaScript
- Homepage:
- Size: 3.99 MB
- Stars: 39
- Watchers: 3
- Forks: 18
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# React Native Modular
Modular app with React Native
| [Modules](https://github.com/proyecto26/react-native-modular/tree/master) | [Dynamic Bundles](https://github.com/proyecto26/react-native-modular/tree/dynamic-bundle) |
| :--------------------------------------: | :----------------------------------: |
|  |  |
## Modules
- **CoreModule**: TODO:Describe the common components, the minimum dependencies that the app has, the utilities and common methods to reuse code through the different modules.
```
src/
├── components
│ ├── HomeComponent
│ └── CoreComponent1
├── constants
├── services
│ ├── Navigation
│ ├── Network
│ └── Utils
├── modules
│ ├── UserModule
│ └── ...
├── assets
│ └── package.json
├── navigator.js
└── package.json
```
- **UserModule**: TODO:Describe the purpose of this module in the business, the components that the module has, services and other utilities.
```
UserModule/
├── components
│ ├── Component1
│ └── Component2
├── constants
├── services
│ ├── Service1
│ └── Utils
├── readme.md
├── navigator.js
└── package.json
```
## Style Guides
- [Airbnb React/JSX Style Guide](https://github.com/airbnb/javascript/tree/master/react)
## Resources ⛩
- [How to structure your project](https://medium.freecodecamp.org/how-to-structure-your-project-and-manage-static-resources-in-react-native-6f4cfc947d92)
- [Hooks](https://reactjs.org/blog/2019/02/06/react-v16.8.0.html)
- [React Native Navigation Patterns](https://codeburst.io/react-native-navigation-patterns-9c2b6d15ddb3)
## Contributors ✨
Thanks goes to these wonderful people:
| [
Juan Nicholls](https://github.com/jdnichollsc)
[✉](mailto:[email protected]) | [
Sebastian Pernett](https://github.com/Pernett98)
[✉](mailto:[email protected]) |
| :---: | :---: |
## Happy coding 💯
Made with ❤️
