Звучит как кликбейт, но давайте разберёмся.
Итак, React Native Boost состоит из двух частей:
1️⃣ Babel-плагин, который применяет микрооптимизации к вашему коду. Оптимизации применяются только в том случае, если они не ломают логику приложения.
2️⃣ Рантайм-библиотека, которая оптимизирует код, когда это невозможно сделать на этапе сборки.
В текущей реализации оптимизации затрагивают два компонента: View и Text.
Идея в том, что эти компоненты — JS-обёртки над нативными TextNativeComponent и ViewNativeComponent. Они добавляют много кода для обработки краевых случаев, например View, вложенные в Text.
Плагин статически анализирует ваш код, находит места, где можно избавиться от обёрток и использовать нативные компоненты напрямую.
Кроме того, плагин генерирует рантайм-библиотеку, которая применяет оптимизации, невозможные на этапе сборки.
Установка и настройка:
// cli
npm install react-native-boost
// or expo
npx expo customize babel.config.js
// babel.config.js
module.exports = {
plugins: ['react-native-boost/plugin'],
};
⚠️ Важно: плагин экспериментальный и возможно, может что-то сломать в вашем коде.
React Native World | Навигация по каналу