Кто приедет на конференцию и о чем они будут говорить? 🧐

Узнайте сейчас!

Тесса Келли

Ввод в доступную сеть

Писать доступный код сложно, но современные веб-языки могут упростить его и уберечь разработчиков от ошибок. Мы можем использовать безопасность типов, чтобы предотвратить недоступные прослушиватели событий в `div`ах, мы можем избежать ужасного tpyo. В этом докладе мы рассмотрим доступность в Интернете и то, как безопасность типов во внешнем интерфейсе может привести к более доступному коду. Мы рассмотрим примеры с использованием Elm, функционального, безопасного для типов языка, который компилируется в JavaScript, и пакета Elm «accessible-html», вспомогательной библиотеки, поддерживающей доступные методы. Опыт работы с вязом не обязателен!

Ринат Абдуллин

FoundationDB — надежный конструктор баз данных

FoundationDB — это распределенная масштабируемая транзакционная (ACID) база данных «ключ-значение», прошедшая тщательное тщательное тестирование. Это так хорошо, что три года назад вся компания была куплена Apple и погасла. Три года назад он стал проектом с открытым исходным кодом на благо сообщества. Доклад основан на опыте (счастливого) использования FoundationDB в производственной среде в SkuVault за некоторое время до того, как он стал открытым исходным кодом. Мы расскажем об использовании FoundationDB для создания надежной базы данных с несколькими моделями в ненадежной облачной среде. В этом высокопроизводительном самовосстанавливающемся кластере размещались различные уровни: очереди, хранилище документов, система публикации/подписки и хранилище событий. В докладе также рассматриваются принципы проектирования, которые сделали эту базу данных таким уникальным инженерным достижением: тщательное тестирование с помощью детерминированного моделирования с внедрением ошибок.

Джессика Джордан

Создание веб-комиксов с помощью Ember

Вы поклонник комиксов или когда-нибудь мечтали сами стать художником комиксов? Тогда этот разговор именно для вас. В этом докладе мы увидим, как новые и зрелые веб-API, включая CSS3 и API веб-анимации, можно использовать для создания собственных, насыщенных и интерактивных историй в Интернете. Мы рассмотрим, как мы можем использовать Ember.js, чтобы помочь нам создать онлайн-комикс, который заставит сердце любого поклонника комиксов биться от радости.

А этими динамиками уже поделились с вами :)

Марк Далглиш

Создание эскиза в браузере

Синхронизация разработчиков и дизайнеров — постоянная задача для нашей отрасли, поскольку каждая дисциплина работает в совершенно разных средах. За последние несколько лет мы стали свидетелями массового внедрения компонентных систем со стилями локального масштаба, что привело непосредственно к появлению таких инструментов, как react-sketchapp и html-sketchapp, которые позволяют нам генерировать статические ресурсы дизайна из реального производственного кода. . Теперь мы начинаем видеть реальную обратную связь от разработки к дизайну — но что это значит для традиционных процессов проектирования? Что это значит для будущего фронтенд-разработки? В этом выступлении мы начнем отвечать на эти вопросы, рассмотрев реальный пример этой техники, более подробно изучив, как все это работает, и показав вам, как вы можете начать экспериментировать с этим самостоятельно.

Райан Ченки

Оптимизация приложений GraphQL

Обещание GraphQL ясно и убедительно: позвольте вашим клиентам запрашивать именно те данные, которые им нужны, именно тогда, когда они им нужны. Добавьте к этому тот факт, что вы получаете строго типизированный API и автоматическую самоанализ «из коробки», и легко понять, почему так много компаний переходят на GraphQL. Инструменты по умолчанию, поставляемые с GraphQL, хорошо подходят для небольших приложений. Однако, как только наши приложения начинают увеличиваться, становится легко столкнуться с узкими местами и снижением производительности. К счастью, есть несколько оптимизаций, которые мы можем добавить без особых усилий. В этом докладе мы рассмотрим некоторые из лучших доступных оптимизаций GraphQL с выгодой для себя. Мы подробно рассмотрим пакетную обработку запросов, чтобы ограничить количество запросов к серверу. Мы рассмотрим объединение схем, чтобы оптимизировать то, как мы вызываем несколько конечных точек GraphQL. Мы также поговорим о функциях, предлагаемых Apollo для улучшения воспринимаемой производительности, таких как оптимистичный шаблон пользовательского интерфейса. Наконец, мы рассмотрим некоторые из лучших способов профилирования и мониторинга вашего GraphQL API.

Алекс Матчнир

Создание для реального времени: рекомендации по архитектуре серверных веб-приложений и мобильных приложений

Я создаю/поддерживаю приложение Mobile Checkout (на FutureProofRetail.com), которое, как и Uber/Lyft и другие популярные приложения для совместного использования, предполагает тесную координацию между состоянием сервера и состоянием приложения. Такое приложение очень сложно создавать и тестировать с уверенностью, и я хотел бы представить текущее состояние шаблонов проектирования и лучших практик для облегчения создания такого приложения. Я хотел бы коснуться архитектуры Uber RIB с открытым исходным кодом, а также того, что мы создали в Ember, чтобы упростить создание таких приложений. Я полагаю, что этот доклад будет интересен всем, кто пытался создать приложение с подключением к серверу через живые сокеты (например, WebSockets), а это, вероятно, большинство людей на данный момент 🙂.

Брайан Холт

10 КБ или провал: деликатная сила Webpack и Babel

Ваше приложение больше и медленнее, чем должно быть. Не переписывая код приложения, мы можем повысить производительность вашего кода, настроив Webpack и Babel. Эти инструменты чрезвычайно мощны, но заставить их работать хорошо — это очень тонкий танец. Этот доклад полон советов и приемов, которые помогут вам в этом.

После трех лет работы с Webpack и Babel в Netflix, LinkedIn и Reddit я получил некоторые выигранные в битвах знания, которыми хочу поделиться со всеми вами. Некоторые неинтуитивные уловки, которые приводят к меньшим пакетам, более быстрому анализу, выбору и отказу браузерного движка и более быстрому воспринимаемому времени загрузки. Хотя эти примеры будут использовать Preact для создания примеров, они применимы к любому приложению, использующему эти два феноменальных инструмента. Вы будете удивлены тем, что вы можете сделать, просто повернув несколько ручек.

Не медлите и приходите на ReactiveConf, чтобы познакомиться с нашими звездными спикерами!

До встречи в Праге! 😎🤩🇨🇿