Hands-on Webpack for React Development [Video]

More Information
  • Implement React JSX, SASS, and image loaders
  • Execute image compression using loaders
  • Build your own photo gallery and blogging applications
  • Learn how to auto-reload your app on code changes 
  • Explore application development using HMR
  • Practice Webpack Dev server configuration
  • Configure your Webpack plugins
  • Split your code for better performance
  • Work through the lazy loading of your application

As a JavaScript developer you need to configure Webpack to implement React applications quickly and easily. You want to do this to utilize the React UI library and the Webpack module bundler for purposes such as building an Android app of your own. However, you face difficulties in doing this as React offers you a very thin UI framework and leaves you high and dry; it is also difficult to configure Webpack for this purpose.

In this course, you will be shown the benefits of using Webpack for React based development. You will be given an exhaustive walkthrough of Webpack loaders. You will be shown how you can develop apps using Webpack Dev servers. You will then use React components and containers in your blogging application to add features such as text markup, searching, and listing posted articles. You'll earn how you can lazy-load your application to save your time when you split your code.

By the end of this course, you will be able to use simple Webpack configurations and import modules. You will be able to use link tags to navigate to a certain page in the context of both mobile and web apps. All the code and supporting files for this course are available on GitHub at https://github.com/PacktPublishing/Hands-on-Webpack-for-React-development

Style and Approach

The course provides simple Webpack configurations and demonstrates the ability to import modules. Further on, you will be shown how to use link tags to navigate to a certain page.

  • Use Webpack to implement React applications
  • Understand the benefits that Webpack offers for React development
  • Build a React application with Webpack and add features to it
Course Length 2 hours 18 minutes
ISBN 9781789139808
Date Of Publication 26 Jul 2018


Rohan Almeida

Rohan Almeida is a full-stack developer with more than 15 years' experience in developing custom web-based applications. He is a hands-on expert in Python, Elixir, JavaScript, and React. He advocates the use of Linux and has great DevOps skills using GitLab CI, Docker, and Ansible. He believes in the power of open-source software/hardware to benefit society and makes an effort to contribute back to the community.