65 episodes

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

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

    • Technology
    • 4.3 • 6 Ratings

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

    ReasonML в 2020 году

    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

    • 27 min
    Recoil - A state management library for React

    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

    • 5 min
    Effector

    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

    • 38 min
    Reatom vs MobX

    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

    • 24 min
    Reatom vs Redux

    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

    • 58 min
    FrontendConf 2019

    FrontendConf 2019

    Конференция FrontendConf, 13 и 14 октября 2019, Москва, Digital October — это два дня увлекательной программы докладов по проектированию, разработке, быстродействию, автоматизации, качеству кода и тестированию веб приложений.
    Программный комитет отобрал 30+ актуальных тем от лучших спикеров СНГ и зарубежья.

    В этом выпуске один из членов программного комитета Александр Майоров расскажет о самых интересных докладах, а также:

    - Кто организует конференцию, кто в программном комитете?
    - Как работает программный комитет?
    - Сколько было заявок на доклады и как они отбираются?
    - Как происходит подготовка докладчика?
    - Psy в IT
    - Много докладов про TypeScript и про статическую типизацию
    - На кого нужно идти вне зависимости от темы?
    - Нужно ли упаковывать исходники TypeScript в npm пакет?
    - Где доклады про React? А про другие фреймворки?
    - Про CSS как язык программирования (WAT?)
    - Какой уровень сложности материала оптимален для конференции?
    - FrontendConf vs HolyJS
    - Когда будут доступны видео докладов на YouTube?

    Промокод на скидку в 10%: GeekJob

    Ссылки, упомянуты в подкасте:
    - https://frontendconf.ru/moscow/2019
    - https://www.youtube.com/channel/UCGQRn0aTnJK-zHFAdT9Nm1A
    - https://t.me/psyvit
    - https://geekjob.ru
    - https://habr.com/ru/post/203048/ - Игра в 0 строк кода на чистом JS

    Пятиминутка React - подкаст о React и смежных технологиях в мире JavaScript и фронтенда, разбираемся с инструментами, сравниваем фреймворки и пакетные менеджеры, обсуждаем конференции и митапы. https://5minreact.ru

    • 38 min

Customer Reviews

4.3 out of 5
6 Ratings

6 Ratings

Top Podcasts In Technology

Listeners Also Subscribed To