Skip to content

Instantly share code, notes, and snippets.

@ALF-er
Last active June 19, 2021 20:09
Show Gist options
  • Star 27 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save ALF-er/d4a75a7447cecb52bd553931aa238301 to your computer and use it in GitHub Desktop.
Save ALF-er/d4a75a7447cecb52bd553931aa238301 to your computer and use it in GitHub Desktop.
My review of speeches at React Conf 2017

Disclaimer: Многие доклады смотрелись и отчёты писались в поезде, спать хотелось капец.

Disclaimer 2: Если что, простите за орфорграфию.

Вступление, в основном - нудное бла, бла, бла. Из достижений - 547,138 ReactDevTools installed on Chrome. Тем кто териториально недалеко от San Francisco Bay Area может быть интересно, что FB проводит открытые митапы - ReactWednesday.

Докладчик харизматичный, слушать его приятно.

Смотреть не обязательно.

Бла, бла, бла про RN для инвесторов.

Докладчица безэмоциональна и нудновата, но слушать её не противно.

Смотреть не обязательно.

Вообще - официальное видео вот https://www.youtube.com/watch?v=bvFpe5j9-zQ но оно без слайдов. Так что, лучше смотрите кусок записи трансляции (ссылка в заголовке пункта).

Рассказ о том как в FB видят развитие фронтенда. Какие проблемы решает React Fiber и как к нему пришли.

Докладчик, имхо, один из самых интересных людей в индустрии на данном этапе. Слушать его приятно.

Смотреть на 1.5х чтоб увидеть проблемы перформанса современных веб-приложений и способы их решения.

Краткий рассказ о текущих баззвордах вокруг React. И как создавалась сама конфа.

Про докладчика смотри п. 1.

Смотреть не обязательно.

Про Fiber в картинках, какие идеи и как работает. Что такое Phases, ErrorBoundaries, почему в Fiber возможно, что у компонентов будет cWU cWU cDU, что за Priority рендеринга, как будет удобней делать streaming render, как можно будет использовать больше чем один тред выполнения.

Докладчицу слушать приятно, тем более, что она ещё и причёску чуть сменила с прошлого года =)

Смотреть всем кто хочет понять как устроен Fiber.

Много про Next.js. Зачем, почему, что умеет, какие идеи заложены. Если кто не знал - это фреймворк (пожалуй это таки фреймворк) для разработки универсальных приложений, как серверной части так и фронта. Имхо, в нём есть спорные моменты - свой роутер, свои стили. Есть хорошие - универсальность, кеши, префетч.

Докладчика слушать легко, приятный французский акцент.

Смотреть тем кто ищет фреймворк для разработки проектов или просто хочет понять, что это за зверь о котором нынче все говорят.

Что это блять такое было? Что за физические упражнения? Что за тема "для самых маленьких"? Что этот доклад тут делает? Толерантность чтоли? Доклад о фишках текущих версий ES. Destructuring, Promise, async/await... Совершенно ничего интересного. Возможно, этот доклад бы был приемлем в начале прошлого года, но сейчас это просто безумно скучно.

Отдельная моя претензия к докладчику. Если вы делаете доклад, то ваше личное представление не должно занимать больше секунд пятнадцати. Всем пофиг ваши личные данные. Всем пофиг ваша вера. Всем пофиг за какую команду вы болеете. Всем пофиг сколько у вас детей. Всем пофиг, что вы едите или не едите. ВСЕМ ПО-ФИ-Г

Смотреть не просто не обязательно, а даже противно.

Хороший доклад на холиварную тему =) Плюсы/минусы одного и другого. Несколько скомкано но доходчиво. Может несколько и субъективное сравнение, но по интересным пунктам. Я вот ознакомился с MobX и у меня есть вопрос: приведите пример аппликейшина где он будет уместен?

Докладчицу слушать приятно, хоть и видно, что она сильно волнуется.

Смотреть тем кто никак не может выбрать что же из этого выбрать или ищет, что там новенького в управлении данными в приложении.

Отлично про типы. Что такое "типы", зачем они нужны, какие есть варианты проверки, что помогают решать. Как лучше писать и как лучше не писать.

Докладчик весёлый, приятно рассказывает.

Смотреть всем и внимать, эту тему нужно знать.

Вот так нужно рассказывать лайтнинги! (Привет Алексею Р. =D) А вообще тупо продажа Нуклида (не нужон, имхо) от одного из его разработчиков.

Докладчика люблю ещё со времён первых Реакт Конфов, когда он работал в СаундКлауде, приятно рассказывает.

Смотреть можно тем, кто пользуется Нуклидом.

Хороший лайтнинг про Лямбду от Амазона. Принцип работы и какие плюшки. И небольшое представление https://serverless.com/ - консольной тулзы для лёгкого создания и управления Лямбдами.

Докладчица какая-то уж очень усталая, но слушать её легко.

Смотреть тем кто интересуется серверными технологиями.

Вот это было странно. Лайтнинг про https://github.com/iammerrick/react-sourcerer. Либа для pattern matching'a на React. Например, можно сделать линтер на Реакте (шта?).

Докладчика слушать легко хоть и он слегка скучноват.

Смотреть тем кому инетерсен парсинг кода и вообще всякие эксперименты.

Довольно поверхностно про https://github.com/styled-components/styled-components. Либа для CSS-in-JS которая сейчас одна из самых популярных. Сначала пользоваться ей непривычно, но со временем видишь реальные плюсы такого подхода.

Докладчик классный, реально легко слушать.

Смотреть тем кому интересна тема CSS-in-JS.

Бесполезность о том как в Нетфликсе пилят некую тулзу на Реакте. Ни скриншотов, ни подробностей о чём тулза. Просто "Мы Нетфликс и мы любим Реакт".

Докладчица явно делала доклад впопыхах (или вообще не она делала). Порой просто пересказывает слайды.

Смотреть не обязательно.

Полезный доклад о том с какими проблемами встречаешься при разработке React Native аппликейшинов. И презентация нового Навигатора от Airbnb (так сказать роутера для RN апп, а не GPS навигатора). Почему запилили свой, чем он отличается, как его юзать, чего умеет.

Докладчик - классный разраб из Airbnb. Автор кучи их либ, в частности их карт.

Смотреть тем кто пилит на RN.

Вот просто отличнейший доклад о том как лучше всего имплементить интерактивные элементы с анимациями в React Native от чувака из Wix. Доходчиво, весело о том почему анимации могут тормозить в RN и как делать так чтоб они не тормозили. Как относительно легко можно сделать имитацию физики в анимациях, с наглядными примерами.

Докладчик приятно рассказывает.

Смотреть можно как тем кто пилит на RN так и тем кто просто поверхностно знаком с темой.

Лайтнинг о том, что ГрафКЛ - заебись. Маленькая презентация нового GraphQL BaaS - https://graphfront.com/

Докладчик довольно не плохо докладывает хоть и несколько скучновато.

Смотреть не то чтоб сильно обязательно хотя и можно тем кто интересуется темой.

Лайтнинг о либе https://github.com/FormidableLabs/victory для кросс-платформенной визуализации данных от небезизвестной Formidable Labs. Это враппер над D3. Выглядит всё весьма функционально и красиво. Хотя лично я не вижу проблем то же реализовывать и на чистом D3. Рассказывают, что уже успешно юзают её для визуализаций данных для MLS (Major League Soccer - главная футбольная лига США).

Докладчица относительно приятно рассказывает. Хотя меня не покидает чувство, что мне эту либу впаривают.

Смотреть тем кому интересна тема визуализаций разных данных на разных платформах.

Ещё один пример шикарного лайтнинга. Примеры интереснейших проектов и либ использующих React но рендерящих не DOM, типа

Докладчик хоть и явно волнуется, но рассказывает весело и понятно.

Смотреть тем кто хочет расширить кругозор и вдохновиться на создание чего-то нестандартного.

Лайтнинг очень схож по тематике с предыдущим. Слайды и покруче. Немного истории по теме. Опять же, как все ждут-недождутся Файбер который облегчит создание нестандартных рендереров.

Докладчик - автор react-hardware. Рассказывает приятно и у него реально большая борода (хотя, имхо, она ему не очень идёт).

Смотреть тем кто смотрел предыдущий лайтнинг.

Весёлый лайтнинг-презентация https://github.com/react-community/create-react-native-app - аналога create-react-app но для React Native. Позволяет за 5 минут начать экспериментировать с нейтивом причём даже если у вас нет XCode или Android Studio. Вот тут подробней.

Докладчик классно рассказывает, слушать приятно.

Смотреть тем кто любит экспериментировать и работать с RN.

Классный доклад о базовых понятиях в WebVR и ReactVR. Не то чтоб много технических данных зато описаны базовые понятия и уделено внимание принципам VR и тому как сделать ваши VR приложения удобными для пользователей. Чтоб их не тошнило. Чтоб им было удобно.

Докладчица классно рассказывает, слушать приятно.

Смотреть тем кто интересуется VR.

Доклад о GraphQL Subscriptions. В чём их идея, как можно раелизовать, как с помощью них писать real-time apps которые используют GraphQL.

Докладчик приятно (хоть и немного затянуто) рассказывает.

Смотреть тем кто интересуется GraphQL и real-time apps.

Хороший доклад о том как тестировать с Jest. Как писать тесты не правильно, а как писать правильно и в чём сила snapshot-testing'a.

Докладчик отлично рассказывает, реально интересно слушать.

