🚀 react-native-boost

A powerful Babel plugin that automatically optimizes React Native apps through static source code analysis. It replaces standard React Native components with their native counterparts where possible, leading to significant performance improvements.

⚡ Automatic performance optimization through source code analysis
🔒 Safe optimizations that don't break your app
🎯 Virtually zero runtime overhead
📱 Cross-platform compatible
🧪 Works seamlessly with Expo
🎨 Configurable optimization strategies

Documentation

The documentation is available at react-native-boost.oss.kuatsu.de.

Benchmark

The app in the apps/example directory serves as a benchmark for the performance of the plugin.

React Native Boost — iOS frame rate vs render load

See the benchmarks page for Android results and the full methodology.

Compatibility

`react-native-boost`	React Native
`0.x`	All versions¹
`1.x`	`>=0.83`

Installation

Install the package using your favorite package manager. Please do not install the package as a dev dependency. While the Babel plugin itself would work as a dev dependency, it relies on importing the runtime library (react-native-boost/runtime) into your code, which requires the package to be installed as a regular dependency. Read more here.

npm install react-native-boost
# or
yarn add react-native-boost

Then, add the plugin to your Babel configuration (babel.config.js):

module.exports={plugins: ['react-native-boost/plugin'],};

If you're using Expo and don't see the babel.config.js file, run the following command to create it:

npx expo customize babel.config.js

If you're using Unistyles or Nativewind, refer to additional required setup instructions in the documentation.

Finally, restart your React Native development server and clear the bundler cache:

npm start --clear
# or
yarn start --clear

That's it! No imports in your code, rebuilding, or anything else is required.

Optionally, you can configure the Babel plugin with a few options described in the documentation.

How it works

A short overview of how the plugin works as well as a technical deep dive can be found in the documentation.

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT

Starting from React Native 0.80, react-native-boost@0 prints import deprecation warnings. ↩

🚀 react-native-boost

A powerful Babel plugin that automatically optimizes React Native apps through static source code analysis. It replaces standard React Native components with their native counterparts where possible, leading to significant performance improvements.

⚡ Automatic performance optimization through source code analysis
🔒 Safe optimizations that don't break your app
🎯 Virtually zero runtime overhead
📱 Cross-platform compatible
🧪 Works seamlessly with Expo
🎨 Configurable optimization strategies

Documentation

The documentation is available at react-native-boost.oss.kuatsu.de.

Benchmark

The app in the apps/example directory serves as a benchmark for the performance of the plugin.

See the benchmarks page for Android results and the full methodology.

Compatibility

`react-native-boost`	React Native
`0.x`	All versions¹
`1.x`	`>=0.83`

Installation

Install the package using your favorite package manager. Please do not install the package as a dev dependency. While the Babel plugin itself would work as a dev dependency, it relies on importing the runtime library (react-native-boost/runtime) into your code, which requires the package to be installed as a regular dependency. Read more here.

npm install react-native-boost
# or
yarn add react-native-boost

Then, add the plugin to your Babel configuration (babel.config.js):

module.exports={plugins: ['react-native-boost/plugin'],};

If you're using Expo and don't see the babel.config.js file, run the following command to create it:

npx expo customize babel.config.js

If you're using Unistyles or Nativewind, refer to additional required setup instructions in the documentation.

Finally, restart your React Native development server and clear the bundler cache:

npm start --clear
# or
yarn start --clear

That's it! No imports in your code, rebuilding, or anything else is required.

Optionally, you can configure the Babel plugin with a few options described in the documentation.

How it works

A short overview of how the plugin works as well as a technical deep dive can be found in the documentation.

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT

Starting from React Native 0.80, react-native-boost@0 prints import deprecation warnings. ↩

🚀 react-native-boost

A powerful Babel plugin that automatically optimizes React Native apps through static source code analysis. It replaces standard React Native components with their native counterparts where possible, leading to significant performance improvements.

⚡ Automatic performance optimization through source code analysis
🔒 Safe optimizations that don't break your app
🎯 Virtually zero runtime overhead
📱 Cross-platform compatible
🧪 Works seamlessly with Expo
🎨 Configurable optimization strategies

