Публикации по теме 'react-native'


Компоненты React против хуков React
Список различий между классом компонентов и хуками React Последние несколько месяцев я углублялся в хуки React, новую функциональность, которая вызвала столько ажиотажа, когда была представлена, и которой я до сих пор не мог уделять слишком много времени. Если вы подвергались криогенизации в последние месяцы, вы можете увидеть доклад, в котором они были впервые показаны, ниже: Что я пробовал до сих пор? Чтобы начать работать с перехватчиками React, я определил проект со..
React Native + Redux (Часть 1)
Это не пример приложения todo! Прежде чем мы перейдем к тому, как Redux, давайте сначала разберемся с жизненным циклом без redux! (Если вы хотите пропустить это, вот Часть 2 ) Что это? Рассмотрим пример приложения с функцией выхода из системы. Чтобы упростить понимание, предположим, что мы всегда авторизуемся в нашем приложении (т.е. при загрузке, loggedIn = true). Давайте продолжим и создадим наш родительский компонент, который содержит компонент заголовка внутри него...
Расширенные методы оптимизации производительности в приложениях React Native
Введение React Native — это мощная платформа для создания кроссплатформенных приложений. Несмотря на множество преимуществ, таких как повторно используемый код и более быстрая разработка, оптимизация приложений React Native имеет решающее значение для предоставления пользователям отличного и функционального опыта. В этой статье рассматриваются передовые методы и рекомендации по разработке приложений React Native. 1. Анализ и оптимизация производительности рендеринга..
Советы по React.js для повышения производительности. Часть 1
1) Избегайте использования индекса в качестве ключа для карты: Мы часто видим, как индекс используется в качестве ключа при отображении списка. Но использование ключа в качестве индекса может показать вашему приложению неверные данные, поскольку они используются для идентификации элементов DOM. Всякий раз, когда вы нажимаете или удаляете элемент из списка, если ключ такой же, как и раньше, React предполагает, что элемент DOM представляет тот же компонент, всегда рекомендуется..
На этой неделе в React # 93: серверные компоненты, ремикс, Гэтсби, React-Native-Web, производительность, неизменность…
Всем привет! На этой неделе много отличных статей, в частности самый первый прагматичный отзыв об использовании серверных компонентов на Shopify. Информационный бюллетень задержался на этой неделе, потому что я пытаюсь создать для него целевую страницу: cf.thisweekinreact.com . Я использую совершенно новый стек (Remix, Tailwind, Cloudflare Pages), но у меня есть некоторые проблемы с SSL и Cloudflare отказывается взаимодействовать с Revue API 😅. Я также использую больше эмодзи для..
Как изменить ориентацию экрана устройства с помощью Expo в React Native
Реагировать нативно Как изменить ориентацию экрана устройства с помощью Expo в React Native Руководство для начинающих по управлению ориентацией экрана в React Native В сегодняшней статье я покажу вам два разных способа управления ориентацией экрана в вашем приложении React Native. Первый способ будет использовать expo-screen-orientaiton package, а второй способ позволит expo обрабатывать, когда наше приложение должно быть повернуто. Настройка проекта Добавление шаблона..
Полное руководство по использованию React Native для создания кроссплатформенных мобильных приложений
React Native произвел революцию в быстро развивающейся области разработки мобильных приложений, упростив программистам создание кроссплатформенных приложений. Вы — опытный инженер полного стека, осознающий важность эффективности и повторного использования кода. В этом подробном руководстве мы проведем вас через каждый шаг изучения React Native, чтобы вы могли создавать многофункциональные высококачественные мобильные приложения, которые безупречно работают на устройствах iOS и Android...