Re.Pack (@repack_rn) is an Open Source toolkit that uses Webpack 5 and React Native CLI's plugin system to allow developers to bundle React Native apps using Webpack features.
The toolkit provides developers with the full Webpack ecosystem of plugins and loaders that can be used in building advanced mobile applications that benefit from the code splitting including:
Make use of full Webpack features. Use a plethora of configuration options to adjust the bundling to your needs. Take modules resolution into your hand and freely use functionalities like symlinks or unconventional project structure. Check plugins
Use built-in support for Android and iOS or bring support for your out-of-tree platform. Everything is configurable, nothing is hardcoded.
Use Flipper platform to inspect Application logs, Development server logs, React component tree with React DevTools, Layout, Network, Crashes and more.
Use asynchronous chunks to split your bundle into multiple files and load them on-demand improving initial loading times. Split your code using dynamic import() function or manually declare them inside your Webpack config. Read more
Take full control over the Webpack configuration. Use our APIs - plugins and utilities - to make Webpack-produced bundle compatible with React Native. Check the template
Use code splitting to expose different functionalities or different UIs based on the user's details.
Taking an e-learning app for example:
Code splitting allows developers to separate student’s and teacher’s functionalities. Thanks to that the application loads either of them while decreasing the initial download size of the app and improving startup performance by loading only relevant code.
Both super apps and mini apps stores are applications built from smaller, dedicated mini apps. Instead of having multiple super apps and mini apps on the App Store and Google Play combine them into a single one while streamlining the development and simplifying management.
Thanks to the loading-on-demand functionality load only the necessary pieces of the code and postpone the load of others while improving startup performance (TTR/TTI) in underperforming apps.
Re.Pack allows developers to leverage all Webpack features and enables them to create custom and extraordinary solutions which would otherwise require hacky, unstable or unmaintainable setup.
Join Mike and Paweł as they introduce Re.Pack, an Open Source, Webpack-based toolkit to build React Native apps with the full support of the Webpack ecosystem.