How to use navigation-react - 7 common examples

To help you get started, we’ve selected a few navigation-react examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github grahammendick / NavigationEdge / NavigationEdgeApi / node / Component.jsx View on Github external
var React = require('react');
var NavigationReact = require('navigation-react');
var NavigationLink = NavigationReact.NavigationLink;
var RefreshLink = NavigationReact.RefreshLink;
var NavigationBackLink = NavigationReact.NavigationBackLink;

exports.Listing = React.createClass({
    render: function() {
        var stateNavigator = this.props.stateNavigator;
        // Renders a list of people from the props.
        var people = this.props.people.map(function (person) {
            return (
                
                    
						
							{person.Name}
						
                    {person.DateOfBirth}
github grahammendick / NavigationEdge / NavigationEdgeApi / node / Component.js View on Github external
var React = require('react');
var NavigationReact = require('navigation-react');
var NavigationLink = NavigationReact.NavigationLink;
var RefreshLink = NavigationReact.RefreshLink;
var NavigationBackLink = NavigationReact.NavigationBackLink;

exports.Listing = React.createClass({displayName: "Listing",
    render: function() {
        var stateNavigator = this.props.stateNavigator;
        // Renders a list of people from the props.
        var people = this.props.people.map(function (person) {
            return (
                React.createElement("tr", {key: person.Id}, 
                    React.createElement("td", null, 
						React.createElement(NavigationLink, {
							stateKey: "person", 
							navigationData: {id: person.Id}, 
							stateNavigator: stateNavigator}, 
							person.Name
						)), 
                    React.createElement("td", null, person.DateOfBirth)
github grahammendick / NavigationEdge / NavigationEdgeApi / node / Component.jsx View on Github external
var React = require('react');
var NavigationReact = require('navigation-react');
var NavigationLink = NavigationReact.NavigationLink;
var RefreshLink = NavigationReact.RefreshLink;
var NavigationBackLink = NavigationReact.NavigationBackLink;

exports.Listing = React.createClass({
    render: function() {
        var stateNavigator = this.props.stateNavigator;
        // Renders a list of people from the props.
        var people = this.props.people.map(function (person) {
            return (
                
                    
						
							{person.Name}
github grahammendick / NavigationEdge / NavigationEdgeApi / node / Component.js View on Github external
var React = require('react');
var NavigationReact = require('navigation-react');
var NavigationLink = NavigationReact.NavigationLink;
var RefreshLink = NavigationReact.RefreshLink;
var NavigationBackLink = NavigationReact.NavigationBackLink;

exports.Listing = React.createClass({displayName: "Listing",
    render: function() {
        var stateNavigator = this.props.stateNavigator;
        // Renders a list of people from the props.
        var people = this.props.people.map(function (person) {
            return (
                React.createElement("tr", {key: person.Id}, 
                    React.createElement("td", null, 
						React.createElement(NavigationLink, {
							stateKey: "person", 
							navigationData: {id: person.Id}, 
							stateNavigator: stateNavigator}, 
							person.Name
github grahammendick / NavigationEdge / NavigationEdgeApi / node / Component.jsx View on Github external
var React = require('react');
var NavigationReact = require('navigation-react');
var NavigationLink = NavigationReact.NavigationLink;
var RefreshLink = NavigationReact.RefreshLink;
var NavigationBackLink = NavigationReact.NavigationBackLink;

exports.Listing = React.createClass({
    render: function() {
        var stateNavigator = this.props.stateNavigator;
        // Renders a list of people from the props.
        var people = this.props.people.map(function (person) {
            return (
                
                    
						
							{person.Name}
github grahammendick / NavigationEdge / NavigationEdgeApi / node / Component.js View on Github external
var React = require('react');
var NavigationReact = require('navigation-react');
var NavigationLink = NavigationReact.NavigationLink;
var RefreshLink = NavigationReact.RefreshLink;
var NavigationBackLink = NavigationReact.NavigationBackLink;

exports.Listing = React.createClass({displayName: "Listing",
    render: function() {
        var stateNavigator = this.props.stateNavigator;
        // Renders a list of people from the props.
        var people = this.props.people.map(function (person) {
            return (
                React.createElement("tr", {key: person.Id}, 
                    React.createElement("td", null, 
						React.createElement(NavigationLink, {
							stateKey: "person", 
							navigationData: {id: person.Id}, 
							stateNavigator: stateNavigator}, 
							person.Name
						)),
github grahammendick / navigation / NavigationReact / sample / isomorphic / Details.js View on Github external
var React = require('react');
var NavigationReact = require('navigation-react');
var NavigationBackLink = NavigationReact.NavigationBackLink;

module.exports = React.createClass({
    render: function() {
        var person = this.props.person;
        return (
            React.createElement("div", {id: "details"}, 
                React.createElement(NavigationBackLink, {distance: 1}, "People"), 
                React.createElement("div", {id: "info"}, 
                    React.createElement("h2", null, person.name), 
                    React.createElement("div", {className: "label"}, "Date of Birth"), 
                    React.createElement("div", null, person.dateOfBirth), 
                    React.createElement("div", {className: "label"}, "Email"), 
                    React.createElement("div", null, person.email), 
                    React.createElement("div", {className: "label"}, "Phone"), 
                    React.createElement("div", null, person.phone)
                )

navigation-react

React plugin for the Navigation router

Apache-2.0
Latest version published 2 years ago

Package Health Score

58 / 100
Full package analysis