Re.Pack - make Webpack compatible with React Native
Ensure your React components perform as intended as your app grows
Re.Pack is a Webpack-based toolkit to build your React Native application with full support of the Webpack ecosystem
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. It makes Webpack understand React Native codebases and produce bundles that can be run by React Native applications.
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:
- super apps
- mini apps
- modular apps
- underperforming apps
- apps that require advanced custom solutions
Created by Paweł Trysła @_zamotany
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.
Streamline the development and simplify management of your apps on the App Store and Google Play
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.
Better performing apps
Provide better user experience by improving startup performance of your React Native apps
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.
Advanced and custom solutions
Use Re.Pack to create solutions for custom needs in React Native apps using advanced features and configuration options
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.
What’s cool about Re.Pack?
We can help you to:
Develop and bundle for any platform
Use native Android/iOS or customize for other platforms. Fully configurable, no hardcoded elements.
Configure it your way
Customize Webpack with our React Native APIs for efficient, seamless application development and deployment.
Maximize Webpack ecosystem
Maximize Webpack: Configure bundles, control module resolution, adapt to unconventional structures, and explore plugins.
Built-in Flipper support
Utilize Flipper for inspecting logs, React components, layout, network, crashes, and more.
Fully-featured development server
Asynchronous chunks support
Improve loading times by splitting your bundle with async chunks using dynamic import() or manual Webpack config declaration.
Project Team Members
More open source projects
get in touch
Fill in the form and tell us a little bit about your enquiry. We’ll get back to you promptly to discuss your requirements.