Documentation

The documentation is available at react-native-boost.oss.kuatsu.de.

Benchmark

The app in the apps/example directory serves as a benchmark for the performance of the plugin.

See the benchmarks page for Android results and the full methodology.

Compatibility

`react-native-boost`	React Native
`0.x`	All versions¹
`1.x`	`>=0.83`

Installation

Install the package using your favorite package manager. Please do not install the package as a dev dependency. While the Babel plugin itself would work as a dev dependency, it relies on importing the runtime library (react-native-boost/runtime) into your code, which requires the package to be installed as a regular dependency. Read more here.

npm install react-native-boost
# or
yarn add react-native-boost

Then, add the plugin to your Babel configuration (babel.config.js):

module.exports={plugins: ['react-native-boost/plugin'],};

If you're using Expo and don't see the babel.config.js file, run the following command to create it:

npx expo customize babel.config.js

If you're using Unistyles or Nativewind, refer to additional required setup instructions in the documentation.

Finally, restart your React Native development server and clear the bundler cache:

npm start --clear
# or
yarn start --clear

That's it! No imports in your code, rebuilding, or anything else is required.

Optionally, you can configure the Babel plugin with a few options described in the documentation.

How it works

A short overview of how the plugin works as well as a technical deep dive can be found in the documentation.

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT

Starting from React Native 0.80, react-native-boost@0 prints import deprecation warnings. ↩

🚀 react-native-boost

A powerful Babel plugin that automatically optimizes React Native apps through static source code analysis. It replaces standard React Native components with their native counterparts where possible, leading to significant performance improvements.

⚡ Automatic performance optimization through source code analysis
🔒 Safe optimizations that don't break your app
🎯 Virtually zero runtime overhead
📱 Cross-platform compatible
🧪 Works seamlessly with Expo
🎨 Configurable optimization strategies

Documentation

The documentation is available at react-native-boost.oss.kuatsu.de.

Benchmark

The app in the apps/example directory serves as a benchmark for the performance of the plugin.

See the benchmarks page for Android results and the full methodology.

Compatibility

`react-native-boost`	React Native
`0.x`	All versions¹
`1.x`	`>=0.83`

Installation

Install the package using your favorite package manager. Please do not install the package as a dev dependency. While the Babel plugin itself would work as a dev dependency, it relies on importing the runtime library (react-native-boost/runtime) into your code, which requires the package to be installed as a regular dependency. Read more here.

npm install react-native-boost
# or
yarn add react-native-boost

Then, add the plugin to your Babel configuration (babel.config.js):

module.exports={plugins: ['react-native-boost/plugin'],};

If you're using Expo and don't see the babel.config.js file, run the following command to create it:

npx expo customize babel.config.js

If you're using Unistyles or Nativewind, refer to additional required setup instructions in the documentation.

Finally, restart your React Native development server and clear the bundler cache:

npm start --clear
# or
yarn start --clear

That's it! No imports in your code, rebuilding, or anything else is required.

Optionally, you can configure the Babel plugin with a few options described in the documentation.

How it works

A short overview of how the plugin works as well as a technical deep dive can be found in the documentation.

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT

Starting from React Native 0.80, react-native-boost@0 prints import deprecation warnings. ↩

🚀 react-native-boost

A powerful Babel plugin that automatically optimizes React Native apps through static source code analysis. It replaces standard React Native components with their native counterparts where possible, leading to significant performance improvements.

⚡ Automatic performance optimization through source code analysis
🔒 Safe optimizations that don't break your app
🎯 Virtually zero runtime overhead
📱 Cross-platform compatible
🧪 Works seamlessly with Expo
🎨 Configurable optimization strategies

Documentation

The documentation is available at react-native-boost.oss.kuatsu.de.

Benchmark

The app in the apps/example directory serves as a benchmark for the performance of the plugin.

See the benchmarks page for Android results and the full methodology.

Compatibility

`react-native-boost`	React Native
`0.x`	All versions¹
`1.x`	`>=0.83`

Installation

