Пятиминутка 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 2020

https://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 проект, использующий Effector

https://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

FrontFest Moscow - улётная фронтенд-конференция в Москве от организаторов CodeFest — пожалуй, крутейшего ИТ-феста за Уралом. 18 ноября 2017, Digital October. В подкасте обсуждаем программу и чем FrontFest отличается от других конференций.

http://frontfest.ru/

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

Стабилизация webpack 3 планы на webpack 4, видеокурс по cycle.js и по Error Boundaries в React 16, онлайн песочница StackBlitz с кучей наворотов для React и Angular, компиляция Vue и Polymer компонет в Preact, подкаст и видеокаст Пятиминутка Angular, сайт npmtrends.com

- https://medium.com/webpack/stabilizing-webpack-3-week-18-19-e8005c8a02ac

- https://egghead.io/courses/cycle-js-fundamentals

- https://egghead.io/lessons/react-error-handling-using-error-boundaries-in-react-16

- https://stackblitz.com

- https://medium.com/@ericsimons/stackblitz-online-vs-code-ide-for-angular-react-7d09348497f4

- https://github.com/gothinkster/realworld

- https://twitter.com/_developit/status/898952382960119808

- https://soundcloud.com/frontend-weekend/fw-5

- https://soundcloud.com/5minangular

- https://www.youtube.com/channel/UCQGzS3MitYnnjTRn2vanOmg/videos

- http://www.npmtrends.com/angular-vs-react-vs-vue

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

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

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