Какова цель каждого файла в файловой архитектуре React Native?

Question

Недавно я начал использовать React Native и, следуя официальной документации, я инициализировал проект, используя npx react-native init ProjectName.

Я не уверен, важны ли версии инструментов (возможно, да), но я ' m, используя npm version 6.13.7, react-native-cli version 2.0.1 и react-native 0.62.2. С этой конфигурацией я получаю следующую файловую архитектуру:

Я искал об этом, но не нашел ответа. Итак, может ли кто-нибудь объяснить мне, какова цель каждого файла в этой файловой архитектуре и какие из этих файлов я могу удалить?

Заранее спасибо: D

Answer 1

Пакет. json

Этот файл содержит все зависимости модулей, которые использует ваше приложение и которые необходимы для установки для запуска вашего приложения.

yarn.lock файлы yarn и package-lock. json

Эти два файла содержат версию ваших зависимостей yarn.lock package-lock. json is автоматически генерируется для любых операций, где npm или yarn изменяет дерево node_modules или пакет. json. Он описывает точное дерево, которое было сгенерировано, так что последующие установки могут генерировать идентичные деревья, независимо от промежуточных обновлений зависимостей.

app. json

This файл содержит имя вашего приложения et c.

babel.config. js

Этот файл содержит конфигурации, относящиеся к babel, Babels - это транспилятор, который переносит ES6 в ES5.

index. js

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

EsLint и Prettier

Эти файлы связаны с сохранением отступов кода, неиспользуемыми импортированными, дополнительными, пробелами, эти файлы содержат конфигурации, связанные с этими вещами (EsLint и prettier используются, чтобы избежать вышеупомянутого вещи).

.watchMan

watchman наблюдает за изменениями кода, когда упаковщик работает, поэтому в этом файле есть конфигурации об этом.

.Flow

Flow используется для проверки типов, поэтому он содержит связанные с этим конфигурации.

node_modules

Эта папка содержит все модули, которые использует ваше приложение, также перечисленные в вашем package.json.

И еще есть Android (который содержит собственный android код), IOS (который содержит собственный код ios) и другой JS files, содержащий код, отвечающий за реакцию js.