Install the package using your favorite package manager. Please do not install the package as a dev dependency. While the Babel plugin itself would work as a dev dependency, it relies on importing the runtime library (react-native-boost/runtime) into your code, which requires the package to be installed as a regular dependency. Read more here.

npm install react-native-boost
# or
yarn add react-native-boost

Then, add the plugin to your Babel configuration (babel.config.js):

module.exports={plugins: ['react-native-boost/plugin'],};

If you're using Expo and don't see the babel.config.js file, run the following command to create it:

npx expo customize babel.config.js

If you're using Unistyles or Nativewind, refer to additional required setup instructions in the documentation.

Finally, restart your React Native development server and clear the bundler cache:

npm start --clear
# or
yarn start --clear

That's it! No imports in your code, rebuilding, or anything else is required.

Optionally, you can configure the Babel plugin with a few options described in the documentation.

How it works

A short overview of how the plugin works as well as a technical deep dive can be found in the documentation.

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT

Starting from React Native 0.80, react-native-boost@0 prints import deprecation warnings. ↩

🚀 react-native-boost

A powerful Babel plugin that automatically optimizes React Native apps through static source code analysis. It replaces standard React Native components with their native counterparts where possible, leading to significant performance improvements.

⚡ Automatic performance optimization through source code analysis
🔒 Safe optimizations that don't break your app
🎯 Virtually zero runtime overhead
📱 Cross-platform compatible
🧪 Works seamlessly with Expo
🎨 Configurable optimization strategies

Documentation

The documentation is available at react-native-boost.oss.kuatsu.de.

Benchmark

The app in the apps/example directory serves as a benchmark for the performance of the plugin.

See the benchmarks page for Android results and the full methodology.

Compatibility

`react-native-boost`	React Native
`0.x`	All versions¹
`1.x`	`>=0.83`

Installation

Install the package using your favorite package manager. Please do not install the package as a dev dependency. While the Babel plugin itself would work as a dev dependency, it relies on importing the runtime library (react-native-boost/runtime) into your code, which requires the package to be installed as a regular dependency. Read more here.

npm install react-native-boost
# or
yarn add react-native-boost

Then, add the plugin to your Babel configuration (babel.config.js):

module.exports={plugins: ['react-native-boost/plugin'],};

If you're using Expo and don't see the babel.config.js file, run the following command to create it:

npx expo customize babel.config.js

If you're using Unistyles or Nativewind, refer to additional required setup instructions in the documentation.

Finally, restart your React Native development server and clear the bundler cache:

npm start --clear
# or
yarn start --clear

That's it! No imports in your code, rebuilding, or anything else is required.

Optionally, you can configure the Babel plugin with a few options described in the documentation.

How it works

A short overview of how the plugin works as well as a technical deep dive can be found in the documentation.

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT

Starting from React Native 0.80, react-native-boost@0 prints import deprecation warnings. ↩

🚀 react-native-boost

A powerful Babel plugin that automatically optimizes React Native apps through static source code analysis. It replaces standard React Native components with their native counterparts where possible, leading to significant performance improvements.

⚡ Automatic performance optimization through source code analysis
🔒 Safe optimizations that don't break your app
🎯 Virtually zero runtime overhead
📱 Cross-platform compatible
🧪 Works seamlessly with Expo
🎨 Configurable optimization strategies

Documentation

The documentation is available at react-native-boost.oss.kuatsu.de.

Benchmark

The app in the apps/example directory serves as a benchmark for the performance of the plugin.

See the benchmarks page for Android results and the full methodology.

Compatibility

`react-native-boost`	React Native
`0.x`	All versions¹
`1.x`	`>=0.83`

Installation

Install the package using your favorite package manager. Please do not install the package as a dev dependency. While the Babel plugin itself would work as a dev dependency, it relies on importing the runtime library (react-native-boost/runtime) into your code, which requires the package to be installed as a regular dependency. Read more here.

npm install react-native-boost
# or
yarn add react-native-boost

Then, add the plugin to your Babel configuration (babel.config.js):

module.exports={plugins: ['react-native-boost/plugin'],};

