@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…
YaTalks
37 min
Создание универсальной UI-библиотеки
Евгений Тропин
Доклад будет полезен разработчикам, которые создают свою библиотеку компонентов и заботятся о доступности интерфейсов.
FrontendConf
42 min
Production Ready Design
Ксения Лушникова
В нашей команде Яндекс.Денег мы выработали подход разработки и дизайна веб-интерфейсов. Я покажу, как легко мы собираем живые интерфейсы и передаём их в продакшн, как создаётся дизайн Яндекс.Кассы и…
YaTalks
63 min
Когда документация — просто космос
Наталья Теплхина, Дэн Абрамов, Алена Батицкая
Вы написали библиотеку. Но чтобы ей начали пользоваться, к ней должна прилагаться хорошая и понятная документация. Как её писать? Что делать, если нужна многоязычность? Как создать понятную навигацию…
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…
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
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…
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…
TechTrain
67 min
Эволюция способов сохранения конфиденциальной информации в секрете
Александра Калинина
Каждый программист в своей жизни встречается с информацией, которую необходимо держать в секрете: пароли к учеткам, секретные ключи доступа, CVV код от карточки, в конце концов. Однако не каждый сраз…
PiterJS
30 min
Стильные стили
Андрей Ефимов
Слайды: http://amp.gs/JZKh
HolyJS
43 min
Server-driven UI в вебе. Не пиши, а описывай свой фронтeнд
Виталий Полещук, Стёпа Михайлюк
Фронтенд — это огромное количество форм, представляющих собой однотипный код, который нужно писать и поддерживать для разных платформ. Нашего брата, фронтендера, порой называют обидным словом «Формаш…
HolyJS
19 min
Улучшаем качество кода React-приложения с помощью Compound Components
Александр Дунай
Скорее всего, вы сталкивались с проблемой, когда ваш React-компонент становится большим, сложным и в нем появляется куча условий. Согласитесь, такие компоненты сложно читать, ревьюить и вообще понима…
JSConf Budapest
29 min
Mastering UIs with Finite State Machines
Rubén Sospedra
Did you ever feel like monkey patching your UI component? Adding too many if/else, handling a lot of complexity or hacking several non-desired side effects. Did you ever have a problem with double-cl…
React Advanced
33 min
React (with Hooks) from Scratch
Shawn Wang
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…
ChernivtsiJS
15 min
React Hooks
Oleksandr Oleksiv
Slides: https://github.com/chernivtsijs/chernivtsijs-2019
Tver.io
29 min
React Reconciler: как написать собственный рендерер
Ярослав Лосев
Что такое “реконсиляция” в React и какой путь проходит компонент от кода до отрисовки на экран, какие рендереры уже существуют и как написать свой собственный на примере отрисовки React-компонентов в…
Я ❤︎ Фронтенд
45 min
А ваш сайт доступен с клавиатуры?
Глафира Жур
Клавиатура — иногда единственный способ сделать что-то в интернете, если внезапно сломалась мышь. А ещё встречаются пользователи, которые могут перемещаться по сайту только при помощи клавиатуры. Как…
FrontendConf
51 min
Drag&Drop-компоненты для слепых пользователей. Вы шутите?
Сергей Кригер
Передвигать вещи для нас настолько естественно, что мы перенесли это из мира вещей в веб. Сортировка todo-списков, организация дашбордов, загрузка файлов — мы просто не можем себе представить все эти…
SECON.Weekend про fromtend
84 min
Разбираемся в сортах реактивности
Дмитрий Карловский
Сравним различные подходы к реактивному программированию. Вытащим на поверхность их подводные камни. И разберём как реактивность решает или наоборот усугубляет проблемы.