jssourav / namastereactwebseries

Namaste React

ignighting our app

What is Bundler? Our whole code needs to be bundled together, needs to be minified, cashed, compressed, clean. Bundler helps to do all the stuff so that is can be shipped to production. (e.g. Webpack, parcel, vite)

Parcel

• Dev build
• Local Server
• HMR = Hot Module Replacement
• File Watching Algotithm - which Written in c++
• Caching - Faster Builds
• Image optimizations (Local Image obiously)
• Minification of files
• Bundling (Parcel is a bundler)
• Compress files
• Consistent Hasing
• Code Spliting
• Differential Bundling - Support older browser. Your app can be open in internet exp or in older version of internet explorer or in google chrome or mozila so parcel give differential bundling to your app. So that your app can run on older version as well.
• Diagnostic
• Error Handling - showing beautiful error messages on web pages
• Parcel gives https to test in dev/ local.
• Tree shaking - Will remove unused code/ functions for you.
• Different dev and prod bundles