Version: v5

Quick start

Pre-requisites

If you're already familiar with JavaScript, React Native and webpack, then you'll be able to get moving quickly! Otherwise, it's highly recommended to get yourself familiar with these topic and then come back here:

Installation

To create a new React Native project with Re.Pack or adapt an existing one:

npm
yarn
pnpm
bun
npx @callstack/repack-init

In case the command above didn't work for any reason, you can follow the manual migration guide here.

The defaults work well for most projects

If you need custom settings (like additional loaders or plugins), check out our configuration guide.

Usage

Now that you have Re.Pack configured, you should be able to use Re.Pack's development server and bundle your application.

Running development server

When developing your application, you want to run Re.Pack's development server to compile your source code with Rspack/webpack.

To start the development server, you can use React Native Community CLI and run:

npm
yarn
pnpm
bun
npm run react-native start

To learn about start command, check out the start command documentation.

Bundling the app

When you are building the release version of your application, Re.Pack will be picked up automatically as the bundler. In case you want to create bundle manually, the recommended way is to use React Native Community CLI and run:

npm
yarn
pnpm
bun
npm run react-native bundle

To learn about bundle command, check out the bundle command documentation.

🎉 Congratulations!

You've successfully set up Re.Pack in your project. We highly recommend to check out the following: