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

Конференция 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