Документация React Native

Добро пожаловать в начало вашего путешествия с 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. Код является живым и редактируемым, поэтому вы можете напрямую взаимодействовать с ним в браузере. Попробуйте изменить текст «Попробуйте изменить меня!» на «Привет, мир!»

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

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

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

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

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

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

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

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

• Android
• iOS
• Веб

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

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

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