Эта статья была первоначально опубликована в https://www.blog.duomly.com/what-is-create-react-app/
Intro для создания приложения React
Настройка приложения REVENTJS с нуля может быть длинным и сложным процессом. Вы должны подумать обо всем, таких как Babel, WebPack со всеми плагинами, библиотеками тестирования и т. Д. И это также может принести некоторые проблемы, которые могут занять несколько часов.
Но, к счастью, существует быстрое и простое решение, которое можно использовать во многих случаях, и это инструмент Create App App. Этого достаточно, чтобы установить его на свой компьютер и запустить простую команду все, что вы хотите создать простое приложение ReactJS и начать работать с ним.
В этой статье я объясню, что создает инструмент App App, как это установить и использовать его. Я также создаю шаблоны React App, используйте его с помощью Teadercript, а что извлечение.
Как всегда, у меня есть видео версия этой статьи для вас. Итак, если вы предпочитаете посмотреть, а не чтение, не стесняйтесь присоединиться ко мне на нашем YouTube!
Давайте начнем!
Что такое приложение CREATE RACT?
CREATE APP APP – это инструмент, созданный разработчиками Facebook, которые помогают загрузить загрузку проекта New ReactJS, создав новое приложение для одной страницы с помощью простой конфигурации с одной командой.
Это упрощает процесс настройки нового приложения и делает его гораздо менее трудоемким. Это особенно полезно для начинающих, которые хотят создать проект и не хотят глубже в том, чтобы устроить такие сложные вещи.
Create app app не создает backend или установить базу данных; Он просто создает интерфейс, поэтому вы можете использовать его с любой бэкэндом. Под капотом он использует WebPack и Babel.
Давайте узнаем, как установить инструмент Create React App на вашем компьютере.
Установите create app app
Ранее потребовалось установить пакет приложения CREATE RACT, глобально на вашем компьютере, используя NPM или пряжу, но сейчас не нужно, потому что при использовании NPX. Он будет устанавливать новейшую версию для вас автоматически.
Итак, не рекомендуется устанавливать создание App App, и достаточно использовать NPX Отказ
NPX поставляется с NPM И это доступно от версии 5.2 и выше. NPX это NPM Package Runner, что означает, что он загружает и запускает пакет временно.
Вот почему, когда мы используем Create React App, и он работает только один раз на применение жизненного цикла, мы должны использовать NPX Отказ
Теперь давайте узнаем, как установить приложение ReactJS с созданием приложения React.
NPX создайте приложение React App
Существует три варианта, когда мы создаем новый проект ReactJS с помощью инструмента Create App App, но наиболее рекомендуется использовать NPX Create-racte-App , но вы также можете сделать это, используя NPM и пряжа Отказ
Чтобы создать приложение EventJS наиболее рекомендуемым способом, вы должны использовать следующий код:
NPX Create-raction-app <имя app>
Когда вы решите создать приложение EventJS с NPM сделай это так:
NPM Init React-App <имя приложения>
И с пряжей, используйте код ниже:
пряжа создает ract-app <имя приложения>
Если какой-либо из методов не будет работать, или вернуть ошибку, убедитесь, что у вас есть правильные версии инструментов, которые вы используете.
Создать шаблон app app
Создание шаблона приложения RACT представляет собой предварительно определенную настройку, которая состоит из разных библиотек, таких как маршрутизатор React или Reactier. Чтобы использовать шаблон Create React App, нам нужно пройти дополнительный флаг в команду при создании нового проекта.
NPX Create-raction-app <имя приложения> -Template <Шаблон имя]
Если вы не выбираете какой-либо шаблон, создайте приложение React App создаст ваше приложение с помощью базового шаблона.
При создании шаблонов приложения RACT, имена всегда начинаются с CRA-шаблон- <шаблон-имя> , но нам не нужно предоставлять длинное имя.
Есть несколько шаблонов, доступных в Интернете, а также можно создать пользовательский, в соответствии с вашими потребностями. Вы можете пойти в NPM Сайт, чтобы найти шаблоны и поиск CRA-Шаблон Отказ
Когда вы решите создать пользовательский шаблон, вам необходимо убедиться, что базовые папки там, как в следующей структуре:
cra-template-[template-name]/
README.md (for npm)
template.json
package.json
template/
README.md (for projects created from this template)
gitignore
public/
index.html
src/
index.js (or index.tsx)
И, кроме того, в соответствии с вашими потребностями вы можете добавить дополнительные настройки, библиотеки, зависимости и т. Д.
Теперь позвольте мне сказать вам, как вы можете использовать шаблоны для создания приложения React с помощью Teadercript.
Создать приложение rac app
Шаблон предоставляется по умолчанию с приложением Create React, которое можно использовать для настройки проекта REVENTJS с помощью Teamescript, без большого количества дополнительной конфигурации.
Шаблон называется CRA-шаблон-типографы поэтому единственное, что нам нужно перейти к команде, на самом деле TeampScript Как в примере ниже:
NPX Create-raction-app <имя app> tymplate
И вот и это, и ваш проект The TepericScript ReactJS работает и работает.
Создать eject app app
При использовании приложения CREATE RACT вы получили несколько скриптов, которые могут быть запущены в приложении, такими как NPM Start. , NPM тест или NPM запустить извлечение .
В начале, тестирование или сборки являются понятными командами, и большинство новичков угадают, что скрыто позади любого из них, но это отличается от извлечения.
NPM запустить извлечение Команда – это односторонняя операция и не может быть отменена, поэтому стоит думать, если нам это действительно нужно.
Когда вы не удовлетворены конфигурацией, предоставленной Create App App, вам нужно как-то распаковать WebPack и Babel, чтобы настроить конфигурацию.
NPM запустить извлечение Удалю единую сборку из вашего проекта, и он будет скопировать файлы конфигурации в свой проект в качестве зависимостей.
Если вам не нужно менять настройку конфигурации, извлечение вообще не нужно и может усложнить некоторые вещи.
Если вы решите сделать это, скорее сделайте это в начале развития.
Вывод о создании приложения React
В этой статье я прошел то, что является созданием инструмента App App, если необходимо установить его и как на самом деле использовать его. Кроме того, я рассказал вам о шаблонах и как настроить приложение Typeycript RiveJS с созданием приложения React. Наконец, вы узнали, что извлечено, и если вы должны использовать его.
Create App App – это мощный инструмент, который может сделать начало нового проекта быстро и легко; Это также позволяет создать пользовательский шаблон, который вы можете использовать в любое время, вы создаете проект.
Затем приложение будет включать все, что вы обычно должны устанавливать и настроить, что делает разработку еще более приятной.
Настройка приложения не займет почти времени с созданием приложения React; Независимо от того, хотите ли вы разрабатывать с JavaScript или Teadercript, все будет работать и работает в считанные секунды.
Я надеюсь, что эта статья полезна для вас и вашего будущего проекта!
Спасибо за чтение, Анна из Дуоомила
Оригинал: “https://dev.to/duomly/understand-the-tools-which-you-are-using-to-create-an-application-what-is-create-react-app-1bpp”