If you're using Expo and don't see the babel.config.js file, run the following command to create it:

npx expo customize babel.config.js

If you're using Unistyles or Nativewind, refer to additional required setup instructions in the documentation.

Finally, restart your React Native development server and clear the bundler cache:

npm start --clear
# or
yarn start --clear

That's it! No imports in your code, rebuilding, or anything else is required.

Optionally, you can configure the Babel plugin with a few options described in the documentation.

How it works

A short overview of how the plugin works as well as a technical deep dive can be found in the documentation.

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT

Starting from React Native 0.80, react-native-boost@0 prints import deprecation warnings. ↩

🚀 react-native-boost

A powerful Babel plugin that automatically optimizes React Native apps through static source code analysis. It replaces standard React Native components with their native counterparts where possible, leading to significant performance improvements.

⚡ Automatic performance optimization through source code analysis
🔒 Safe optimizations that don't break your app
🎯 Virtually zero runtime overhead
📱 Cross-platform compatible
🧪 Works seamlessly with Expo
🎨 Configurable optimization strategies

Documentation

The documentation is available at react-native-boost.oss.kuatsu.de.

Benchmark

The app in the apps/example directory serves as a benchmark for the performance of the plugin.

See the benchmarks page for Android results and the full methodology.

Compatibility

`react-native-boost`	React Native
`0.x`	All versions¹
`1.x`	`>=0.83`

Installation

Install the package using your favorite package manager. Please do not install the package as a dev dependency. While the Babel plugin itself would work as a dev dependency, it relies on importing the runtime library (react-native-boost/runtime) into your code, which requires the package to be installed as a regular dependency. Read more here.

npm install react-native-boost
# or
yarn add react-native-boost

Then, add the plugin to your Babel configuration (babel.config.js):

module.exports={plugins: ['react-native-boost/plugin'],};

If you're using Expo and don't see the babel.config.js file, run the following command to create it:

npx expo customize babel.config.js

If you're using Unistyles or Nativewind, refer to additional required setup instructions in the documentation.

Finally, restart your React Native development server and clear the bundler cache:

npm start --clear
# or
yarn start --clear

That's it! No imports in your code, rebuilding, or anything else is required.

Optionally, you can configure the Babel plugin with a few options described in the documentation.

How it works

A short overview of how the plugin works as well as a technical deep dive can be found in the documentation.

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT

Starting from React Native 0.80, react-native-boost@0 prints import deprecation warnings. ↩

Name		Name	Last commit message	Last commit date
.github		.github
.husky		.husky
.zed		.zed
apps		apps
benchmarks		benchmarks
packages		packages
tooling/benchmark		tooling/benchmark
.gitignore		.gitignore
.lintstagedrc		.lintstagedrc
.npmrc		.npmrc
.nvmrc		.nvmrc
.oxfmtrc.json		.oxfmtrc.json
.oxlintrc.json		.oxlintrc.json
AGENTS.md		AGENTS.md
CODE_OF_CONDUCT.md		CODE_OF_CONDUCT.md
CONTRIBUTING.md		CONTRIBUTING.md
LICENSE		LICENSE
README.md		README.md
commitlint.config.mjs		commitlint.config.mjs
package.json		package.json
pnpm-lock.yaml		pnpm-lock.yaml
pnpm-workspace.yaml		pnpm-workspace.yaml
tsconfig.json		tsconfig.json

Name		Name	Last commit message	Last commit date
.github		.github
.husky		.husky
.zed		.zed
apps		apps
benchmarks		benchmarks
packages		packages
tooling/benchmark		tooling/benchmark
.gitignore		.gitignore
.lintstagedrc		.lintstagedrc
.npmrc		.npmrc
.nvmrc		.nvmrc
.oxfmtrc.json		.oxfmtrc.json
.oxlintrc.json		.oxlintrc.json
AGENTS.md		AGENTS.md
CODE_OF_CONDUCT.md		CODE_OF_CONDUCT.md
CONTRIBUTING.md		CONTRIBUTING.md
LICENSE		LICENSE
README.md		README.md
commitlint.config.mjs		commitlint.config.mjs
package.json		package.json
pnpm-lock.yaml		pnpm-lock.yaml
pnpm-workspace.yaml		pnpm-workspace.yaml
tsconfig.json		tsconfig.json

