Доклады

Рассказ о Кроно: о внутреннем движке студии Лебедева для 3D-сайтов и о том, как он был создан в процессе работы над сайтом группы «Аквариум».

Управление состоянием приложения может быть простым и удобным. Zustand предлагает простое API и претендует на то, чтобы сократить число последователей Redux.

Управление состоянием приложения может быть простым и удобным. Zustand предлагает простое API и претендует на то, чтобы сократить число последователей Redux.

Самым важным дополнением React 18 было Concurrent Rendering и связанные с ним хуки вроде useTransition и useDeferredValue. При тех плюсах, которые нам принесли эти нововведения, хотелось бы разобраться, когда мы теряем преимущества и блокирующая отрисовка все-таки оказывается полезнее. Рассмотрим прошлые версии, сравним с последней, покопаем исходники, разберемся с историей React concurrency.

Рассказ про использование кастомного рендерера на картах maplibregl, взаимодействие с glTF-моделями, вызовы и решения, которые принимала команда при разработке системы безопасности PSIM.

JavaScript часто используется для написания пользовательских скриптов. Например, можно написать свой плагин для Figma или функцию для подсчета скидки для магазина в Shopify. Но надо, чтобы код исполнялся в песочнице, причем быстро и эффективно, потому что пользователей может быть много. Как этого добиться? Разберем JIT-компилицию JavaScript в Wasm, рассмотрим, какую производительность это решение показывает и как оно в сравнении с существующими подходами вроде QuickJS.

Заглянем внутрь IDE и разберем механизмы, благодаря которым мы получаем помощь в написании кода (в контексте JavaScript и TypeScript). Разберем возможности двух главных платформ по созданию расширений — не только в отношении работы с кодом, но и в отношении взаимодействия с пользователем. Попытаемся понять, насколько сложно написать плагин для JS-фреймворка на каждой из платформ. Доклад будет интересен тем, кто размышляет о выпуске плагина для своей библиотеки/фреймворка, а также тем, кто хотел понять, как оно работает и почему иногда все так тормозит.

Поговорим про эволюцию JS, её альтернативные ветки, данные и типы, функции или объекты.

Вы узнаете, как организовать обработку больших данных с использованием Node.js, какие бывают нестандартные случаи применения такого подхода и где это может вам понадобиться.

Этот нетехнический мастер-класс поможет узнать, как проапгрейдить карьеру самым быстрым путем (смена команд и проектов каждые 1-2 года). Вы узнаете, какие преимущества и недостатки бывают у больших компаний вроде Google, Apple, Microsoft, Tesla, Яндекс, а также, как туда попасть, не убившись в процессе. На базе собственного опыта и опыта коллег из США Азат раскроет грязные и не очень секреты прохождения собеседований и иммиграции.

Речь пойдет о так называемых Array Programming Languages — группе языков, которая стоит отдельно от мейнстрима. Скорее всего, если вы увидите код на таком языке, то подумаете, что это какая-то шутка. Тем не менее и у них есть свое место в современном мире разработки. Попробуем вместе разобраться в их внутренней логике, примерах использования и в том, чему можно научиться, программируя на таких языках.

Этот нетехнический мастер-класс поможет узнать, как проапгрейдить карьеру самым быстрым путем (смена команд и проектов каждые 1-2 года). Вы узнаете, какие преимущества и недостатки бывают у больших компаний вроде Google, Apple, Microsoft, Tesla, Яндекс, а также, как туда попасть, не убившись в процессе. На базе собственного опыта и опыта коллег из США Азат раскроет грязные и не очень секреты прохождения собеседований и иммиграции.

Использовать Lottie просто, но как работает эта магия? Разберемся в основах воспроизведения анимации: слои, трансформации, кейфреймы, кривые анимации. Разберем структуру lottie.json. А также посмотрим, что именно делает lottie-web и какие паттерны используют разработчики этой библиотеки. И на закуску рассмотрим неочевидное применение Lottie. Будет много картинок!

В докладе мы узнаем наилучший способ измерения Code Coverage с помощью Playwright, разберемся с возникающими проблемами, узнаем способы ускорения Playwright и Jest-тестов, а также научимся объединять результаты нескольких тестовых прогонов в один отчет.

Использовать Lottie просто, но как работает эта магия? Разберемся в основах воспроизведения анимации: слои, трансформации, кейфреймы, кривые анимации. Разберем структуру lottie.json. А также посмотрим, что именно делает lottie-web и какие паттерны используют разработчики этой библиотеки. И на закуску рассмотрим неочевидное применение Lottie. Будет много картинок!

