Build React Apps with React Router and Webpack Course

About This Course

The React library allows front-end developers to build web applications that are large, dynamic, and complex while also being robust, performant, and easy to reason-about. This course is designed for developers who have some experience with React and want to be able to build sophisticated applications from scratch.

The Build React Apps with React Router and Webpack training course begins with a quick review of key architectural concepts, characteristics, and elements of React. We’ll demonstrate how you can easily add routing to your application using React Router. Then, we’ll move into an in-depth examination of the more complex aspects of configuring React applications, i.e., setting up Webpack.

Request More Info About This Course

Course Category


This is a two-day, hands-on course.

Skill Level

What Happy Developers Say

The instructor did a good job of adjusting content to meet different skill levels.
Developer, Intuit
The instructor was very knowledgeable, making it easy to ask questions and provided good conversation about the topic at hand.
dell  logoWeb Developer, DELL
The instructor demonstrated strong broad knowledge as well as technical in-depth when appropriate
Engineer, Starbucks
I liked that we could determine what to learn, no time was wasted.
Javascript Developer, RetailMeNot
I had trouble understanding a certain concept, and told the instructor that I just didn't get it. While the class was busy with an exercise, he sat down with me, gave me material to read, and made sure I understood it before I moved on. I really appreciated that.
JavaScript Developer, PayPal
The instructor has a great attitude and pacing. Amazing how much he knows about JS!
Junior JavaScript Developer, Macy's


  • Structure state to maximize component composability.
  • Use npm to install packages and track dependencies.
  • Set up routing with React Router and pass data between routes.
  • Configure Webpack and build for production.


Developers with a solid understanding of JavaScript fundamentals and some React experience.

Course Outline

  • Review of ReactJS fundamentals
  • Installing packages with npm
    • Tracking dependencies with package.json
    • Dependencies and dev-dependencies
  • React Router
    • Keep UI and URL in sync with <Router> and <Route>
    • browserHistory or hashHistory
    • Moving around with <Link>
    • Set a default route with <IndexRoute>
    • Pass data between routes with URL params
  • Powering your app with Webpack
    • What is Webpack?
    • Configuring Webpack with webpack.config.js
    • webpack-dev-server
    • Building for production
  • Loaders & Plugins
    • Babel
    • Style loaders
    • File loaders
    • UglifyJS
    • Live reload
    • Hot Module Replacement
    • Source maps
Request More Info About This Course

Instructors Who Teach This Course



Craig recently released the book, The JavaScript Framework Guide: AngularJS, Backbone, and Ember. Craig has been a guest on the Hanselminutes and JavaScript Jabber podcasts. He’s an avid blogger, and several of his articles have been published in Peter Cooper’s poplular “JavaScript Weekly” newsletter. He also has his own podcast, “The Front-End Developer’s Cast”.

Craig has been a developer f... read more



Elias Carlston has 20 years’ experience as a software engineer, from lean startups to large enterprises. Having great mentors early on showed Elias the value of sharing knowledge, and he enthusiastically embraces the opportunity to give back to the community through teaching. Beginning his career as a data analyst for a large non-profit clinic, he soon became a full stack developer. First, at ... read more



Eric is a professional trainer and software developer who loves learning new things, sharing what he learns, and helping clients to solve business problems. He holds a BS in Computer Science from the Virginia Military Institute, and numerous software certifications to include the Microsoft Certified Professional Developer certification.

Eric has extensive experience providing customized trai... read more



Pete has been doing professional software development since 2001. His experience includes the full spectrum of businesses from large Fortune-500 Enterprises through growing mid-sized companies, down to brand new startups with a handful of founders. He has developed web-based business applications of many flavors, enterprise data center management software, social media applications, industrial ... read more



Azat is a Technology Fellow, Manager at Capital One, and a JavaScript/Node.js expert with several online courses on Udemy and Node University, and 12 books published on the topic, including top-sellers React Quickly (Manning, 2016), Full Stack JavaScript (Apress, 2015), Practical Node.js (Apress, 2014) and Pro Express.js (Apress, 2014). In his spare time, Azat writes about tech on read more



Kamren has a love of all things front-end and has enjoyed bringing his 10+ years of web development experience into each class he teaches. Recently Kamren has been working with a leading insurance company as a senior developer of front-end architecture and mobile web application design. He was instrumental in shaping their front-end development team and leading the company into single page appl... read more

Who Takes This Training?

Learn More About This Course