Beginners guide to build React Project with Webpack
webpack

It’s time to learn something which does not take part in the very initial phase of the development though it becomes really critical when the project starts to grow and inculcates many complexities. The Bundling ….

What is Bundling?

The very first question that arises in anyone’s mind is what the hell is the Bundling? To understand what bundling is, we must understand Why we need it? Hello? Isn’t it? So, When we reach to stage in our development where many packages, libraries, and other important files are being upgraded parallel and the final outcome requires them all together. At that time, it may consume a whole lot of space if we do not compress the development mode files.

A bundler is a tool that takes pieces of code and its dependencies and bundles them into a single file.

Bundlers typically compress the large files and perform a set of rules before it automatically (in the background) compiles all stuff at a single point. Single source of truth 😆. Now that we know, what a bundler is and why it’s needed we need to know what are all tools to achieve a bundle of a project.

What can I use?

There is a number of bundlers available in the market. Webpack, Parcel, Rollup, Browserify, Metro, Bower, Gulp, and many more. Many are being used, some are outdated and some are emerging. But, we need to choose it based on our needs. Our focus is Webpack so we’ll not have other detailed discussions about others. In case anyone wants to evaluate different bundlers, click here.
['Chirag Maniar']
['Webdev', 'Bundler', 'Webpack', 'Frontend', 'Development']