63 Folgen

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

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

    • Technologie

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

    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.
    Деплой (Nest.js + Vue)

    Деплой (Nest.js + Vue)

    В прошлом выпуске я рассказал свои первые впечатления от Nest.js – фреймворка для Node с заявкой на Enterprise архитектуру. Я выбрал этот фреймворк в качестве эксперимента для одного свежего и относительно небольшого проекта. На фронтенде используется Vue.js

    Сегодня хочу рассказать организован деплой этого проекта с помощью Ansible, Bitbucket Pipelines и rsync.

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

    • 11 Min.
    Nest.js

    Nest.js

    Надавно начал небольшой проект - прототип или MVP для проверки бизнес идеи. Задача пока технически не сложная, решил попробовать какой-нибудь новый для себя Node.js фреймворк. После небольшого исследования, выделилось два кандидата Nest.js и Loopback 4.

    Взял Nest.js. В основе хорошие дизайн-паттерны и заявка на грамотную архитектуру. Расскажу о своём небольшом опыте работы с этим фреймворком.

    - https://nestjs.com
    - https://techtrain.ru

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

    • 9 Min.

Top‑Podcasts in Technologie

Zuhörer haben auch Folgendes abonniert: