The ability to reply to discussions is limited to PRO members. Want to join in the discussion? Click here to subscribe now.

React Router: hashHistory vs browserHistory

React Router: hashHistory vs browserHistory

1:39
In this lesson we'll look at hashHistory which uses a hash hack to track our route changes vs browserHistory which delivers clean urls, but requires server work to implement
Watch this lesson now
Avatar
egghead.io

In this lesson we'll look at hashHistory which uses a hash hack to track our route changes vs browserHistory which delivers clean urls, but requires server work to implement

Avatar
Jinto

Earler I used to do this.props.history.push() to navigate to a rote dynamically. Now, it throws error. How to do the same with context?

Avatar
h2m2

disagree that an express application is a general case. in fact I doubt that react has prerequisites at all, certainly not node.js.
disagree that const Home = () => ; goes without explanatory comments. It is not even worth a comment.
So if all is clear and we know everything, why do we need this lecture at all?

Avatar
h2m2

another example is this line: ReactDOM.render( , document.getElementById( 'app' ) );
That being written, without further "note that ", we are all enlighted that we are now rendering Routes into the app.

Again, if everything is clear, why the course? I feel a little bit upset with the wealth on skill shared. Literally reading, what any third person types in: I do not need a course for that.

In reply to h2m2
Avatar
Joseph

h2m2, this course does presume some familiarity with React. Sorry if that was not clear and thanks for pointing it out.

Regarding the two lines of code you mentioned requiring more explanation:

ReactDOM.render( <App />, document.getElementById( 'app' ) );
const Home = () => <div><Links /></div>

These common React usages are covered in courses like https://egghead.io/courses/react-fundamentals or https://egghead.io/courses/build-your-first-react-js-application

In reply to h2m2
Avatar
Cameron Fraser

To make browserHistory work without a server you can add historyApiFallback: true to your devServer block in your webpack.config.

HEY, QUICK QUESTION!
Joel's Head
Why are we asking?