Небольшая заметка, размышление на тему можно ли жить без внешнего контейнера состояния и какие при этом возникают проблемы и неудобства? Как организовывать код?

Пятиминутка React - подкаст о React и смежных технологиях в мире JavaScript. http://5minreact.ru

#30 - setState и организация кода

Подкаст о React и смежных технологиях в мире JavaScript и фронтенда: Vue, Elm, BEM, TypeScript. В подкасте разбираемся с инструментами webpack и Prettier, сравниваем пакетные менеджеры npm vs. yarn vs. pnpm, обсуждаем конференции и Яндекс Субботники. Также делаем обзоры на статьи Дэна Абрамова и Джейка Арчибальда, даём полезные рекомендации по архитектуре современных фронтенд приложений. Подключайтесь и будьте в теме! http://5minreact.ru

Technology

Tech News

Podcasting

Gadgets

Software How-To

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

ReasonML в 2020 году

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

Recoil - A state management library for React

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

Effector

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 MobX

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

#30 - setState и организация кода

Download our free app to listen on your phone