#Hello World!

Before diving deep into Re.Pack and introducing it into project, it's important to understand when and why to use Re.Pack and how does it compare with alternatives.

#What @callstack/repack actually is?

React Native environment and Browser environment have differences. React Native needs to run additional JS setup/init code so that it's usable at all. There's a great discrepancy between available APIs. In React Native we also have platform specific files — e.g.: .ios.js, .android.js and so on.

Putting all the above together, makes webpack unable to produce bundle at all due to build errors and then the bundle produced by webpack is unusable by default.

Therefore, we need to make changes to webpack configuration and change how and what webpack puts into the final bundle. All these necessary changes are encapsulated inside Re.Pack in form of webpack plugins.

So to answer the question:

#Tabs

npm install rspress -D

#Package Manager Tabs

npm install rspress -D

yarn add rspress -D

pnpm add rspress -D

bun add rspress -D

deno add npm:rspress -D

#Example Table

Here is a simple markdown table:

#Inline Code Block

npm install rspress -D

#Code Block

npm install rspress -D

#Code Block with Highlight

const a = 1;
const b = 2;
const c = 3;
const d = 4;

#Container cases

module.exports = {
  presets: ["module:@react-native/babel-preset"],
  plugins: ["react-native-reanimated/plugin"],
};

#LinkCards

#Cards

#Badges

#Custom Badges

Rspress