DiscoverПятиминутка React
Claim Ownership
Пятиминутка React
Author: Пятиминутка React
Subscribed: 1,490Played: 8,882Subscribe
Share
© All rights reserved
Description
Подкаст о React и смежных технологиях в мире JavaScript и фронтенда: Vue, Elm, BEM, TypeScript. В подкасте разбираемся с инструментами webpack и Prettier, сравниваем пакетные менеджеры npm vs. yarn vs. pnpm, обсуждаем конференции и Яндекс Субботники. Также делаем обзоры на статьи Дэна Абрамова и Джейка Арчибальда, даём полезные рекомендации по архитектуре современных фронтенд приложений. Подключайтесь и будьте в теме! http://5minreact.ru
65 Episodes
Reverse
Антон Тужик уже около года использует 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
Конференция 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
В прошлом выпуске я рассказал свои первые впечатления от Nest.js – фреймворка для Node с заявкой на Enterprise архитектуру. Я выбрал этот фреймворк в качестве эксперимента для одного свежего и относительно небольшого проекта. На фронтенде используется Vue.js
Сегодня хочу рассказать организован деплой этого проекта с помощью Ansible, Bitbucket Pipelines и rsync.
Пятиминутка React - подкаст о React и смежных технологиях в мире JavaScript и фронтенда, разбираемся с инструментами, сравниваем фреймворки и пакетные менеджеры, обсуждаем конференции и митапы. https://5minreact.ru
Надавно начал небольшой проект - прототип или MVP для проверки бизнес идеи. Задача пока технически не сложная, решил попробовать какой-нибудь новый для себя Node.js фреймворк. После небольшого исследования, выделилось два кандидата Nest.js и Loopback 4.
Взял Nest.js. В основе хорошие дизайн-паттерны и заявка на грамотную архитектуру. Расскажу о своём небольшом опыте работы с этим фреймворком.
- https://nestjs.com
- https://techtrain.ru
Пятиминутка React - подкаст о React и смежных технологиях в мире JavaScript и фронтенда, разбираемся с инструментами, сравниваем фреймворки и пакетные менеджеры, обсуждаем конференции и митапы. https://5minreact.ru
24-25 августа 2019 в Санкт-Петербурге пройдёт IT-Фестиваль TechTrain.
Фестиваль - это множество активностей под одной крышей: доклады, дискуссионные зоны, митапы, стенды IT сообществ и подкастов.
Среди спикеров много громких имён, в частности мой глаз зацепился за два имени: Ричард Столман (главный по свободному ПО), Джон Ромеро (гейм дизайнер, создавший атмосферу Wolfenstein 3D, Doom и Quake)!
В связи с этим в этом выпуске подкаста сделаем небольшой экскурс в историю Ричарда Столмана и Свободного программного обеспечения.
Я обязательно буду на TechTrain, и у подкастов Пятиминутка React и Пятиминутка PHP даже будет свой стенд, приходите, пообщаемся!
- https://techtrain.ru/ - IT-ФЕСТИВАЛЬ TechTrain!
- http://www.gnu.org/philosophy/free-sw.ru.html - Что такое свободная программа?
- http://www.gnu.org/philosophy/open-source-misses-the-point.html - Почему “открытый исходный текст” не передает понятия “свободная программа”
Пятиминутка React - подкаст о React и смежных технологиях в мире JavaScript. https://5minreact.ru
Порекомендую книгу о знаменитых SOLID принципах ООП с примерами на TypeScript: https://ota-solid.now.sh
Книга написала приятным и понятным языком, совсем не большая - я не напрягаясь прочитал за выходные. Помимо описания самих SOLID принципов, по каждому из них даются как идеальные примеры, так и примеры из реальной жизни, а также описаны антипаттерны, "запахи кода", ограничения и подводные камни.
Книга интерактивная, по мере чтения нужно будет отвечать на вопросы по только что пройденному материалу - эти мини-тесты очень хорошо помогают закрепить материал. Авторы Саша Беспоясов и Артём Самофалов проделали большой труд и хорошо поработали над материалом, чтобы сделать его доступным и полезным для читателей разного уровня подготовки!
Исходники книги доступны на GitHub, поддержать проект можно на Patreon.
- https://ota-solid.now.sh
- https://github.com/open-tech-authors
- https://www.patreon.com/open_tech_authors
Пятиминутка React - подкаст о React и смежных технологиях в мире JavaScript. https://5minreact.ru
Компания GitLab с каждым годом набирает обороты. Как ни странно для OpenSource проекта, из него получился не плохой бизнес! Что интересно, в GitLab все внутренние процессы максимально открыты и описаны в публичном Handbook, включая вилки зарплат, принцип их построения и даже интерактивный калькулятор. Воспользуемся этим калькулятором, чтобы примерить зарплату фронтенд-разработчика в GitLab на себя.
- https://about.gitlab.com/handbook/
- https://about.gitlab.com/handbook/people-operations/global-compensation/calculator/ - зарплатный калькулятор в GitLab
- https://soundcloud.com/frontend-weekend/fw-94 - Денис Мишунов в подкасте Frontend Weekend.
- https://www.youtube.com/channel/UCW9pyonagDWGMCy7V_Kro6g - JavaScript.Ninja от Ильи Климова
Пятиминутка React - подкаст о React и смежных технологиях в мире JavaScript. https://5minreact.ru
Сегодня у меня небольшое объявление: у подкаста уже давно есть одноимённый YouTube канал.
Но только этом году я попробовал записывать полноценные скринкасты: видео где показывается реализация какого-то алгоритма на JavaScript. Выбрал не самые простые темы, но интересные (по крайней мере мне).
Что самое главное, постарался рассказать подробно и понятно, разбивая задачу на отдельные шаги, комментируя принимаемые решения, отвечая на собственные вопросы по ходу. Мне кажется, получилось не плохо, буду продолжать ещё.
Подписывайтесь: https://www.youtube.com/channel/UCtcMCp5GwNdQuloP4v5slfw
Пятиминутка React - подкаст о React и смежных технологиях в мире JavaScript. https://5minreact.ru
18 июля 2019 на площадке Voximplant (Москва, ул. Мытная 66) пройдёт MSK VUE.JS MEETUP!
В этом выпуске Игорь Шеко рассказывает про сам митап и про Vue.js в компании Voximplant.
- https://voximplant.timepad.ru/event/986750/
- https://soundcloud.com/frontend-weekend/fw-65 - подкаст Frontend Weekend с участием Игоря Шеко
Пятиминутка React - подкаст о React и смежных технологиях в мире JavaScript. https://5minreact.ru
На днях смотрел видео-интервью записанное на конференции Microsoft Build 2019: Inside TypeScript with Anders Hejlsberg.
Интересные вопросы, очень живая атмосфера, делаю краткий пересказ.
- https://www.youtube.com/watch?v=tXK50czRbdA
Пятиминутка React - подкаст о React и смежных технологиях в мире JavaScript. https://5minreact.ru
Этот выпуск является фрагментом подкаста RadioJS, в котором я рассказал свой недавний опыт работы с Vue.js и сделал небольшое сравнение по ощущениям с React.
Рекомендую также послушать весь оригинальный RadioJS Выпуск 54: Предновогодний. Svelte, Vue, новости и тренды.
- https://radiojs.ru/2018/12/radiojs-54/
- https://youtu.be/FFZfmIQ9I44 - VueJS: Аргументы "за" (Илья Климов)
- https://youtu.be/kuHSJNxNFQw - VueJS: аргументы "против" (Илья Климов)
- https://soundcloud.com/frontend-weekend/fw-83 - Илья Климов в подкасте Forntend Weekend, рассказывает про своё разочарование во Vue.js
Пятиминутка React - подкаст о React и смежных технологиях в мире JavaScript. https://5minreact.ru
11 август 2018 года в офисе Яндекса в Санкт-Петербурге прошел "Я.Субботник по разработке интерфейсов" и я там был! А после мероприятия мы с Андреем Мелиховым (ведущим подкастов Девшахта и Ночной фронтенд) обсудили доклады, послушайте, и, возможно, найдёте интересные темы для себя. Видео самих докладов уже доступны на официальной странице встречи.
- https://events.yandex.ru/events/yasubbotnik/11-aug-2018/
- https://soundcloud.com/devschacht - подкасты ДевШахта и Ночной фронтенд
Пятиминутка React - подкаст о React и смежных технологиях в мире JavaScript. https://5minreact.ru
bem-react-core - билиотека (даже три), которая помогает создавать React компоненты по БЭМ методологии. В гостях Владимир Гриненко из Яндекса (https://twitter.com/tadatuta) - все детали о свежем релизе v3 из первых уст!
- https://github.com/bem/bem-react-core/tree/v3
- https://ru.bem.info/
- https://www.youtube.com/watch?v=pVzlkCidOYg скринкаст про bem-react-core v3
Пятиминутка React - подкаст о React и смежных технологиях в мире JavaScript. https://5minreact.ru
Есть две книги: Величие Vue.js 2 (The Majesty of Vue.js 2) и Путь к изучению React (The Road to learn React) - какую сам прочитаешь, а какую другу посоветуешь? Сделаю небольшой обзор.
- https://leanpub.com/vuejs2-russian - Величие Vue.js 2
- https://leanpub.com/the-road-to-learn-react-russian - Путь к изучению React
- https://github.com/lex111 - Алексей Пыльцын
- https://medium.com/devschacht - блог с переводами статей про веб-разработку
- https://github.com/web-standards-ru/dictionary - словарь Веб-стандартов
- https://ru.react.js.org/ - сайт с переводом официальной документации к React на русский
- https://github.com/js-ru/react-ru - репозиторий с переводом официальной документации к React на русский
Пятиминутка React - подкаст о React и смежных технологиях в мире JavaScript. https://5minreact.ru
А 21 августа 2018 года вышла очередная версия языка Elm 0.19.
Обсудили вместе с Алексеем Пироговым (https://twitter.com/alex_pir) новую версию, тенденции в развитии языка, его недостатки и нишу в веб-разработке, бегло сравнили с другими ФП языками в вебе. Отдельно поговорили про Reason, Go, ООП, Go2 и generics, вероятность появления Elm2.
- https://elm-lang.org/
- https://t.me/brain_dump_etc - Telegram канал Алексея
- https://devzen.ru/episode-0194/ - Алексей в подкасте DevZen
Пятиминутка React - подкаст о React и смежных технологиях в мире JavaScript. https://5minreact.ru
Сергей Рубанов, известный в широких фронтенд кругах Панк-разработчик из города Орла, член команды Babel и участник WebAssembly Community Group в начале августа запустил телеграм канал Хулиардерити.
Пишет в осоновном хардкорные новости из недр комитета TC39, из кишков Babel и всего такого, что в обычных пабликах и хабрах не публикуют, т.к. слишком гиково. А нам такое как раз интересно!
https://t.me/juliarderity
https://twitter.com/chicoxyzzy
Пятиминутка React - подкаст о React и смежных технологиях в мире JavaScript. https://5minreact.ru