Course

Build A React App With Redux

1
Bootstrap a React Application with Yarn & Create React App
2m 18s
2
Render a React UI with JSX
2m 25s
3
Render in React Based on a Global State Object
3m 2s
4
Refactor JSX in React to Stateless Functional Components
5m 18s
5
Create a Redux-Style Reducer Function
5m 23s
6
Create a Redux Store
2m 23s
7
Render React UI Based on State Changes with Subscribe in Redux
2m 7s
8
Keep UI and State Synchronized Using Controlled Components in React with Redux
6m 45s
9
Make Dispatching Redux Actions More Reliable With Action Creators
3m 16s
10
Create Redux Dispatch Functions From Action Creators with bindActionCreators
2m 10s
11
Connect Redux to a React Application with react-redux
4m 8s
12
Handle Actions in Redux with mapDispatchToProps
2m 37s
13
Use mapDispatchToProps Shorthand Syntax in Redux
1m 42s
14
Connect Redux to Individual React Components For More Efficient Rendering
6m 59s
15
Setup a Mock API Server with the json-server npm module
1m 35s
16
Dispatch Asynchronous Actions with Redux Thunk Middleware
8m 29s
17
Save New Records on The Server with Redux Thunk and Fetch
6m 38s
18
Configure and Use Redux Dev Tools
4m 13s
19
Create a React Component to Display Status Messages
2m 35s
20
Use Multiple Reducers in Redux with combineReducers
6m 21s
21
Respond to a Single Redux Action in Multiple Reducers
3m 9s
22
Update Existing Records on The Server with Redux Thunk and Fetch
7m 44s
23
Delete Existing Records on The Server with Redux Thunk and Fetch
6m 14s
24
Add React Router to a Redux Application
2m 50s
25
Filter State Data in Redux with a Selector Function and React Router
4m 22s
26
Configure a React & Redux Application For Production Deployment and Deploy to Now
6m 27s

Add React Router to a Redux Application

InstructorAndy Van Slaars

Share this video with your friends

Send Tweet

Published 7 years ago

Updated 5 years ago

In this lesson, we’ll install React Router as a project dependency and add links that will update the url via pushState to avoid reloading our page on changes.

View code on GitHub

Juan Marco

~ 6 years ago

It looks like this particular video might need an update. Since React Router V4 We need to import import { BrowserRouter as Router } from 'react-router-dom' directly into index.js and wrap the entire app in the <Router> component. Like this:

import { BrowserRouter as Router  } from 'react-router-dom'

ReactDOM.render(
  <Router>
    <Provider store={store}>
      <App />
    </Provider>
  </Router>,
  document.getElementById('root')
)

See more on this here

Markdown supported.

Become a member to join the discussionEnroll Today

Build A React App With Redux

Add React Router to a Redux Application

Social Share Links