tgoop.com/super_oleg_dev/93
Last Update:
Привет!
Закончил очередной этап переработки документации tramvai.dev
Постарался значительно улучшить доку по нашему решению для микрофронтов - Child Apps
Теперь основные возможности Child Apps вынесены на передний план, отдельно описана интеграция с хостовым приложением, отдельно как это все работает вместе.
Пользуясь случаем, порекламирую решение, и коротко расскажу почему оно крутое:
- Это SSR микрофронты, полноценная композиция на стороне сервера в виде обычных React компонентов в дереве приложения
- Это фреймворк, у микрофронта есть свой жизненный цикл, механизмы для загрузки данных, работы с роутингом, добавлению ресурсов на страницу, механизм Dependency Injection интегрированный с DI хоста
- Это CLI, решены все вопросы сборки микрофронта
- DX при разработки Child App очень похож на DX при разработке обычного tramvai приложения - буквально во многих местах используются одни и те же модули и провайдеры
- Интеграция React Query, та же самая что и для tramvai приложения
- Интеграция Module Federation (ох непростой кейс для SSR), можно шарить все основные tramvai библиотеки, тот же React Query, базовый вес микрофронта получается очень небольшой
То есть, Child App это не про оркестрацию микрофронтов написанных на пяти разных фреймворках и запущенных на одной странице.
Это возможность создать мини-tramvai приложение, независимый блок с UI на React и своей логикой, с отдельным релизным циклом и возможностью переиспользовать его во множестве приложений.
Добавил Child App в шаблон на основе tramvai приложения на Codesandbox, что бы было легко попробовать - https://codesandbox.io/p/sandbox/romantic-sun-1r6rsg?file=%2Ftramvai.json
Для сборки микрофронта нужно запустить отдельный терминал и команду yarn child:start, а tramvai приложение должно запуститься самостоятельно на 3000 порту
BY SuperOleg dev notes
Share with your friend now:
tgoop.com/super_oleg_dev/93