Изучение основ React Native 2022
Примечание
Этот текст и многие другие, которые появятся в будущем, будут написаны с целью помочь мне и другим людям, которые хотели бы изучить React Native. Я планирую сгруппировать эти записи в средний список, расположенный внизу этой статьи, на тот случай, если вы захотите узнать больше и просмотреть различные концепции.
Я лично много чего гуглил и читал документацию (до сих пор делаю, хех). Некоторые вещи кажутся перезаписанными, в то время как другим концепциям не хватает контента, если только вы не выполняете поиск по разным страницам и документам. Отсюда и смысл этих писаний.
Реагировать на нативные компоненты
Я решил сделать Компоненты первой статьей для этих сообщений о React Native, потому что концепция Компонентов является одним из основных фундаментальных строительных блоков при изучении React Native. (Эта статья идеально подходит для начинающих!)
На рисунке ниже показан объем компонентов React Native с 3 категориями.
- Компоненты сообщества
- Основные компоненты
- Ваши нативные компоненты (пользовательские компоненты)
Обратите внимание, что все компоненты React Native входят в область компонентов React.
Между React и React Native есть разница. React предназначен для веб-приложений, а React Native — для разработки гибридных мобильных приложений (Android и IOS).
Компоненты сообщества
Первый тип, который мы собираемся рассмотреть, — это компоненты сообщества; они созданы сообществом, загружены на github и могут быть загружены и импортированы в текущий проект Expo или React Native CLI с помощью терминала.
Они имеют открытый исходный код, поэтому по большей части считаются безопасными, просто обязательно отметьте, есть ли большое количество проблем или было ли последнее обновление компонента недавним. Если последнее обновление было 2+ года назад, то компонент, вероятно, не работает с последней версией React Native.
В описании этих компонентов также будет указано, будет ли компонент работать с Expo или React Native CLI, а также команды, которые нужно запустить в терминале для установки конкретного компонента.
Основные компоненты
Они встроены в React Native и могут быть импортированы в ваш текущий проект путем простого импорта в верхнюю часть текущего файла .js.
Их ограниченное количество, поэтому я бы рекомендовал ознакомиться с основными компонентами в документации (здесь).
Ваши собственные компоненты (пользовательские компоненты)
Это компоненты, которые вы создаете самостоятельно. Они существуют только для вашего текущего проекта и могут быть повторно использованы путем импорта компонента. Обратите внимание, что Пользовательский компонент обычно представляет собой отдельный файл и часто помещается в папку «Компоненты» в проводнике файлов. Другими словами, в одном файле не может и не должно быть 2 и более компонентов.
Заключительные слова
Напомним основные моменты: существует 3 типа React Native Components. Сообщество, Основной и Пользовательский. Все они являются частью области React, и каждый из них относится к разным областям (импорт, встроенный, созданный).
Спасибо за прочтение, надеюсь, вы узнали что-то новое из этого письма! Вот мой список для React Native Concepts.
Хотите узнать больше о React Native Navigators? Проверьте ссылку ниже
…
Если вам понравился этот контент, не забудьте подписаться, аплодировать или комментировать
, потому что это побуждает меня писать больше. Здоровья!
