solidnative: SolidJS на Fabric renderer — настоящие нативные iOS и Android без React

⚡ Главное за 5 секунд - Суть: SolidJS-компоненты рендерятся как настоящие нативные представления iOS и Android через Fabric renderer от React Native, при этом React не участвует в рендере. - Где доступно: проект опубликован на GitHub; начать можно через npx create-expo-app@latest my-app --template @solidnative/template. - Ограничение: это экспериментальный проект, не готовый к продакшену: ожидаются пробелы, острые углы и ломающие изменения. ### 🔍 Что обнаружено Проект solidnative — это миграция ng-native (аналогичного решения для Angular) на SolidJS. Он рендерит компоненты SolidJS напрямую на Fabric renderer от React Native, так что <View> становится UIView на iOS и android.view.View на Android, а React полностью исключён из рендер-пути. Разработчик пишет Solid-компоненты, сигналы и сторы, а затем собирает и запускает приложение инструментами Expo. Технически цепочка выглядит так: JSX компилируется на этапе сборки с помощью babel-preset-solid (universal mode), затем универсальный рендерер Solid вызывает createElement, insertNode, setProp и т.д., далее данные уходят в Fabric engine через JSI mutation API, а тот через nativeFabricUIManager отправляет их на нативные представления. Solid не использует виртуальный DOM, поэтому запись в сигнал обновляет только те нативные пропсы, которые от него зависят. Несколько записей в одном синхронном прогоне объединяются в один Fabric commit. Важно, что react-native и expo остаются неизменёнными зависимостями — ничего не форкнуто. ### 💡 Почему это важно Для разработчиков, знакомых с SolidJS, это способ применить привычный инструментарий в мобильной разработке, не подключая React. При этом сохраняется вся экосистема React Native: инструменты Expo (create-expo-app, expo start, Expo Go, development builds, EAS Build/Update/Submit) работают как обычно, а Expo SDK-модули, TurboModules и Fabric-компоненты доступны из Solid. Если библиотека публично использует React-компоненты или хуки, потребуется тонкая Solid-обёртка над её нативной частью — так сделано в @solidnative/expo и @solidnative/router. ### 🧩 Контекст Проект позиционируется как эксперимент по запуску Solid на архитектуре React Native. Он унаследовал идею от ng-native, который делал то же самое для Angular. В репозитории доступны примеры полноценных приложений: банковский кошелёк, трекер привычек, музыкальный плеер, трекер пробежек с картами, заметки и социальное приложение с платформенными контролами. Для изучения архитектуры есть файл ARCHITECTURE.md с правилами. Среди возможностей — нативный рендеринг текста, изображений, списков, ввода, модальных окон; CSS/Tailwind с медиазапросами и тёмной темой; нативная навигация на основе react-native-screens; Expo-модули как сервисы; анимации; тестирование в Node с фейковым Fabric; а также поддержка веба через @solidnative/web.

🔗 Читать на github.com