React (with Hooks) from Scratch
In this talk, we’ll create an effective mental model of React Hooks by building a tiny clone of React! This will serve two purposes – to demonstrate the effective use of closures, and to show how you can build a Hooks clone in just 29 lines of readable JS. Finally, we arrive at how you get Custom Hooks and the Rules of Hooks out of this incredible mental model!
React Advanced
20 min
A More Readable React Codebase Using TypeScript, GraphQL, and Hooks
Emma Brillhart
We’ve all looked at a chunk of code and had no idea what it does - only to realize that we were the ones who wrote it, six or so months ago. If we can’t read our own code after a few months, how can …
React Advanced
28 min
Hooked on D3: Creating Animated Ch(art)s with D3 and React Hooks
Monica Wojciechowska
From a quick glance, it might not seem like D3 and React are a match made in heaven. After all, they’re both all about being in charge - who gets to render, who gets to update, who gets to decide how…
JavaScript fwdays
39 min
The best is yet to come: the Future of React
Matheus Albuquerque
A wise man once said: "React is such a good idea that we will spend the rest of the decade continuing to explore its implications and applications”. In 2017, React Fiber was the thing in the communi…
ITeaConf
25 min
Что не так с React.js? Best practices vs code smells
Александр Погорелов
Доклад начну с представления себя и плана презентации, потом разберу каждый из смысловых блоков, которых всего три: немного о самом фреймворке; разбор "запахов" кода; разбор лучших практик. Доклад бу…
Я.Субботник
43 min
Путешествие до React и обратно
Александр Нефедов
Расскажу о том, как переводил админку главной страницы с бутстрапа на Реакт, а потом на Свелт. Что есть схожего, какие вскрылись плюсы и минусы в рамках такого переписывания, и в какие получились выв…
Я.Субботник
47 min
@yandex ui
Владимир Гринеко
Презентация @yandex/ui — open source библиотеки React-компонентов от Яндекса. Компоненты используются внутри и отвечают самым строгим требованиям: темизируемость (дизайн отдельно, управление визуалом…
React Advanced
24 min
What a Drag
Vojtech Miksu
"Can we do this thing drag and droppable?". That’s one of the sentences that every front end developer fears the most. There are many DnD libraries out there but did you ever consider building someth…
Tver.io
29 min
React Reconciler: как написать собственный рендерер
Ярослав Лосев
Что такое “реконсиляция” в React и какой путь проходит компонент от кода до отрисовки на экран, какие рендереры уже существуют и как написать свой собственный на примере отрисовки React-компонентов в…
YaTalks
63 min
Когда документация — просто космос
Наталья Теплхина, Дэн Абрамов, Алена Батицкая
Вы написали библиотеку. Но чтобы ей начали пользоваться, к ней должна прилагаться хорошая и понятная документация. Как её писать? Что делать, если нужна многоязычность? Как создать понятную навигацию…
ChernivtsiJS
15 min
React Hooks
Oleksandr Oleksiv
Slides: https://github.com/chernivtsijs/chernivtsijs-2019
React Advanced
28 min
Visual Feature Engineering for Machine Learning with React
Olga Petrova
Tensorflow.js brought Machine Learning to Javascript that gives a wide range of possibilities. Now it is possible to build, train and use ML models directly in browser. But the efficiency of ML model…
HolyJS
19 min
Улучшаем качество кода React-приложения с помощью Compound Components
Александр Дунай
Скорее всего, вы сталкивались с проблемой, когда ваш React-компонент становится большим, сложным и в нем появляется куча условий. Согласитесь, такие компоненты сложно читать, ревьюить и вообще понима…
Я.Субботник
41 min
Бесконечная лента — без шуток
Валентин Каменек
Лирическая история о том, как делать бесконечную ленту контента, когда у тебя десятки миллионов пользователей, дюжина продуктов, в которые ты интегрируешься, а ты сам — часть Яндекса. В программе — д…
React Advanced
41 min
Keynote: Performance is magic
Ken Wheeler
This talk will explore strategies for fixing performance issues in your apps when they arise. We will look at how we can make our React apps “Blazing” fast, and when it’s time to bail out of React in…
SECON.Weekend про fromtend
84 min
Разбираемся в сортах реактивности
Дмитрий Карловский
Сравним различные подходы к реактивному программированию. Вытащим на поверхность их подводные камни. И разберём как реактивность решает или наоборот усугубляет проблемы.
YaTalks
45 min
Как и зачем проводить тесты с незрячими людьми?
Валерия Курмак, Анатолий Попко
Поговорим о доступности цифрового контента и сервисов, вместе попробуем ответить на важные вопросы: Почему важно проводить тесты с незрячими пользователями? Почему автоматизированных тестов или само…
YaTalks
52 min
Существующие инструменты не работают в невесомости? Напиши свои!
Андрей Ситник, Антон Усманский, Никита Дубко, Роман Дворнов
Опенсорс открывает две дороги: использовать существующие решения или написать своё, учитывая опыт предков. В какой момент пора создавать новый репозиторий? Как поддерживать инструмент? Зачем вкладыва…
Я ❤︎ Фронтенд
48 min
Кому нужны фронтендеры
Андрей Смирнов
Фронтенд продолжает расширять свое присутствие не только в вебе, но и в области мобильных и десктопных приложений. Однако, остается вопрос: как фронтенд-разработчикам навигировать в этом разнообразии…
YaTalks
37 min
Создание универсальной UI-библиотеки
Евгений Тропин
Доклад будет полезен разработчикам, которые создают свою библиотеку компонентов и заботятся о доступности интерфейсов.