Илья расскажет, сколько всего «Эгея» делает под капотом, чтобы быть такой приятной и при этом оставаться «лёгкой» в глазах пользователей.

Обзор современных возможностей ИИ в отношении фронтенд-разработки. Как с их помощью можно оптимизировать и ускорить процесс разработки?

Доклад о том, как работают обычные™ индексы в базах данных. Будет крайне полезен как тем, кто начинает работать с базами данных, так и тем, кто работал, но подзабыл. Используете IndexedDB? А порядок колонок в индексе правильный указывает? Или, быть может, у вас backend на PostgreSQL. И там без индексов никуда. Рассмотрим: как индекс ускоряет поиск, нужно ли индексировать условия where, нужно ли индексировать условия в order by, нужно ли индексировать foreign keys, что делать, если критериев поиска несколько, в каком порядке указывать колонки в индексе, случаи, когда индекс замедляет работу, и как снизить влияние индекса на приложение.

Container Queries уже весной будут показывать полное покрытие по браузерам, а это значит, что больше не будет причин не использовать их в продакшене. Но какие конкретные задачи можно будет проще и быстрее выполнять с помощью технологии, и как именно ее применение облегчит решение типовых задач? Именно об этом и поговорим.

Евгений рассмотрит, как анимации в RN работают из коробки, почему появилась библиотека Reanimated, зачем нужен второй JS-поток и при чем тут JSI. Доклад будет полезен RN-разработчикам, веб-разработчикам, которые хотят получить представление о работе RN, а также нативщикам, которым интересно посмотреть на перфоманс чего-то, написанного на кроссплатформе.

Как автоматизация процессов и поддержки помогла разгрузить команду фронтенд-платформы. Спикер расскажет, почему бот — это не просто дань моде, а эффективный инструмент для онбординга и поддержки потребителей. Также речь пойдет про Code Review, Review Roulette и React.

Поговорим о статических типах и доменном моделировании, об архитектуре приложений, о парсинге данных и обработке ошибок и о том, что для этого всего может предложить язык ReScript.

Cocos Creator — это игровой движок, китайский аналог и конкурент Unity3D, использующий в качестве языка программирования TypeScript. К сожалению, документация к Cocos Creator, доступная в открытых источниках, крайне скудная, а сам движок не предоставляет и не рекомендует никаких архитектурных решений. 

В этом докладе поговорим, чем хорош Cocos и почему в команде выбрали его. Спикер расскажет, какой инфраструктуры не хватает для создания полноценных игр, и поделится собственным опытом решения основных задач.

Микрофронтенды — сложная схема взаимодействия отдельных модулей. Каждый новый модуль нужно тщательно конфигурировать, а локальный сервер дорабатывать для возможности подключать новый микрофронтенд... Стоп, зачем так усложнять? На самом деле для добавления нового микрофронта достаточно поставить пакет, а все остальное сделает за вас дискавери. Рассмотрим реализацию такого дискавери.

Мария расскажет о состоянии стандарта ECMAScript на сегодняшний момент и о том, что нас ждет в ECMAScript 2023. Почему у нас до сих пор нет нормальной работы с Date? Когда JavaScript станет более функциональным? Также в докладе пройдемся по новым Web API.

Микрофронтенды — сложная схема взаимодействия отдельных модулей. Каждый новый модуль нужно тщательно конфигурировать, а локальный сервер дорабатывать для возможности подключать новый микрофронтенд... Стоп, зачем так усложнять? На самом деле для добавления нового микрофронта достаточно поставить пакет, а все остальное сделает за вас дискавери. Рассмотрим реализацию такого дискавери.

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

Повесть о том, как в компании МойОфис строили веб-редактор документов. Существует некое «магическое» ядро, на которое завязан весь главный функционал редакторов для разных платформ. В докладе пойдет рассказ про глобальную архитектуру и ключевые решения, про «магию» ядра и как с ним работают в команде веб-редактора, при чем тут вообще Wasm и Emscripten. Будет затронута тема рендеринга на canvas и основные вызовы, с которыми команда сталкивается при разработке веб-редактора: работа со шрифтами, ссылками, фокусом и выделением, перформанс. В заключение немного поговорим про существующие проблемы и их потенциальные решения. 

Про типы и их использование с классическими прототипами. Наследование, его способы и грабли TypeScript.