React Native с React Hooks и React Query: Высокая производительность

Этот курс быстро научит вас работать с React Native и основным знаниям, необходимым для глубокого понимания и создания компонентов React для мобильных устройств с высокой производительностью.

React Native - отличное решение для разработки приложений на мобильных устройствах за гораздо меньшее время, чем создание эквивалентного приложения iOS или Swift. Вам понравится видеть, как ваши изменения мгновенно появляются на вашем собственном устройстве, вместо того, чтобы ждать перекомпиляции кода Swift / Java! Этот быстрый цикл обратной связи вместе с отличной кроссплатформенной поддержкой - это то, что сделало React Native одним из обязательных навыков инженеров Javascript.

Изначально приложения React не имеют упорядоченного способа получения или обновления данных из ваших компонентов, поэтому разработчики в конечном итоге создают свои собственные способы получения данных. Обычно это означает объединение состояния и эффектов на основе React Hooks или использование библиотек управления состоянием более общего назначения для хранения и предоставления асинхронных данных во всех приложениях.

Хотя большинство традиционных библиотек управления состоянием отлично подходят для работы с состоянием клиента, но они не так хороши для работы с асинхронным или серверным состоянием. Это потому, что состояние сервера совершенно другое. 

Состояние сервера:

• Сохраняется удаленно в месте, которое вы не контролируете или не владеете;
• Требует асинхронные API для получения и обновления;
• Подразумевает совместное владение и может быть изменено другими людьми без вашего ведома;
• Ваши приложения могут потенциально устареть, если вы не будете осторожны.

Как только вы поймете природу состояния сервера в своем приложении, по мере продвижения возникнет еще больше проблем, например:

• Кеширование ... (возможно, самое сложное в программировании);
• Дедупликация нескольких запросов на одни и те же данные в один запрос;
• Обновление устаревших данных в фоновом режиме;
• Как узнать, когда данные "устарели"?;
• Отражение обновлений данных как можно быстрее;
• Оптимизация производительности, такая как разбивка на страницы и отложенная загрузка данных;
• Управление памятью и сборка мусора состояния сервера;
• Запоминание результатов запроса со структурным разделением.

React Query - одна из лучших библиотек для управления состоянием сервера. Она работает потрясающе хорошо сразу, с нулевой конфигурацией, и может быть настроена по своему вкусу по мере роста вашего приложения.

React Query позволяет вам преодолевать сложные проблемы и препятствия, связанные с состоянием сервера, и контролировать данные вашего приложения, прежде чем они начнут контролировать вас.

С технической точки зрения React Query:

• Поможет вам удалить множество строк сложного и неправильно понятого кода из вашего приложения и заменить его всего несколькими строками логики React Query.
• Поможет сделать приложение более удобным в обслуживании и упростить создание новых функций, не беспокоясь о подключении новых источников данных о состоянии сервера.
• Окажет прямое влияние на ваших конечных пользователей, сделав ваше приложение более быстрым и отзывчивым, чем когда-либо прежде.
• Потенциально поможет вам сэкономить на пропускной способности и увеличить производительность памяти