npmpackage.info

Gathering detailed insights and metrics for simple-react-navigation

Other packages similar to simple-react-navigation

react-native-simple-navigation

1.2.0-re

React Native lightweight library for navigation with swiping

react-tabs-scrollable

2.0.8

a simple react scrollable tabs with a lot of additional features and with fully supporting of RTL mode

react-ios-navigation

0.4.63

This is a simple navigation component for React Native iOS. The idea behind this is to have a navigation component that is similar to the one used in iOS. I'll be adding more features as I go along.

react-simple-navigation

0.2.2

A simple navigation router for React-Native

Gathering detailed insights and metrics for simple-react-navigation

simple-react-navigation

1.0.1

JavaScript

6.36 kB

1,077 1.3

Installations

npm install simple-react-navigation

Developer Guide

BETA

Typescript

No

Module System

N/A

Node Version

7.7.3

NPM Version

4.1.2 Score

50.5

Supply Chain

93.9

Quality

Maintenance

Vulnerability

99.6

License

Pull Requests

Open

0

Total

0

Closed

0

Issues

Open

0

Total

0

Closed

0

Releases

Unable to fetch releases

Languages

JavaScript

JavaScript (100%)

Developer

joeypoon

Download Statistics

Total Downloads

1,077

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

17 Commits

1 Branches

1 Contributors

Updated on Mar 27, 2017

Bundle Size

18.95 kB

Minified

6.36 kB

Minified + Gzipped

Bundlephobia

Maintainers

View All 1 Contributors

Package Meta Information

Latest Version

1.0.1

Package Id

simple-react-navigation@1.0.1

Size

17.51 kB

NPM Version

4.1.2

Node Version

7.7.3

Total Downloads

Cumulative downloads

Total Downloads

1,077

Last Day

Compared to previous day

Last Week

200%

Compared to previous week

Last Month

-13.3%

Compared to previous month

Last Year

40%

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

react

Dev Dependencies

babel-cli babel-preset-env

simple-react-navigation

Easy to setup stack navigation for react and react-native apps using Redux.

Installation

npm install simple-react-navigation

Setup

App.js

	import React from 'react';
	import { Provider } from 'react-redux';

	import store from './store';
	import Main from './components';

	export default function App() {
		return (
			<Provider store={ store }>
				<Main />
			</Provider>
		);
	}

Main.js

	import React from 'react';
	import { connect } from 'react-redux';
	import Navigator from 'simple-react-navigation';

	import { routes } from '../routes';

	function Main(props) {
		return <Navigator routeStack={ props.routeStack } routes={ routes } />
	}

	function mapStateToProps(state) {
		return {
			routeStack: state.routeStack
		};
	}

	export default connect(mapStateToProps)(Main);

routeStack.reducer.js

	import { createReducer } from 'simple-react-navigation';

	const options = {
		defaultRoute: 'Home'
	}
	export default createReducer(options);

routes.js

	import Home from './components/Home';
	import Foo from './components/Foo';

	export const routes = {
		Home: { screen: Home },
		Foo: { screen: Foo }
	};

routeStack.actions.js

	const NAVIGATE = 'NAVIGATE';
	const NAVIGATE_BACK = 'NAVIGATE_BACK';

	export function navigate(route) {
		return {
			type: NAVIGATE,
			route
		};
	}

	export function navigateBack() {
		return {
			type: NAVIGATE_BACK
		}
	}

Usage

Home.component.js

	import React from 'react';
	import { connect } from 'react-redux';

	import { navigate } from '../../actions/routeStack.actions';

	export function Home(props) {
	  const { navigate } = props;
	  return (
	    <div>
	      <Button onClick={ navigate.bind(this, 'Foo')>
	      	Navigate to 'Foo'
	      </Button>
	    </div>
	  );
	}

	const actions = { navigate };
	export default connect(null, actions)(Home);

Foo.component.js

	import React from 'react';
	import { connect } from 'react-redux';

	import { navigateBack } from '../actions/routeStack.actions';

	function Foo(props) {
		const { navigateBack } = props;
	  return (
	  	<div>
		  	<Button onClick={ navigateBack }>
		  		Navigate back to last active route
		  	</Button>
			</div>
		);
	}

	const actions = { navigateBack };
	export default connect(null, actions)(Foo);

No vulnerabilities found.

10

Binary-Artifacts

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

0

SAST

Determines if the project uses static code analysis.

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

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

License

Determines if the project has defined a license.

0

Branch-Protection

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

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Reason

48 existing vulnerabilities detected

Details

Warn: Project is vulnerable to: GHSA-v88g-cgmw-v5xw
Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92
Warn: Project is vulnerable to: GHSA-832h-xg76-4gv6
Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw
Warn: Project is vulnerable to: GHSA-cwfw-4gq5-mrqx
Warn: Project is vulnerable to: GHSA-g95f-p29q-9xw4
Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg
Warn: Project is vulnerable to: GHSA-9vvw-cc9w-f27h
Warn: Project is vulnerable to: GHSA-gxpj-cx7g-858c
Warn: Project is vulnerable to: GHSA-hr2v-3952-633q
Warn: Project is vulnerable to: GHSA-qrmc-fj45-qfc2
Warn: Project is vulnerable to: GHSA-8r6j-v8pm-fqw3
Warn: Project is vulnerable to: MAL-2023-462
Warn: Project is vulnerable to: GHSA-xf7w-r453-m56c
Warn: Project is vulnerable to: GHSA-44pw-h2cw-w3vq
Warn: Project is vulnerable to: GHSA-jp4x-w63m-7wgm
Warn: Project is vulnerable to: GHSA-c429-5p7v-vgjp
Warn: Project is vulnerable to: GHSA-qqgx-2p2h-9c37
Warn: Project is vulnerable to: GHSA-896r-f27r-55mw
Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h
Warn: Project is vulnerable to: GHSA-fvqr-27wr-82fm
Warn: Project is vulnerable to: GHSA-4xc9-xhrj-v574
Warn: Project is vulnerable to: GHSA-x5rq-j2xg-h7qm
Warn: Project is vulnerable to: GHSA-jf85-cpcp-j695
Warn: Project is vulnerable to: GHSA-p6mc-m468-83gw
Warn: Project is vulnerable to: GHSA-29mw-wpgm-hmr9
Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm
Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv
Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3
Warn: Project is vulnerable to: GHSA-vh95-rmgr-6w4m
Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h
Warn: Project is vulnerable to: GHSA-w9mr-4mfr-499f
Warn: Project is vulnerable to: GHSA-r683-j2x4-v87g
Warn: Project is vulnerable to: GHSA-hrpp-h998-j3pp
Warn: Project is vulnerable to: GHSA-6g33-f262-xjp4
Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6
Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw
Warn: Project is vulnerable to: GHSA-2m39-62fm-q8r3
Warn: Project is vulnerable to: GHSA-mf6x-7mm4-x2g7
Warn: Project is vulnerable to: GHSA-j44m-qm6p-hp7m
Warn: Project is vulnerable to: GHSA-3jfq-g458-7qm9
Warn: Project is vulnerable to: GHSA-5955-9wpr-37jh
Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36
Warn: Project is vulnerable to: GHSA-g7q5-pjjr-gqvp
Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3
Warn: Project is vulnerable to: GHSA-662x-fhqg-9p8v
Warn: Project is vulnerable to: GHSA-394c-5j6w-4xmx
Warn: Project is vulnerable to: GHSA-fhg7-m89q-25r3

Score

1.3

/10

Last Scanned on 2025-06-23

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

simple-react-navigation - 1.0.1 | npmpackage.info