Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tomzaku/react-native-cba-starter-kit
https://github.com/tomzaku/react-native-cba-starter-kit
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/tomzaku/react-native-cba-starter-kit
- Owner: tomzaku
- Created: 2018-05-11T04:48:45.000Z (over 6 years ago)
- Default Branch: ts
- Last Pushed: 2023-01-03T18:01:05.000Z (about 2 years ago)
- Last Synced: 2024-04-28T04:13:31.903Z (9 months ago)
- Language: TypeScript
- Size: 3.33 MB
- Stars: 8
- Watchers: 3
- Forks: 1
- Open Issues: 24
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
React Native CBA Starter Kit
Base on Component-Based Architecture
# Zkrn CLI
Inspired by [Ignite CLI](https://github.com/infinitered/ignite)You can see the demo at here: https://www.loom.com/share/e1d145658f2f4ce291c22e04a63bf5ae
```
________ __ ___ _______ _____ ___
(" "\ |/"| / ") /" \ (\" \|" \
\___/ :)(: |/ / |: ||.\\ \ | React Native
/ ___/ | __/ |_____/ )|: \. \\ | Starter Kit
// \__ (// _ \ // / |. \ \. |
(: / "\ |: | \ \ |: __ \ | \ \ | Author: Zaku
\_______)(__| \__)|__| \___) \___|\____\) Vers: 1.0.24Usage: zkrn [command]
Options:
-V, --version output the version number
-h, --help output usage informationCommands:
init [appName] init the react-native application
remove [appName] Remove the application
module [moduleName] You can create module folder. Try this: 'zkrn module --help'
route [routeName] You can modify the route of App. Try this: 'zkrn route --help'
help [cmd] display help for [cmd]
```
#### Feature+ Set default route easily: `react route [routeName]`
+ Support multi language & build automatically
+ Support theme inspired by Material
+ Init application just single line `react init [appName]`
+ Typescript supported
+ Redux supported
+ Dark & Light Theme Mode
+ Tablet & Phone supported#### Why I have to create this
My app based on CBA([Component-Based Architecture](https://medium.com/@dan.shapiro1210/understanding-component-based-architecture-3ff48ec0c238)). Therefor, The module(For ex: 'src/mobile/app/todo') contains both redux and view. That way make you easy to reuse in another appliaction and help you to save your time.```
.
├── com
├── conf
│ ├── redux.ts
│ └── route.tsx
├── index.tsx
├── redux
│ ├── action.tsx
│ ├── actionType.tsx
│ ├── index.tsx
│ ├── reducer.tsx
│ └── selector.tsx
└── screen
├── detail
│ └── index.tsx
└── main
└── index.tsx6 directories, 10 files
```
## Requirement+ `react-native`
+ `yarn`## Installation
``` bash
npm install -g zkrn
```## Usage
``` bash
zkrn --help
```**1. Create app**
``` bash
zkrn init
```
Example: `zkrn init myApp`**appName** could be snake case/ pascal case/ camelCase.
Don't try to using space (Ex: App Name)**2. Create module**
``` bash
zkrn module create
```
Example: `zkrn module create todo`
Create a new module will include (saga, reselect, reducer, action, screen, styles) and auto register reducer/ saga/ action/ reselect/ screen.**3. Remove module**
``` bash
zkrn module remove
```
Example: `zkrn module remove todo`
Remove a module will include (saga, reselect, reducer, action, screen, styles) and auto unregister reducer/ saga/ action/ reselect/ screen.**4. Set router app**
``` bash
zkrn route set
```
Example: `zkrn route set todo`
For who wanna test this screen first. It's will show this screen at begin.**5. Make router at default**
``` bash
zkrn route default
```
Make router at default (This maybe personal.)## Help
Please help me to make this project awesome.
Be free to make issue.