npmpackage.info

Gathering detailed insights and metrics for react-native-template-pro

Other packages similar to react-native-template-pro

react-native-template-ts-pro

1.0.4

react native template

react-native-template-pro-parking

1.0.0

now-ui-react-native

1.5.0

Now UI React Native, based on Now UI Design System. Coded by Creative Tim

react-native-template-pro

A React Native template with a nice folder structure, navigation, database, async and debugging tools support.

1.3.11

MIT

JavaScript

3.85 MB

7,980 3

Installations

npm install react-native-template-pro

Developer Guide

BETA

Typescript

No

Module System

N/A

Node Version

10.11.0

NPM Version

6.4.1 Score

75.1

Supply Chain

99.4

Quality

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

0

Total

0

Closed

0

Issues

Open

0

Total

0

Closed

0

Releases

v1.3.5

Published on 15 Aug 2018

Realm database support

v1.1.3

Published on 11 Jul 2018

Initial release

v1.0

Published on 12 Jun 2018

View all 3 releases

Contributors

Unable to fetch Contributors

View all 1 contributors

Languages

JavaScript

JavaScript (100%)

Developer

thiagobrez

Download Statistics

Total Downloads

7,980

Last Day

Last Week

Last Month

Last Year

805

GitHub Statistics

19 Stars

44 Commits

5 Forks

5 Watching

1 Branches

1 Contributors

Maintainers

Package Meta Information

Latest Version

1.3.11

Package Id

react-native-template-pro@1.3.11

Unpacked Size

3.85 MB

Size

3.60 MB

File Count

NPM Version

6.4.1

Node Version

10.11.0

Total Downloads

Cumulative downloads

Total Downloads

7,980

Last day

Compared to previous day

Last week

328.6%

Compared to previous week

Last month

12.6%

Compared to previous month

Last year

5.6%

805

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

No dependencies detected.

Versions

react-native-template-pro

Usage demo

A React Native template with a nice folder structure, navigation, database, async and debugging tools support.

:bookmark_tabs: Requirements

React Native properly installed (building projects with native code)
Reactotron properly installed
Knowledge on Redux and Redux-Saga
Knowledge on Realm database

:arrow_forward: Installation

react-native init MyMillionDollarApp --template pro

cd MyMillionDollarApp

react-native run-ios or react-native run-android

:package: What's included

Folder structure
Reactotron: debugging
Redux: state management
Redux Saga: async calls
React Navigation: routing and navigation
Realm: mobile database
Prop Types: typing for component props
React Native Vector Icons: huge set of customizable icons
React Native Linear Gradient: gradient styles
Formik & Yup: easy form handling

:computer: Jetbrains Webstorm snippets

See how to create and use

comp (stateful component)

1import React, {Component} from 'react';
2import PropTypes from 'prop-types';
3import {View, Text, StyleSheet} from 'react-native';
4
5export default class $ComponentName$ extends Component {
6  render() {
7    return (
8      <View>
9        <Text>$ComponentName$</Text>
10        $END$
11      </View>
12    );
13  }
14}
15
16$ComponentName$.propTypes = {};
17const styles = StyleSheet.create({});

rcomp (stateful redux component)

1import React, {Component} from 'react';
2import PropTypes from 'prop-types';
3import {connect} from 'react-redux';
4import {bindActionCreators} from 'redux';
5import * as $storeProp$Actions from '../actions/$storeProp$';
6import {View, Text, StyleSheet} from 'react-native';
7
8class $ComponentName$ extends Component {
9  
10  render() {
11    
12    return (
13      <View>
14        <Text>$ComponentName$</Text>
15        $END$
16      </View>
17    );
18    
19  }
20  
21}
22
23$ComponentName$.propTypes = {
24  //TODO: data
25  error: PropTypes.shape({
26    $storeProp$: PropTypes.bool
27  }),
28  loading: PropTypes.shape({
29    $storeProp$: PropTypes.bool
30  }),
31};
32
33const styles = StyleSheet.create({
34
35});
36
37const mapStateToProps = state => ({
38  data: {
39    $storeProp$: state.$storeProp$.data
40  },
41  error: {
42    $storeProp$: state.$storeProp$.error
43  },
44  loading: {
45    $storeProp$: state.$storeProp$.loading
46  },
47});
48
49const mapDispatchToProps = dispatch => {
50  return {
51    actions: {
52      $storeProp$: bindActionCreators($storeProp$Actions, dispatch),
53    }
54  };
55};
56
57export default connect(mapStateToProps, mapDispatchToProps)($ComponentName$);

scomp (stateless component)

1import React from 'react';
2import PropTypes from 'prop-types';
3import {
4  View,
5  Text
6} from 'react-native';
7
8const $ComponentName$ = () => (
9    <View>
10      <Text>$ComponentName$</Text>
11      $END$
12    </View>
13);
14
15$ComponentName$.propTypes = {};
16
17export default $ComponentName$;

con (console.display)

1console.display('$var$', $var$);

tron (console.tron)

1console.tron('$var$');

:pushpin: Roadmap

Integrate mobile database
Fully integrate react-navigation to redux
[∞] Add more reusable components

:warning: Known issues

Unknown named module: 'NativeModules' - RN 0.56

:pencil2: Contributing

This is an initial release, feel free to submit your issues or PR's!

:clipboard: License

MIT

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

10

License

Determines if the project has defined a license.

0

Maintained

Determines if the project is "actively maintained".

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

SAST

Determines if the project uses static code analysis.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

Score

3

/10

Last Scanned on 2025-01-20

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More