React — это библиотека JavaScript для создания пользовательских интерфейсов.
- Декларативная: React позволяет безболезненно создавать интерактивные пользовательские интерфейсы. Создавайте простые представления для каждого состояния в вашем приложении, и React будет эффективно обновлять и отображать только нужные компоненты при изменении ваших данных. Декларативные представления делают ваш код более предсказуемым, понятным и легким для отладки.
- На основе компонентов: создавайте инкапсулированные компоненты, которые управляют своим собственным состоянием, а затем составляйте их для создания сложных пользовательских интерфейсов. Поскольку логика компонентов написана на JavaScript, а не на шаблонах, вы можете легко передавать расширенные данные через свое приложение и сохранять состояние вне DOM.
- Изучите один раз, пишите где угодно: Мы не делаем предположений относительно остальной части вашего технологического стека, поэтому вы можете разрабатывать новые функции в React, не переписывая существующий код. React также может выполнять рендеринг на сервере с помощью Node и мобильных приложений с использованием React Native.
Узнайте, как использовать React в своем собственном проекте.
Установка
React с самого начала разрабатывался для постепенного внедрения, и вы можете использовать столько или меньше React, сколько вам нужно :
- Используйте интерактивные игровые площадки, чтобы почувствовать вкус React.
- Добавьте React на веб-сайт в виде тега
- Создайте новое приложение React, если вам нужен мощный набор инструментов JavaScript.
Вы можете использовать React как
из CDN или как пакет response
в npm.
Документация
Вы можете найти документацию по React на веб-сайте.
Ознакомьтесь со страницей «Начало работы» для быстрого обзора.
Документация разделена на несколько разделов:
- Учебное пособие
- Основные понятия
- Расширенные руководства
- Справочник по API
- Где взять S upport
- Руководство по участию
Вы можете улучшить его, отправив запросы на вытягивание в этот репозиторий.
Примеры
У нас есть несколько примеров на сайте. Вот первое, с чего вы начнете:
function HelloMessage ({name}) {returnHello {name};} ReactDOM.render ( , document.getElementById ('container'));
В этом примере «Hello Taylor» отображается в контейнере на странице.
Вы заметите, что мы использовали синтаксис, подобный HTML; мы называем это JSX. JSX не требуется для использования React, но он делает код более читаемым, и его написание похоже на написание HTML. Если вы используете React как тег
, прочтите этот раздел об интеграции JSX; в противном случае рекомендуемые наборы инструментов JavaScript обрабатывают его автоматически.
Содействие
Основная цель этого репозитория — продолжить развитие ядра React, делая его быстрее и проще в использовании. Разработка React происходит открыто на GitHub, и мы благодарны сообществу за внесение исправлений и улучшений. Прочтите ниже, чтобы узнать, как вы можете принять участие в улучшении React.
Кодекс поведения
Facebook принял Кодекс поведения, которого мы ожидаем от участников проекта. Прочтите полный текст, чтобы понять, какие действия допускаются, а какие недопустимы.
Руководство для участников
Прочтите наше руководство для участников, чтобы узнать о нашем процессе разработки, как предлагать исправления и улучшения, а также как создавать и тестировать изменения в React.
Хорошие первые проблемы
Чтобы помочь вам размочить ноги и познакомить вас Благодаря нашему процессу участия у нас есть список хороших первых проблем, которые содержат ошибки, которые имеют относительно ограниченный охват. Это отличное место для начала.
Лицензия
React имеет лицензию MIT.