Пятиминутка React

Антон Тужик уже около года использует Reason в Production в компании SEMrush. Чем так хорош Reason и положение дел на 2020 год?- Reason в production в компании SEMrush и это не фантастика- Что такое Reason в трёх предложениях?- Как связаны Reason и Oceaml?- BuckleScript- Как правильно называть: Reason или ReasonML?- История появления Reason и кто у истоков?- На чём была написана первая версия React?- JSX часть синтаксиса Reason- Биндинг ReasonReact- Компиляций Reason в машинный код- Нативная разработка на Reason и revery-ui- Onivim 2- Reason vs Elm vs TypeScript по применимости популярности- Кто использует Reason в России и в мире?- Как и в каких проектах Facebook использует Reason?- Roadmap и планы развития Reason- Качество документации- Сложно использовать Reason параллельно с существующим JavaScript кодом?- Reason и npm- Toolchain: компилятор, автоформатирование, линтеры, настройки- Интеграция UI библиотекой для React- Использование типов TypeScript и Flow- Поддержка редакторами кода (Vim, VS Code, WebStorm, Emacs)- Language Server Protocol- Отладка и поддержка Source maps- Есть ли интерес к Reason на рынке труда?- Русскоязычное комьюнити и полезные ресурсыСсылки по теме:- https://www.youtube.com/watch?v=YuKzXB6vhdY- https://reasonml.org- https://reasonml.github.io- https://reasonml.github.io/docs/en/community- https://reasonml.github.io/en/try.html- https://www.outrunlabs.com/revery/index.html- https://www.onivim.io- https://sketch.sh- https://t.me/reasonml_ruПятиминутка React - подкаст о React и смежных технологиях в мире JavaScript и фронтенда, разбираемся с инструментами, сравниваем фреймворки и пакетные менеджеры, обсуждаем конференции и митапы. https://5minreact.ru

14 мая 2020 года прошла конференция React Europe 2020, естественно online.Одна из интересных новинок с этого мероприятия: инженер из Facebook David McCabe показал экспериментальный State Manager под названием Recoil!Ещё один менеджер состояния? Посмотрим на него внимательнее, сравним с MobX, узнаем мнения сообществ.https://www.youtube.com/watch?v=_ISAA_Jt9kI - доклад с React Europe 2020https://recoiljs.org/ https://github.com/facebookexperimental/Recoil https://twitter.com/mweststrate/status/1261369870152871937 - сравнение с MobX от автора MobXПятиминутка React - подкаст о React и смежных технологиях в мире JavaScript и фронтенда, разбираемся с инструментами, сравниваем фреймворки и пакетные менеджеры, обсуждаем конференции и митапы. https://5minreact.ru

Effector - The state manager.В этом выпуске Сергей Сова расскажет про библиотеку управления состоянием Effector, плюсы, основные фишки и удобства, статус проекта, личный опыт использования.- multistore подход- удобство отделения логики от представления- статическая типизация из коробки- статический импорт store vs dependency injection- философия: снижение boilerplate- функциональная композиция и операторы- пример операторов sample и guard- эффекты- концепция обработки ошибок- multistore vs singlestore- домены и хуки в Effector- time travel и dev tools- bubel plugin для удобства разработки- асинхронная загрузка кода- нет декораторам и proxy- тестирование проекта использующего Effector- встроенная система моков- практика использования Effector в проектах различной сложности- GraphQL + Apollo + Effector- Howtocards - Save and share your best solutions - OpenSource проект использующий Effector- Текущий статус разработки Effector- Планы на будущее- Подкаст "Сова говорит"https://github.com/zerobias/effector https://effector.now.sh https://twitter.com/effectorjs https://t.me/effector_ru - русскоязычный чатhttps://t.me/effector_en - англоязчыный чатhttps://github.com/ilyalesik/awesome-effector https://github.com/howtocards - OpenSource проект, использующий Effectorhttps://www.patreon.com/zero_bias - поддержать автора EffectorПятиминутка React - подкаст о React и смежных технологиях в мире JavaScript и фронтенда, разбираемся с инструментами, сравниваем фреймворки и пакетные менеджеры, обсуждаем конференции и митапы. https://5minreact.ru

