Рубрики
Без рубрики

Metro Bundler в реактивном родном

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

Автор оригинала: Rishabh sharma.

React Nature – это платформа, на которую мы можем сделать как Android, так и iOS приложения с одной кодовой базой, и его сообщество растет день на следующий день экспоненциально. Итак, если вы увлекаетесь учащимся и хотите знать, что происходит за кулисами реагирования на родных, и какая магия на самом деле делает работу на экранах, то вы находитесь в правильном месте. (Y)

Если вы когда-либо замечали «запустить Bundler Metro Bundler» во время запущенного сервера узла на «NPM начать» после создания приложения через CLI на «React – родной Run-Android» или «RACT-NOND-ION», и удивлялся, что это Метро написано в терминале?

Не волнуйтесь! Идите, и я покажу вам основные функции Bundler Metro Bundler и как он поддерживает реагирование нативную структуру.

1 * fkvuxr9sypqcsfoiphpbta.png.

Что такое метро?

Metro – это JavaScript Bundler, который принимает параметры, файл входа и дает вам файл JavaScript, включая все файлы JavaScript. Каждый раз, когда вы запускаете реактивный нативный проект, компиляция многих файлов JavaScript выполняется в один файл. Эта компиляция выполняется Bundler, который называется Metro. Metro запускается вместе с сервером узла, который выполняется, выполняющий «NPM Start», и мы можем увидеть Bundle, написанную в зеленой коробке на изображении, выше, которое показывает пакет файлов каждый раз, когда мы запускаем новый проект или перезагрузите текущий.

Как Metro помогает реагировать на родных?

Packager делает несколько вещей:

1.) Наиболее важной особенностью METRO состоит в том, чтобы предоставить подковынные циклы перезагрузки, поскольку они добавляют и отладки UIS очень быстро в считанные секунды, при этом вам не нужно ждать, пока все приложение перезагрузится и начнет работать. Подобная функция интегрирована в библиотеку флаттера, которая также является перекрестным инструментом для создания мобильных приложений.

2.) Другая функция состоит в том, чтобы обеспечить быстрое запуск приложению на устройстве/эмуляторе, обеспечивая быструю скорость соединения.

3.) METRO сочетает в себе весь код JavaScript в один файл и переводит любой код JavaScript, который устройство не поймет (например, JSX или некоторые новые синтаксис JavaScript)

4.) Metro Convert Actsets (например, файлы PNG) на объекты, которые могут отображаться « » Изображение ‘ составная часть.

Таким образом, мы можем сказать, что некоторые из самых важных и прохладных функций, которые обеспечивают реагировать собственные разработчики, хороший опыт работы из-за Bundler Metro.

Как работает метро или делает процесс объединения?

Metro имеет три отдельных этапа в своем пакете: разрешение преобразования сериализации

1 * 1CG1BK2ZAKSMCIABGSJ-5Q.PNG

Процесс объединения

Разрешение Metro необходимо создать направленный график всех модулей, которые требуются из точки входа, чтобы начать процесс здания. Чтобы найти, какой файл требуется из другого файла Metro, использует Resolver. Чтобы EG лучше понять, если у нас есть приложение с несколькими экранами, то навигационные библиотеки составляют направленную карту экранов в соответствии с их порядком, по аналогичным способам разрешения карты JavaScript в порядке. Как показано на графике над этим этапом происходит параллельно с стадией трансформации.

Преобразование Все модули проходят через трансформатор. Трансформатор несет ответственность за преобразование модуля в формат, который понятен целевой платформой (например, реагировать на родной). Преобразование модулей происходит параллельно на основе количества ядер, которые у вас есть.

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

Чтобы узнать больше о пакете или на том, как работает Metro, пожалуйста, посетите https://facebook.github.io/metro/en/и пройдите свои документы. Вы также можете внести свой вклад в ITHUB REPO: https://github.com/facebook/metro

Создавать и решать проблемы. Повеселись!

Резюме

Metro – отличный Packager, используемый нативной библиотекой RACT, и делает много прохладных вещей в течение нескольких секунд после времени выполнения. React Nature по-прежнему путешествует на длительное путешествие, чтобы добраться до вершины этой отрасли с экспоненциально увеличением конкуренции со стороны трепетания конкурента.

Разработка и улучшения в таких библиотеках сделают корни реагирования на кореных сильнее и дадут силы появиться между возможными конкурентами, может быть, не сейчас, но когда ночи будут темнее и полны ужасов !!