Введение

Добро пожаловать в начало вашего пути с React Native! Если вы ищете инструкции по настройке среды, они переместились в свой раздел. Продолжайте чтение для знакомства с документацией, нативными компонентами, React и другими темами!

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

Как использовать эти документы

Вы можете начать здесь и прочитать эти документы последовательно, как книгу; или вы можете прочитать необходимые разделы. Уже знакомы с React? Вы можете пропустить этот раздел—или прочитать его для краткого повторения.

Предварительные требования

Для работы с React Native вам необходимо понимать основы JavaScript. Если вы новичок в JavaScript или нуждаетесь в повторении, вы можете погрузиться в изучение или повторить материал на Mozilla Developer Network.

Хотя мы стараемся не предполагать никаких предварительных знаний о разработке React, Android или iOS, эти темы являются ценными для изучающих React Native. В разумных пределах мы предоставили ссылки на ресурсы и статьи, которые углубляются в эти темы.

Интерактивные примеры

Это введение позволяет вам сразу же начать работу в браузере с интерактивными примерами, такими как этот:

Выше представлен Snack Player. Это полезный инструмент, созданный Expo, для встраивания и запуска проектов React Native, а также для демонстрации их рендеринга на платформах Android и iOS. Код доступен в режиме реального времени и редактируется, поэтому вы можете сразу же взаимодействовать с ним в браузере. Попробуйте изменить текст "Try editing me!" на "Hello, world!"

Если вы хотите настроить локальную среду разработки, вы можете следовать нашему руководству по настройке среды на вашем локальном компьютере и вставить примеры кода в ваш App.js файл. (Если вы веб-разработчик, у вас, возможно, уже есть локальная среда для тестирования в мобильном браузере!)

Компоненты с функциями и классы

С React вы можете создавать компоненты, используя либо классы, либо функции. Первоначально компоненты на основе классов были единственными компонентами, которые могли иметь состояние. Но с появлением API React Hooks вы можете добавлять состояние и многое другое в компоненты на основе функций.

Hooks были введены в React Native 0.59., и поскольку Hooks являются перспективным способом написания компонентов React, мы написали это введение с использованием примеров компонентов с функциями. Там, где это полезно, мы также рассматриваем компоненты на основе классов с помощью выпадающего списка:

• Компонент с функцией
• Компонент на основе класса

Дополнительные примеры компонентов на основе классов можно найти в предыдущих версиях этой документации.

Примечания для разработчиков

Люди с разным опытом разработки изучают React Native. У вас может быть опыт работы с различными технологиями, от веб-разработки до Android, iOS и других. Мы стараемся писать для разработчиков со всем спектром опыта. Иногда мы предоставляем объяснения, специфичные для той или иной платформы, например:

• Android
• iOS
• Веб

Форматирование

Пути меню написаны жирным шрифтом и используют знаки «>» для навигации по подменю. Пример: Android Studio > Настройки

Теперь, когда вы знаете, как работает это руководство, пришло время познакомиться с основами React Native: Нативные компоненты.