Reatom - deterministic state manager! https://github.com/artalar/reatomЭто второй подкаст про Reatom - весьма многообещающий проект, менеджер состояния с первоклассным выводом типов на TypeScript, маленьким размером бандла, учитывающий и переосмысливающий недостатки других популярных библиотек.В этом выпуске автор библиотеки, Артём Арутюнян (https://github.com/artalar/), сравнивает Reatom с MobX, также мы поговорили про производительность и про дальнейшие планы.Краткое содержание второй части:- Чем MobX хорош теоретически?- Где стоит, а где не стоит использовать Proxy?- Комбайн "всё-в-одном" и комплексный API- Философия минимальистичных библиотек (аля Preact)- Бенчмарки производительности Reactom и Redux- Какая библиотека в 1000 раз медленне чем Redux?- Влияние произоводительности state manager библиотеки на приложение в целом- В каких сценаряих Redux не мастабируется?- Как маштабируется Reatom и какой ценой?- Proxy вообще медленные?- Подходы к обработке ошибок- Варианты обработки ошибок в процессе вычисления зависимых полей- Какой подход принят в Reatom и почему?- Как сохранить консистентность данных при внезапном возникновении ошибки?- Что показать пользователю в интерфейсе при возникновении ошибки?- Почему в коде Reatom нет try ... catch?- План по разработке спецификации State Manager'а- Чем отличаются ошибки в чистых функциях от ошибок в функциях с побочными эффектами?- Текущий статус разработки Reatom, когда ждать версию 1.0?- Как присоединиться к проекту?https://github.com/artalar/reatom https://github.com/artalar/state-management-specification https://t.me/reatom_ru https://holyjs-moscow.ru - приглашаем на HolyJS Moscow 8-9 ноября 2019, промокод holyjs19msk5minReactpcПромокод вводить на этой странице: https://holyjs-moscow.ru/registration/personal/Пятиминутка React - подкаст о React и смежных технологиях в мире JavaScript и фронтенда, разбираемся с инструментами, сравниваем фреймворки и пакетные менеджеры, обсуждаем конференции и митапы. https://5minreact.ru

Reatom - deterministic state manager!https://github.com/artalar/reatomВесьма многообещающий проект, менеджер состояний с первоклассным выводом типов на TypeScript, маленьким размером бандла, учитывающий и переосмысливший недостатки других популярных библиотек, в первую очередь Redux.В подкасте автор библиотеки Артёмом Арутюнян (https://github.com/artalar/).Это первый из двух выпусков про Reatom.Краткое содержание первой части:- Кратко про ключевые характеристики Redux, Effector и MobX- Проблемы с типизацией- Как сделать хороший и удобный вывод типов для менеджера состояний на TypeScript?- Терминология Reatom: Atom, Action, Store- Мемоизация и ленивость вычислений- Что будет, если в приложении 300 млрд. атомов?- Atom как чистая функция- useAtom()- Почему мемоизированные селекторы перестают работать, когда есть несколько инстансов использующих их компонентов?- Динамическое создание атомов- Чем плохи Middlware в Redux?- Библиотека должна помогать писать хороший код и мешать писать плохой код (плохокодить)- Механизм Dependency Injection с помощью Store - удобно для тестирования и SSR- Совместимость с Redux Dev Tools- Как получить снимок (snapshot) всего Store?- Immutable Data- Для кого подойдёт Reatom в первую очередь?В следующем выпуске речь пойдёт о сравнении с MobX, производительности и философии обработки ошибок.https://holyjs-moscow.ru - приглашаем на HolyJS Moscow 8-9 ноября 2019, промокод holyjs19msk5minReactpcПромокод вводить на этой странице: https://holyjs-moscow.ru/registration/personal/Пятиминутка React - подкаст о React и смежных технологиях в мире JavaScript и фронтенда, разбираемся с инструментами, сравниваем фреймворки и пакетные менеджеры, обсуждаем конференции и митапы. https://5minreact.ru