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

ReasonML в 2020 году

Антон Тужик уже около года использует 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

Recoil - A state management library for React

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

Effector

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 проект, использующий Effector https://www.patreon.com/zero_bias - поддержать автора Effector Пятиминутка React - подкаст о React и смежных технологиях в мире JavaScript и фронтенда, разбираемся с инструментами, сравниваем фреймворки и пакетные менеджеры, обсуждаем конференции и митапы. https://5minreact.ru

Reatom vs MobX

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 vs Redux

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