Name		Name	Last commit message	Last commit date
.github		.github
.husky		.husky
.zed		.zed
apps		apps
benchmarks		benchmarks
packages		packages
tooling/benchmark		tooling/benchmark
.gitignore		.gitignore
.lintstagedrc		.lintstagedrc
.npmrc		.npmrc
.nvmrc		.nvmrc
.oxfmtrc.json		.oxfmtrc.json
.oxlintrc.json		.oxlintrc.json
AGENTS.md		AGENTS.md
CODE_OF_CONDUCT.md		CODE_OF_CONDUCT.md
CONTRIBUTING.md		CONTRIBUTING.md
LICENSE		LICENSE
README.md		README.md
commitlint.config.mjs		commitlint.config.mjs
package.json		package.json
pnpm-lock.yaml		pnpm-lock.yaml
pnpm-workspace.yaml		pnpm-workspace.yaml
tsconfig.json		tsconfig.json

Name		Name	Last commit message	Last commit date
.github		.github
.husky		.husky
.zed		.zed
apps		apps
benchmarks		benchmarks
packages		packages
tooling/benchmark		tooling/benchmark
.gitignore		.gitignore
.lintstagedrc		.lintstagedrc
.npmrc		.npmrc
.nvmrc		.nvmrc
.oxfmtrc.json		.oxfmtrc.json
.oxlintrc.json		.oxlintrc.json
AGENTS.md		AGENTS.md
CODE_OF_CONDUCT.md		CODE_OF_CONDUCT.md
CONTRIBUTING.md		CONTRIBUTING.md
LICENSE		LICENSE
README.md		README.md
commitlint.config.mjs		commitlint.config.mjs
package.json		package.json
pnpm-lock.yaml		pnpm-lock.yaml
pnpm-workspace.yaml		pnpm-workspace.yaml
tsconfig.json		tsconfig.json

Name		Name	Last commit message	Last commit date
.github		.github
.husky		.husky
.zed		.zed
apps		apps
benchmarks		benchmarks
packages		packages
tooling/benchmark		tooling/benchmark
.gitignore		.gitignore
.lintstagedrc		.lintstagedrc
.npmrc		.npmrc
.nvmrc		.nvmrc
.oxfmtrc.json		.oxfmtrc.json
.oxlintrc.json		.oxlintrc.json
AGENTS.md		AGENTS.md
CODE_OF_CONDUCT.md		CODE_OF_CONDUCT.md
CONTRIBUTING.md		CONTRIBUTING.md
LICENSE		LICENSE
README.md		README.md
commitlint.config.mjs		commitlint.config.mjs
package.json		package.json
pnpm-lock.yaml		pnpm-lock.yaml
pnpm-workspace.yaml		pnpm-workspace.yaml
tsconfig.json		tsconfig.json

Uh oh!

Uh oh!

Latest commit

History

Folders and files

Repository files navigation

🚀 react-native-boost

Documentation

Benchmark

Compatibility

Installation

How it works

Contributing

License

Footnotes

About

Resources

Code of conduct

Contributing

Stars

Watchers

Forks

Releases

Sponsor this project

Packages

Used by

Contributors

Languages

Uh oh!

Uh oh!

Latest commit

History

Folders and files

Repository files navigation

🚀 react-native-boost

Documentation

Benchmark

Compatibility

Installation

How it works

Contributing

License

Footnotes

About

Resources

Code of conduct

Contributing

Stars

Watchers

Forks

Releases

Sponsor this project

Packages

Used by

Contributors

Languages

Uh oh!

Uh oh!

Latest commit

History

Folders and files

Repository files navigation

🚀 react-native-boost

Documentation

Benchmark

Compatibility

Installation

How it works

Contributing

License

Footnotes

About

Resources

Code of conduct

Contributing

Stars

Watchers

Forks

Releases

Sponsor this project