React – это библиотека Javascript. Поэтому важно иметь базовые знания о HTML, CSS и JS. React используется для создания пользовательских интерфейсов, он помогает в создании богатого пользовательского интерфейса. Пользовательский интерфейс — это точка взаимодействия человека с компьютером и коммуникации в устройстве. Сюда входят экраны дисплея, мышь и внешний вид рабочего стола. Итак, рассмотрев приведенную выше информацию, мы пришли к выводу, что реакция используется для создания богатого пользовательского интерфейса более быстрым и эффективным способом. Прежде чем углубиться в это, давайте сосредоточимся на некоторых общих сведениях о реакции.
Эта JS-библиотека создана инженером-программистом по имени Jorden Walke, который работал в Facebook (может быть, все еще работает, я не знаю), и с тех пор она поддерживается сам фейсбук. Впервые он был развернут для ленты новостей Facebook примерно в 2011 году. Позже, в 2013 году, React был представлен с открытым исходным кодом на конференции JS. Проект с открытым исходным кодом — это когда код определенного проекта полностью открыт, что означает, что любой может легко увидеть код, вошедший в проект. Проект с открытым исходным кодом основан на сообществе и принимает помощь от других программистов по всему миру как часть вклада.
Одно из основных сомнений, с которым часто сталкиваются студенты по поводу нотаций имен, таких как React.js , React или что-то вроде ReactJS → поэтому все эти нотации имен могут использоваться; разные веб-сайты используют разные обозначения.
React создает виртуальный дом в памяти компьютера, поэтому нам не нужно подключение к Интернету после его загрузки в браузер. React умеет только одно — создавать потрясающий пользовательский интерфейс.
О реакции
React использует компонентный подход. Компонент — это один из основных строительных блоков реакции. Можно сказать, что каждое приложение, которое мы собираемся разработать в React, будет состоять из частей, называемых компонентами. Компоненты значительно упрощают задачу создания пользовательских интерфейсов и сокращают количество повторений кода.
React использует декларативный подход, т. е. React изменяет только то, что нужно изменить (например, предположим, что вы вошли в отель и попросите немного еды, позже вас подадут с едой, теперь вам все равно, как еда была приготовлена, аналогично работает декларативный процесс).
React разработан для скорости, простоты и масштабируемости.
Как использовать
Чтобы использовать и изучать React, нужно настроить React Environment на компьютере. Он использует инструмент create-react-app
, который является официально поддерживаемым способом создания приложения React.
Node.js (node-modules) также требуется для использования реагирующего приложения, поэтому убедитесь, что вы установили node.js. >» !
→Открыть код Visual Studio
→Нажмите на терминал
→Нажмите на новый терминал
→Вы увидите всплывающее окно в нижней части окна!< br /> → Запустите команду npx create-react-app app-name
!
обратите внимание, что npx
всегда использует последнюю версию create-react-app
→ Подождите на некоторое время (это может занять больше времени в зависимости от мощности вашего ПК или компьютера).
После установки вы увидите что-то вроде этого
Теперь запустите команду cd app-name
, чтобы изменить каталог, а затем снова запустите другую команду npm start
и нажмите ENTER, чтобы увидеть волшебство в браузере по умолчанию.
→Откройте папку, выбрав название проекта ( app-name
)
→ Перейдите к app.js
файлу src
папки и начните программировать в React
PROGRAMMING IS A GAME, PLAY IT ON YOUR OWN WAY !