Zemoga app JSON-PLACEHOLDER

Zemoga app for json placeholder api.

run

Run yarn run start

npx run start

and open simulator

Demo

Features

React navigation react-routing simple routing
Ramda ramda
Native base NAtive-base
Axios axios
Travis travis
expo expo

Expo is a tool that facilitates the development and accelerates it, the problem is that you lose control over the native apis, but for a demo this is perfect

native base e suna very complete and customizable component library, for short-range projects it is perfect

react navigation is the library most used for navigation and routing in native react, although there are better alternatives to improve performance for small or medium projects is ideal

ramda is a functional programming utility that makes the code more legible, reusable and simple

Organization

Modules structure

.
├──/src
│
│   ├──/modules -> a module is a set of views and components, for example the authentication module has submodules (login, forgot Password, and register)
│   │    ├──/module(example organization module)
|   |    |--/resource --> For example orders{create,list,show,edit}
│   │    │      │
│   │    │      ui -> these components is only used for the module
│   │    │      │     └──/component (example estrure for a component)
│   │    │      │         ├──index.tsx
│   │    │      │         └──styles.ts
│   │    │      __test__ -> Test for current module
│   │    │      │     └──/me.test.tsx
│   │    │      locales -> Locales for this module
│   │    │      │     └──/es.json
│   │    │      │     └──/en.json
│   │    │      utils -> utils for this module
│   │    │      │     └──/debounce.ts
│   │    │      ├──ModuleView.tsx
│   │    │      |__Navigaiton.tsx
│   │    │      └──styles.ts
│   │    └──/shared -> is a components shared between several modules
│   └── /utils
│   └── /theme
│   └── /config
│   └── /navigation --> navigaiton for main app
├── .env.example
├── .env
└── ...others configuration files

Author

Johan Villamil

License

MIT

johinsDev / zemoga-app