📱 Как Vercel сделали iOS-приложение, которое ощущается нативным
Vercel это компания, которая всегда фокусировалась на вебе. Когда они решили сделать мобильное приложение v0, то поставили цель: оно должно быть достойно Apple Design Award. Фернандо Рохо, Head of Mobile, рассказал, как они этого добивались.
Они выбрали React Native с Expo, но это было только начало. Чтобы чат ощущался как iMessage, пришлось написать около 1000 строк кода только для обработки клавиатуры. Каждый релиз iOS ломал что-то в их приложении, и они играли в догонялки с Apple. Патчили React Native напрямую, чтобы убрать некрасивые индикаторы скролла и добавить жест свайпа вверх для открытия клавиатуры. Использовали Liquid Glass из iOS 26 для эффекта размытия в композере. А ещё решили не делать feature parity с вебом, а сфокусироваться на одном сценарии: быстро превратить идею в что-то реальное, пока ты вдали от компьютера.
Внутри:
– Архитектура чата: LegendList, Reanimated, Keyboard Controller;
– Как сделали анимацию появления сообщений с учётом динамической высоты;
– Почему contentInset оказался лучше всех других подходов для blank size;
– Какие патчи пришлось внести в React Native для нативного ощущения;
– Как организовали шаринг кода между вебом и мобайлом через OpenAPI.
Телега, кстати, тоже максимально нативная и это кайф)
➡️
Читать статью
———
💻
Курс по поиску работы 😍
Про дизайн
🔥
Вакансии дизайнерам
🎨
Референсы