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.
What Happy Developers Say
The instructor did a good job of adjusting content to meet different skill levels.
The instructor was very knowledgeable, making it easy to ask questions and provided good conversation about the topic at hand.
The instructor demonstrated strong broad knowledge as well as technical in-depth when appropriate
I liked that we could determine what to learn, no time was wasted.
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.
The instructor has a great attitude and pacing. Amazing how much he knows about JS!
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.
- 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
- Building for production
- Loaders & Plugins
Instructors Who Teach This Course
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
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