Gathering detailed insights and metrics for @wraporians/react-native-navigation-boilerplate
Gathering detailed insights and metrics for @wraporians/react-native-navigation-boilerplate
Installations
npm install @wraporians/react-native-navigation-boilerplateDeveloper Guide
BETA
Typescript
No
Module System
CommonJS
Node Version
12.6.0
NPM Version
6.9.0
Releases
Unable to fetch releases
Download Statistics
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
Maintainers
1
Package Meta Information
Latest Version
2.0.0
Package Id
@wraporians/react-native-navigation-boilerplate@2.0.0
Unpacked Size
14.26 kB
Size
4.34 kB
File Count
7
NPM Version
6.9.0
Node Version
12.6.0
Total Downloads
Cumulative downloads
Total Downloads
NaN
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
Weekly Downloads
Monthly Downloads
Yearly Downloads
React Native Navigation Boilerplate
A simple cli to scaffold your React Native Navigation V3 app fast and hybrid mobile app development.
Installation
npm install -g react-native-navigation-boilerplate
Getting Started
After installing the package as a global executable. You will be able to use "react-native-boilerplate" command to generate new React Native Navigation boilerplate.
Usage
react-native-boilerplate <appName>
this will ask you project name, bundle identifier and path for project and generate a fresh project.
With custom Bundle Identifier
react-native-boilerplate <appName> -b <bundleIdentifier>
Example
react-native-boilerplate "SampleApp"
With custom Bundle Identifier
react-native-boilerplate "SampleApp" -b com.abc.SampleApp
Configuration
Follow following steps to run project:-
-
After generating project move to projectDirectory using
$ cd ProjectName $ yarn -
For Android Run Project using
$ react-native run-android -
For iOS : open xCodeProject and in menu click on product select Scheme ==> Edit Scheme ==> Build
- In build option un-check Parallelize Build
- Now click on + icon at left bottom corner and add react as target
- Open project in xCode and build it once
- then Install third party library using following commands
$ cd node_modules/react-native/third-party/glog-0.3.5 && ../../scripts/ios-configure-glog.sh && cd ../../../../if you are using xcode >10 then change build system to "legacy build system"
Run the project
$ react-native run-ios
React-Native-Boilerplate Structure
├── ios
├── android
|-- modified_modules
├── src
│ ├── actionTypes.js
│ ├── actions
│ │ ├── auth
│ │ └── dashboard
│ ├── assets
│ │ ├── img
│ │ └── fonts
│ ├── components
│ │ ├── common
│ │ └── dashboard
│ ├── config
│ │ └── navigation.js
│ │ └── routes.js
| | |__ connection.js
│ ├── constants
│ │ ├── fonts.js
│ │ └── images.js
│ ├── containers
│ │ ├── auth
│ │ └── dashboard
│ │── helpers
│ │ ├── events.js
│ │ └── restCall.js
│ │── reducers
│ │ ├── auth
│ │ └── dashboard
│ │── store
├── app.json
├── index.js
├── package.json
Pre-Installed Packages
- react
- react-native @0.60
- react-native-navigation v3
- react-redux
- redux
- redux-logger
- redux-persist
- redux-thunk
- babel-preset-react-native (dev)
- jest (dev)
- eslint (dev)
- eslint-plugin-react (dev)
- husky (dev)
- lint-staged (dev)
- prettier (dev)
(dev) Indicates its a Developer Dependency
Author
Suraj Sanwal
No vulnerabilities found.
No security vulnerabilities found.