How to use the react-router.hashHistory function in react-router

To help you get started, weโ€™ve selected a few react-router 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 jordanholliday / Scheme / frontend / scheme.jsx View on Github external
var React = require('react'),
    ReactDOM = require('react-dom'),
    ReactRouter = require('react-router'),
    Router = ReactRouter.Router,
    Route = ReactRouter.Route,
    IndexRoute = ReactRouter.IndexRoute,
    hashHistory = ReactRouter.hashHistory,
    TaskIndex = require('./components/task_index'),
    ApiUtil = require('./util/api_util'),
    SessionStore = require('./stores/sessions'),
    App = require('./components/app'),
    TaskDetail = require('./components/task_detail'),
    LoginForm = require('./components/login_form'),
    RegistrationForm = require('./components/registration_form'),
    SplashPage = require('./components/splash_page'),
    ProjectDetail = require('./components/project_detail');

var routes = (
github tylermcginnis / react-router-firebase-auth / app / config / routes.js View on Github external
var React = require('react');
var ReactRouter = require('react-router');
var Router = ReactRouter.Router;
var Route = ReactRouter.Route;
var hashHistory = ReactRouter.hashHistory;
var IndexRoute = ReactRouter.IndexRoute;
var Main = require('../components/Main');
var Register = require('../components/login-register/Register');
var Login = require("../components/login-register/Login");
var Logout = require('../components/login-register/Logout');
var Dashboard = require('../components/secure/Dashboard');
var Home = require("../components/Home");
var requireAuth = require('../utils/authenticated')

var routes = (
github Tschaul / twister-react / jsx / App.js View on Github external
, OverlayTrigger = ReactBootstrap.OverlayTrigger
  , Popover = ReactBootstrap.Popover
  , Glyphicon = ReactBootstrap.Glyphicon
  , Grid = ReactBootstrap.Grid
  , Col = ReactBootstrap.Col
  , Row = ReactBootstrap.Row

var React = require('react');
var ReactDOM = require('react-dom');
var ReactRouter = require('react-router');
var Router = ReactRouter.Router;
var Route = ReactRouter.Route; 
var IndexRoute = ReactRouter.IndexRoute; 
var RouteHandler = ReactRouter.RouteHandler; 
var Link = ReactRouter.Link;
var hashHistory = ReactRouter.hashHistory;

var Home = require("./home/Home.js");
var Profile = require("./profile/Profile.js");
var SetIntervalMixin = require("./common/SetIntervalMixin.js");
var SafeStateChangeMixin = require('./common/SafeStateChangeMixin.js');
var Timeline = require('./profile/Timeline.js');
var Followings = require('./profile/Followings.js');
var Mentions = require('./profile/Mentions.js');
var Conversation = require('./other/Conversation.js');
var Hashtag = require('./other/Hashtag.js');
var Settings = require('./other/Settings.js');
var Accounts = require('./other/Accounts.js');
var Featured = require('./other/Featured.js');
var AppSettingsMixin = require('./common/AppSettingsMixin.js');

App = React.createClass({
github urcoilbisurco / Aurora / src / config / routes.js View on Github external
var React = require('react');
var ReactRouter = require('react-router');
var Router = ReactRouter.Router;
var Route = ReactRouter.Route;
var hashHistory = ReactRouter.hashHistory;
var IndexRoute = ReactRouter.IndexRoute;
var Layout = require("../components/layout");
var HomePage = require("../components/home_page");

var routes = (
  
    
      
    
  
);

module.exports = routes;
github mlarosa2 / MeetUp_Clone / frontend / components / header.jsx View on Github external
const React          = require('react');
const SessionActions = require('../actions/session_actions');
const SessionStore   = require('../stores/session_store');
const GroupActions   = require('../actions/group_actions');
const ReactRouter    = require('react-router');
const hashHistory    = ReactRouter.hashHistory;
const Link           = ReactRouter.Link;

const Header = React.createClass({
  getInitialState() {
    return({
      currentUser: SessionStore.currentUser()
    });
  },
  _signOut() {
    SessionActions.logout(this.state.currentUser);
    jQuery('.user-menu').addClass('hide');
    this.setState({currentUser: SessionStore.currentUser()});
    hashHistory.replace("/");
  },
  _signUp(e) {
    e.preventDefault();
github mlarosa2 / MeetUp_Clone / frontend / entry.jsx View on Github external
const SignupForm       = require('./components/signup_form');
const Header           = require('./components/header');
const GroupIndex       = require('./components/group_index');
const GroupDetail      = require('./components/group_detail');
const SessionStore     = require('./stores/session_store');
const SessionActions   = require('./actions/session_actions');
const CreateGroup      = require('./components/create_group_form');
const EditGroup        = require('./components/edit_group_form');
const GroupDescription = require('./components/group_description');
const GroupMembership  = require('./components/group_membership');
const EventIndex       = require('./components/event_index');
const CreateEventForm  = require('./components/create_event_form');
const EditEventForm    = require('./components/edit_event_form');
const ShowEvent        = require('./components/show_event');
const Calendar         = require('./components/calendar');
const hashHistory      = ReactRouter.hashHistory;
const IndexRoute       = ReactRouter.IndexRoute;
const Router           = ReactRouter.Router;
const Route            = ReactRouter.Route;

function _ensureSignIn(nextState, replace) {
  if (!SessionStore.isUserLoggedIn()) {
    replace('/login');
  }
}

const App = React.createClass({
  render() {
    return(
      <div>
        <header>
        <div></div></header></div>
github tifa2UP / Netly / app / components / session / new.js View on Github external
var React = require('react');
var firebase = require('firebase');
var Link = require('react-router').Link;
var hashHistory = require('react-router').hashHistory;

var LogInForm = React.createClass({

	//initially, there are no submission errors
	getInitialState: function(){
		return{hasError: false};
	},

	//logs the user in with the firebase method and reroutes to the home page
	handleLogIn: function(){

		var that = this;
		var email = this.refs.email.value;
		var password = this.refs.password.value;

		firebase.auth().signInWithEmailAndPassword(email, password).catch(function(error) {
github trcummings / PerfectPair / frontend / perfectPair.jsx View on Github external
var React = require('react'),
    ReactDOM = require('react-dom'),
    Router = require('react-router').Router,
    Route = require('react-router').Route,
    IndexRoute = require('react-router').IndexRoute,
    hashHistory = require('react-router').hashHistory,
    App = require('./components/app'),
    SessionStore = require('./stores/sessionStore'),
    SessionApiUtil = require('./util/sessionApiUtil'),
    ProfileMain = require('./components/profile/profileMain'),
    FeedIndex = require('./components/feed/feedIndex'),
    MatchesIndex = require('./components/matches/matchesIndex'),
    MatchesDetail = require('./components/matches/matchesDetail'),
    LikesMain = require('./components/likes/likesMain');

var Router = (
github tifa2UP / Netly / app / components / profileInformation / skills.js View on Github external
var React =require('react');
var firebase = require('firebase');
var Link = require('react-router').Link;
var hashHistory = require('react-router').hashHistory;

var Skills = React.createClass({
	getInitialState: function(){
		return {isCurrentUser: false, editing: false};
	},

	componentWillMount: function(){
		this.userRef = firebase.database().ref().child('users/'+this.props.pageID);
        this.userRef.on("value", snap => {
        	var user = snap.val();
			if(user.skills){
				this.setState({skills: user.skills});
			}else{
				this.setState({skills: ""});
			}
        });
github psl646 / Ask_Anything / frontend / askAnything.jsx View on Github external
var React = require('react');
var ReactDOM = require('react-dom');
var Modal = require("react-modal");

var ReactRouter = require('react-router');
var Router = ReactRouter.Router;
var Route = ReactRouter.Route;
var hashHistory = ReactRouter.hashHistory;


var App = require('./components/App.jsx');
var LoginForm = require('./components/LoginForm.jsx');
var SignupPage = require('./components/SignupPage.jsx');
var SurveysIndex = require('./components/SurveysIndex.jsx');
var QuestionIndexItem = require('./components/QuestionIndexItem.jsx');
var QuestionEditForm = require('./components/QuestionEditForm.jsx');
var UserEditForm = require('./components/UserEditForm.jsx');
var UserEmailPasswordEditForm = require('./components/UserEmailPasswordEditForm.jsx');
var ForgotPasswordSuccess = require('./components/ForgotPasswordSuccess.jsx');
var ResponseForm = require('./components/ResponseForm.jsx');
var Construction = require('./components/Construction.jsx');

var SessionStore = require('./stores/session_store.js');
var SessionApiUtil = require('./util/session_api_util.js');