Смотреть всем, увы но тесты - неотвратная необходимость.

Весёлый доклад о том, что мы живём в мобайл-фёрст мире (уже почти в мобайл-онли мире) и оптимизация трафика для пользователей очень важна. И один из главных инструментов для этого - код-сплитинг. Рассказывается о import(). Рассказывается как лучше всего разбивать свой код на части и как их грузить.

Докладчик весёлый хоть и индийский акцент слушать сложновато.

Смотреть всем тем для кого оптимизация загрузки приложений интересна и важна.

Отличный доклад от нашего знакомого (с прошлой конфы), весёлого индуса из Microsoft. Наглядное представление Mobile Center - клауд тулзы для распространения native apps. Поддержка тестов, поддержка аналитики и краш-репортов и вообще кучи плюшек. Также показывает тул для Mirror testing'a - когда запускается приложение на куче устройств которые перед вами и управление на одном устройстве автоматически повторяется на всех других.

Докладчик снова с индийским акцентом но слушать его приятно.

Смотреть всем кому интересна энтерпрайз разработка native приложений.

Доклад-рассказ о https://github.com/storybooks/react-storybook. Зачем нужен, как юзать, что умеет, представлено несколько полезных аддонов. Тулза сначала может вызвать вопрос "та нафиг надо", но после использования понимаешь как она дисциплинирует писать компоненты правильно и юзабельно.

Докладчица слегка скучновато хотя и понятно рассказывает.

Смотреть можно всем.

Чувак из Autodesk рассказывает как они видят механизм расширения (пользовательскими расширениями) React аппликейшинов. Показывает свою либу с реализацией этой идеи - https://github.com/camwest/react-slot-fill

Докладчик рассказывает хорошо и доходчиво.

Смотреть всем тем кто интересуется проблемой "пользовательских расширений в веб приложениях".

Лайтнинг о том, что создавать комьюнити - это хорошо (и сильный акцент на diversity).

У докладчика слегка странная дикция, хотя слушать его не очень сложно.

Смотреть не обязательно.

Лайтнинг-презентация https://github.com/prettier/prettier - тулзы для красивого форматирования кода. Интересная технически штука которую сейчас активно обсуждает комьюнити. Бонусом в конце - PR с поддержкой Prettier мержится в основную репу React'a.

Докладчик - небезизвестный автор многих либ. Слушать его легко.

Смотреть на скорости 1.5х.

Очередной лайтнинг о том, что надо думать о людях с медленным коннектом, юзать заветы PWA, чекать свои приложения Lighthouse'ом.

Докладчица несколько скучновато но понятно рассказывает.

Смотреть на скорости 1.5х.

И ещё один знакомый докладчик по прошлым конфам. На этот раз сравнивает PWA с native аппами. Pros/cons тех и других.

Докладчик с сильным индийским акцентом. Иногда слушать его затруднительно.

Смотреть на скорости 1.5х.

Ну куда же без наших двух друзяшек. Лайтнинг про react-router v4. И, имхо, они нашли правильную абстракцию для роутинга. Показали как у них роутер работает в вебе, RN и VR.

Докладчики весёлые и слушать их приятно.

Смотреть на скорости 1.5х.

Очень пылкая презентация языка Reason от автора react-motion (хотя скорее уже наоборот). Основные преимущества, основные понятия, основные принципы, сравнения с JS, основные авторы, основные благодарности. Представление биндингов реакта в Ризон.

Такое впечатление, что автору прям действительно жизнено важно чтоб вы поняли всю его боль. Чтоб вы прониклись его мыслями. Слушать интересно.

Теоретически, писать на Reason будет относительно не так много людей, я бы его сравнил с Clojure. Но я советую его посмотреть, это интересный доклад.

Собственно, спикеры отвечают на вопросы:

  • Разница между react navigation и native navigation?
  • Какие неочевидные проблемы поможет решить Fiber??
  • Как далеки мы от релиза Fiber?
  • Привнесёт ли Fiber новое (дополнительное) API?
  • С какими челенджами вы сталкивались в FB и Airbnb при работе с RN?
  • Что из public API React'а вас больше всего бесит?
  • Какой процент компонентов в FB codebase - pure components?
  • Как близко Fiber подберётся по скорости к Inferno? (на этот вопрос ответил автор Inferno =))
  • Какой роадмап у Relay и сравните его с Apollo client? (на этот вопрос ответил Lee Byron)
  • Чему React научился у Preact и Inferno?
  • Что такое statefull-function components?
  • Кто подберает музыку для конференции?
  • В каком сейчас состоянии CSS-in-JS в FB и какое видите его будущее?
  • Какой совет вы бы дали комьюнити?

Докладчики классные. Слушать приятно.

Смотреть тем кому интересны ответы на заданые вопросы.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment