Библиотека JavaScript для создания пользовательских интерфейсов

React

Автор (ы)	Джордан Уолк
Разработчик (и)	Facebook и сообщество
Первоначальный выпуск	29 мая 2013 г.; 7 лет назад (29.05.2013)
Стабильный выпуск	17.0.1 / 22 октября 2020 г.; 13 дней назад (2020-10-22)
Репозиторий	React Repository
Написано на	JavaScript
Платформа	Веб-платформа
Тип	Библиотека JavaScript
Лицензия	Лицензия MIT
Веб-сайт	reactjs.org

React (также известный как React.js или ReactJS ) - это с открытым исходным кодом, интерфейс, библиотека JavaScript для создания пользовательских интерфейсов или компонентов пользовательского интерфейса. Он поддерживается Facebook и сообществом отдельных разработчиков и компаний. React можно использовать как основу при разработке одностраничных или мобильных приложений. Однако React занимается только отображением данных в DOM, поэтому создание приложений React обычно требует использования дополнительных библиотек для управления состоянием и маршрутизации. Redux и React Router являются соответствующими примерами таких библиотек.

Содержание

• 1 Базовое использование
• 2 Основные особенности
  • 2.1 Компоненты
  • 2.2 Функциональные компоненты
  • 2.3 Компоненты на основе классов
  • 2.4 Виртуальная модель DOM
  • 2.5 Методы жизненного цикла
  • 2.6 JSX
  • 2.7 Архитектура за пределами HTML
  • 2.8 Реагирование на хуки
    • 2.8.1 Правила хуков
    • 2.8.2 Пользовательские хуки
• 3 Общие идиомы
  • 3.1 Использование архитектуры Flux
• 4 Будущие разработки
• 5 История
• 6 Лицензирование
• 7 См. Также
• 8 Ссылки
• 9 Внешние ссылки

Базовое использование

Ниже приведен элементарный пример использования React. в HTML с JSX и JavaScript.

1 2 3

Функция Greeter- это компонент React, который принимает свойство welcome. Переменная Appявляется экземпляром компонента Greeter, где для свойства welcomeустановлено значение 'Hello World!'. Затем метод ReactDOM.renderотображает наш компонент Greeter внутри элемента DOM с идентификатором myReactApp.

При отображении в веб-браузере результатом будет

React (веб-фреймворк) - React (web framework)

Примечательные особенности

Компоненты

Код React состоит из сущностей, называемых компонентами. Компоненты могут отображаться в конкретный элемент в DOM с помощью библиотеки React DOM. При рендеринге компонента можно передавать значения, известные как «реквизиты»:

ReactDOM.render (, document.getElementById ('myReactApp'));

Два основных способа объявления компонентов в React - через функциональные компоненты и компоненты на основе классов.

Функциональные компоненты

Функциональные компоненты объявляются с функцией, которая затем возвращает некоторый JSX.

const Greeting = (props) =>Здравствуйте, {props.name}! ;

Компоненты на основе классов

Компоненты на основе классов объявляются с использованием классов ES6.

класс ParentComponent расширяет React.Component {state = {color: 'green'}; render () {возврат (); }}

Виртуальный DOM

Еще одна примечательная особенность - использование виртуальной объектной модели документа или виртуальной DOM. React создает в памяти кэш структуры данных, вычисляет результирующие различия, а затем эффективно обновляет отображаемую в браузере DOM. Этот процесс называется согласованием . Это позволяет программисту писать код, как будто вся страница отображается при каждом изменении, в то время как библиотеки React визуализируют только те подкомпоненты, которые фактически изменяются. Этот выборочный рендеринг обеспечивает значительное повышение производительности. Это избавляет от необходимости пересчитывать стиль CSS, макет страницы и визуализацию всей страницы.

Методы жизненного цикла

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

• shouldComponentUpdateпозволяет разработчику предотвратить ненужный повторный рендеринг компонента, возвращая false, если рендеринг не требуется.
• componentDidMountвызывается после того, как компонент «смонтирован» (компонент был создается в пользовательском интерфейсе, часто связывая его с узлом DOM ). Обычно это используется для запуска загрузки данных из удаленного источника через API..
• componentWillUnmountвызывается непосредственно перед тем, как компонент будет отключен или «размонтирован». Это обычно используется для очистки ресурсоемких зависимостей компонента, которые не будут просто удалены при размонтировании компонента (например, удаление любых экземпляров setInterval (), связанных с компонентом, или " eventListener ", установленный в" документе "из-за наличия компонента)
• renderявляется наиболее важным методом жизненного цикла и единственным необходимым в любом компоненте. Обычно он вызывается каждый раз при обновлении состояния компонента, что должно отражаться в пользовательском интерфейсе.

JSX

JSX, или JavaScript XML, является расширением языка JavaScript. синтаксис. Внешне похожий на HTML, JSX предоставляет способ структурирования рендеринга компонентов с использованием синтаксиса, знакомого многим разработчикам. Компоненты React обычно пишутся с использованием JSX, хотя это и не обязательно (компоненты также могут быть написаны на чистом JavaScript). JSX похож на другой синтаксис расширения, созданный Facebook для PHP, который называется XHP.

. Пример кода JSX:

1 класс App расширяет React.Component {2 render () {3 return (4 5 
Заголовок
6 
Содержимое
7 
Нижний колонтитул
8 9); 10} 11}

Вложенные элементы

Несколько элементов на одном уровне должны быть заключены в один элемент React, такой как элемент , показанный выше, фрагмент, обозначенный , или его сокращенная форма <>или возвращается в виде массива.

.

Атрибуты

JSX предоставляет ряд атрибутов элементов, предназначенных для отражения атрибутов, предоставляемых HTML. Пользовательские атрибуты также могут быть переданы компоненту. Все атрибуты будут получены компонентом как реквизиты.

Выражения JavaScript

Выражения JavaScript (но не инструкции ) можно использовать внутри JSX с фигурными скобками {}:

React (веб-фреймворк) - React (web framework)

В приведенном выше примере render

React (веб-фреймворк) - React (web framework)

Условные операторы

Операторы If – else нельзя использовать внутри JSX, но вместо них можно использовать условные выражения. В приведенном ниже примере будет отображаться {i === 1? 'true': 'false'}как строка 'true', потому что iравно 1.

1 класс App расширяет React.Component {2 render () {3 const i = 1; 4 return (5 6 
React (веб-фреймворк) - React (web framework)
 7 8); 9} 10}

Приведенное выше будет отображать:

React (веб-фреймворк) - React (web framework)

Функции и JSX могут использоваться в условных выражениях:

1 класс App расширяет React.Component {2 render () {3 const section = [1, 2, 3]; 4 return (5 6 {section.length>0 section.map (n =>(7 / * 'ключ' используется в реакции для отслеживания элементов списка и их изменений * / 8 / * Каждый 'ключ 'должно быть уникальным * / 9 Раздел {n} 10))} 11 12); 13} 14}

Приведенное выше будет отображать:

Раздел 1 Раздел 2 Раздел 3

Код, написанный на JSX, требует преобразования с помощью такого инструмента, как Babel до того, как его смогут понять веб-браузеры. Эта обработка обычно выполняется во время процесса сборки программного обеспечения до того, как приложение будет развернуто.

Архитектура за пределами HTML

Базовая архитектура React применяется помимо рендеринга HTML в браузере. Например, у Facebook есть динамические диаграммы, которые отображаются в теги , а Netflix и PayPal используют универсальную загрузку для отображения идентичного HTML как на сервере, так и на клиенте.

Перехватчики реакции

Хуки - это функции, которые позволяют разработчикам «подключаться» к функциям состояния и жизненного цикла React из функциональных компонентов. Они делают код читаемым и легко понятным. Хуки не работают внутри классов - они позволяют использовать React без классов.

React предоставляет несколько встроенных хуков, например useState, useContext, useReducerи useEffect, чтобы назвать некоторые из них. Все они указаны в Справочнике по API хуков. Наиболее часто используемые useStateи useEffectпредназначены для управления состояниями и побочными эффектами соответственно в компонентах React.

Правила хуков

Существуют также правила хуков, которым необходимо следовать, прежде чем их можно будет использовать.

1. Хуки должны вызываться только на верхнем уровне (не внутри циклов или операторов if).
2. Хуки должны вызываться только из компонентов функции React, а не из обычных функций или компонентов класса

Пользовательские хуки

Создание ваших собственных перехватчиков, которые называются настраиваемыми перехватчиками, позволяет извлекать логику компонента в функции многократного использования. Пользовательский крючок - это функция JavaScript, имя которой начинается с «использовать» и которая может вызывать другие хуки. К ним также применяются правила хуков, т. Е. Пользовательские хуки должны быть написаны в соответствии с правилами, применяемыми React, иначе будет высокая вероятность нарушения целостности кода. Проверьте следующую ссылку, чтобы узнать правила для создания пользовательских хуки.

Общие идиомы

React не пытается предоставить полную «библиотеку приложений». Он разработан специально для создания пользовательских интерфейсов и поэтому не включает в себя многие инструменты, которые некоторые разработчики могут счесть необходимыми для создания приложения. Это позволяет выбрать, какие библиотеки предпочитает разработчик для выполнения таких задач, как выполнение доступа к сети или локального хранения данных. По мере взросления библиотеки появились общие шаблоны использования.

Использование архитектуры Flux

Для поддержки концепции React об однонаправленном потоке данных (который может контрастировать с двунаправленным потоком AngularJS ) архитектура Flux представляет собой альтернативу к популярной архитектуре модель-представление-контроллер. В Flux есть действия, которые отправляются через центральный диспетчер в хранилище, а изменения в хранилище распространяются обратно в представление. При использовании с React это распространение осуществляется через свойства компонента.

Flux можно рассматривать как вариант шаблона наблюдателя.

Компонент React в архитектуре Flux не должен напрямую изменять какие-либо переданные ему реквизиты, но ему должны передаваться функции обратного вызова, которые создают действия, которые отправлено диспетчером на доработку магазина. Действие - это объект, в обязанности которого входит описание того, что произошло: например, действие, описывающее одного пользователя, «следующего» за другим, может содержать идентификатор пользователя, идентификатор целевого пользователя и тип USER_FOLLOWED_ANOTHER_USER. Хранилища, которые можно рассматривать как модели, могут изменяться в ответ на действия, полученные от диспетчера.

Этот шаблон иногда выражается как «свойства текут вниз, действия текут вверх». С момента его создания было создано множество реализаций Flux, возможно, самая известная из них - Redux, которая имеет единое хранилище, часто называемое единым источником истины.

Будущее развитие

Статус проекта можно отслеживать через дискуссионный форум основной группы. Однако основные изменения в React связаны с проблемами репозитория Future of React и запросами на вытягивание. Это позволяет сообществу React предоставлять отзывы о новых потенциальных функциях, экспериментальных API и улучшениях синтаксиса JavaScript.

История

React был создан Джорданом Уолком, инженером-программистом в Facebook, который выпустил ранний прототип React под названием «FaxJS». На него повлиял XHP, библиотека компонентов HTML для PHP. Впервые он был развернут в новостной ленте Facebook в 2011 году, а затем в Instagram в 2012 году. В мае 2013 года его исходный код был открыт в JSConf US.

React Native, который позволяет создавать собственные Android, iOS и UWP с помощью React, было объявлено на конференции React Conf в Facebook в феврале 2015 года и открыто в марте 2015 года.

18 апреля 2017 года Facebook анонсировал React Fiber, новый основной алгоритм библиотеки React для создания пользовательских интерфейсов. React Fiber должен был стать основой для любых будущих улучшений и развития функций библиотеки React.

26 сентября 2017 г. был выпущен общедоступный React 16.0.

16 февраля 2019 г., React 16.8 был выпущен для широкой публики. Релиз представил React Hooks.

10 августа 2020 года команда React объявила о первом выпуске-кандидате для React v17.0, известном как первый крупный выпуск без серьезных изменений в API React для разработчиков.

Версии

Версия	Дата выпуска	Изменения
0.3.0	29 мая 2013 г.	Первоначальный общедоступный выпуск
0.4.0	20 июля 2013 г.	Поддержка узлов комментариев {/ * * /}, улучшенные API рендеринга на стороне сервера, удален React.autoBind, поддержка ключа prop, Доработки форм, Исправленные ошибки.
0.5.0	20 октября 2013 г.	Улучшение использования памяти, Поддержка событий Selection и Composition, Поддержка getInitialState и getDefaultProps в миксинах, добавлены React.version и React.isValidClass, улучшено совместимость с Windows.
0.8.0	20 декабря 2013 г.	Добавлена ​​поддержка строк и столбцов, отложенного и асинхронного, цикла для
0.9.0	20 февраля 2014 г.	Добавлена ​​поддержка crossOrigin, download и hrefLang, mediaGroup и отключено, песочница, бесшовные и srcDoc, атрибуты области, добавлены любые, arrayOf, component, oneOfType, renderable, shape в React.PropTypes, Добавлена ​​поддержка событий onMouseOver и onMouseOut, Добавлена ​​поддержка onLoad и onError для элементов .
0.10.0	21 марта 2014 г.	Добавлена ​​поддержка атрибутов srcSet и textAnchor, добавлена ​​функция обновления для неизменяемых данных, Убедитесь, что все элементы void не вставляют закрывающий тег.
0.11.0	17 июля 2014 г.	Улучшенная поддержка SVG, нормализованное событие e.view, команда Update $ apply, добавлена ​​поддержка пространств имен, добавлен новый API-интерфейс transformWithDetails, включая предварительно созданные пакеты в dist /, MyComponent () теперь возвращает дескриптор, а не экземпляр.
0.12.0	21 ноября 2014 г.	Добавлены новые функции Оператор распространения ({...}), представленный для исключения this.transferPropsTo, добавлена ​​поддержка acceptCharset, classID, атрибутов HTML манифеста, React.addons.batchedUpdates добавлен в API, @jsx React.DOM больше не требуется, Исправлены проблемы с переходами CSS.
0.13.0	10 марта 2015	Устаревшие шаблоны, которые предупреждали в версии 0.12, больше не работают, порядок разрешения ссылок изменен, удалены свойства this._pendingState и this._rootNodeID, поддержка классов ES6, Добавлен API React.findDOMNode (компонент), Поддержка итераторов и последовательностей immutable-js, Добавлены новые функции React.addons.createFragment, React.addons.classSet является устаревшим.
0.14.1	29 октября 2015 г.	Добавлена ​​поддержка srcLang, атрибутов default, kind и color, гарантирован доступ к устаревшим.props на узлах DOM, исправлен scryRenderedDOMComponentsWithClass, добавлена ​​реакция dom.js.
15.0.0	07 апреля 2016 г.	Первоначальный рендеринг теперь использует document.createElement вместо генерации HTML, больше никаких лишних s, улучшенная поддержка SVG, ReactPerf.getLastMeasurements () непрозрачен, Новые устаревшие версии представлены с предупреждением, Исправлено несколько небольших утечек памяти, React DOM теперь поддерживает атрибуты HTML cite и profile, а также свойства CSS cssFloat, gridRow и gridColumn.
15.1.0	20 мая 2016 г.	Исправить ошибку пакетной обработки, обеспечить использование последней версии назначения объекта, исправить регрессию, удалить использование утилиты слияния, переименовать некоторые модули.
15.2.0	01 июля 2016 г.	Включить информацию о стеке компонентов, остановить проверку свойств во время монтирования, добавить React.PropTypes.symbol, добавить обработку onLoad в и обработку ошибок onError в элемент , добавить isRunning () API, исправить снижение производительности.
15.3.0	30 июля 2016 г.	Добавление React.PureComponent, Устранение проблемы с рендерингом вложенного сервера, Добавление xmlns, xmlnsXlink для поддержки атрибутов SVG и referrerPolicy для атрибутов HTML, обновление React Perf Дополнение, Исправлена ​​проблема с исх.
15.3.1	19 августа 2016 г.	Повышение производительности сборок для разработки, Очистка внутренних хуков, Обновление fbjs, Улучшение времени запуска React, Устранение утечки памяти при рендеринге сервера, Исправление React Test Renderer, замените инвариант trackedTouchCount на console.error.
15.4.0	16 ноября 2016 г.	Пакет React и сборка браузера больше не включают React DOM, улучшенную производительность разработки, исправленные периодические сбои тестов, обновление batchedUpdates API, React Perf и ReactTestRenderer.Создайте().
15.4.1	23 ноября 2016 г.	Назначение переменных реструктуризации, фиксированная обработка событий, фиксированная совместимость сборки браузера со средами AMD.
15.4.2	06 января 2017 г.	Исправлены проблемы сборки, добавлены недостающие зависимости пакетов, улучшены сообщения об ошибках.
15.5.0	07 апреля 2017 г.	Добавлен response-dom / test-utils, Удалены peerDependencies, Исправлена ​​проблема с компилятором Closure, Добавлено предупреждение об устаревании для React.createClass и React. PropTypes, исправлена ​​ошибка Chrome.
15.5.4	11 апреля 2017 г.	Исправить совместимость с Enzyme, выставив batchedUpdates на мелком рендерере, Обновить версию prop-types, Исправить пакет response-addons-create-fragment, чтобы включить рыхлая трансформация.
15.6.0	13 июня 2017 г.	Добавить поддержку переменных CSS в атрибуте стиля и свойствах стиля сетки, Исправить поддержку AMD для надстроек в зависимости от реакции, Удалить ненужную зависимость, Добавить отказ предупреждение для хелперов фабрики React.createClass и React.DOM.
16.0.0	26 сентября 2017 г.	Улучшена обработка ошибок с введением «границ ошибок», React DOM позволяет передавать нестандартные атрибуты, Незначительные изменения в поведении setState, удаление реакции- with-addons.js build, Добавить React.createClass как create-react-class, React.PropTypes как prop-types, React.DOM как react-dom-factory, изменения в поведении методов планирования и жизненного цикла.
16.1.0	9 ноября 2017 г.	Прекращение выпуска выпусков Bower, исправление случайной дополнительной глобальной переменной в сборках UMD, исправление срабатывания onMouseEnter и onMouseLeave, исправление заполнителя, удаление неиспользуемых code, Добавить недостающую зависимость package.json, Добавить поддержку React DevTools.</td></tr><tr><td>16.3.0</td><td>29 марта 2018 г.</td><td>Добавить новый официально поддерживаемый контекстный API, Добавить новый пакет Предотвращение бесконечного цикла при попытке визуализации порталов с SSR, Устранить проблему с this.state, Исправьте проблему с IE / Edge.</td></tr><tr><td>16.3.1</td><td>3 апреля 2018 г.</td><td>Префикс частного API, исправление ошибок снижения производительности и обработки ошибок в режиме разработки, добавление одноранговых зависимостей, исправление ложноположительного предупреждения в IE11 при использовании фрагмента.</td></tr><tr><td>16.3.2</td><td>16 апреля 2018 г.</td><td>Исправить сбой IE, исправить метки в измерениях пользовательского времени, добавить сборку UMD, повысить производительность unstable_observedBits API с вложением.</td></tr><tr><td>16.4.0</td><td>24 мая 2018 г.</td><td>Добавить поддержку спецификации событий указателя, добавить возможность указывать propTypes, исправить контекст чтения, исправить поддержку getDerivedStateFromProps (), исправить testInstance. родительский сбой, Добавить компонент React.unstable_Profiler для измерения производительности, Изменить имена внутренних событий.</td></tr><tr><td>16.5.0</td><td>05 сентября 2018 г.</td><td>Добавить поддержку React DevTools Profiler, Изящно обрабатывать ошибки в более крайних случаях, Добавить response-dom / profiling, Добавить событие onAuxClick для браузеров, Добавить Поля motionX и motionY для событий мыши, Добавить поля tangentialPressure и twist в событие указателя.</td></tr><tr><td>16.6.0</td><td>23 октября 2018 г.</td><td>Добавление поддержки contextType, уровней приоритета поддержки, продолжений и упакованных обратных вызовов, Улучшение механизма возврата, Исправление серого наложения в iOS Safari, Добавить React.lazy () для компонентов разделения кода.</td></tr><tr><td>16.7.0</td><td>20 декабря 2018 г.</td><td>Исправить производительность React.lazy для лениво загружаемых компонентов, Очистить поля при размонтировании, чтобы избежать утечек памяти, Исправить ошибку с SSR, Исправить производительность регресс.</td></tr><tr><td>16.8.0</td><td>06 февраля 2019 г.</td><td>Добавить хуки, добавить ReactTestRenderer.act () и ReactTestUtils.act () для пакетного обновления, поддержка синхронных файлов, переданных в React.lazy (), Улучшение useReducer Hook API отложенной инициализации.</td></tr><tr><td>16.8.6</td><td>27 марта 2019 г.</td><td>Исправить некорректный аварийный выход в useReducer (), исправить предупреждения iframe в Safari DevTools, предупредить, если для contextType задано значение Context.Consumer вместо Context, Предупреждать, если для contextType заданы недопустимые значения.</td></tr><tr><td>16.9.0</td><td>9 августа 2019 г.</td><td>Добавить <React.Profiler>API для программного сбора измерений производительности. Удалите unstable_ConcurrentMode в пользу unstable_createRoot</td></tr><tr><td>16.10.0</td><td>27 сентября 2019 г.</td><td>Исправьте крайний случай, когда обновление обработчика не запоминалось. Исправьте эвристику для определения того, когда нужно увлажнять, чтобы мы не ошибались во время обновления. Удалите дополнительные поля волокна во время размонтирования для экономии памяти. Исправить ошибку с обязательными текстовыми полями в Firefox. Предпочитайте Object.is вместо встроенного полифила, если он доступен. Исправлена ​​ошибка при смешивании Suspense и обработки ошибок.</td></tr><tr><td>16.10.1</td><td>28 сентября 2019 г.</td><td>Исправить регрессию в приложениях Next.js, разрешив автоматическое выполнение несоответствия Suspense во время гидратации</td></tr><tr><td>16.10.2</td><td>3 Октябрь 2019 г.</td><td>Исправить регрессию в react-native-web путем восстановления порядка аргументов в экстракторах плагинов событий</td></tr><tr><td>16.11.0</td><td>22 октября 2019 г.</td><td>Исправить обработчики mouseenter из запускается дважды внутри вложенных контейнеров React. Удалите экспериментальные API unstable_createRoot и unstable_createSyncRoot. (Они доступны в экспериментальном канале как createRoot и createSyncRoot.)</td></tr><tr><td>16.12.0</td><td>14 ноября 2019 г.</td><td>React DOM - Исправить пассивные эффекты (<code>useEffect</code>) не запускается в мульти-корневом приложении. <p>React Is - исправление типов <code>lazy</code>и <code>memo</code>, считающихся элементами вместо компонентов</p></td></tr><tr><td>16.13.0</td><td>26 февраля 2020 г.</td><td>Возможности добавлен в режиме React Concurrent. <p>Исправить регрессии в основной библиотеке React и React Dom.</p></td><td></td></tr><tr><td>16.13.1</td><td>19 марта 2020 г.</td><td>Исправить ошибку в устаревшем режиме Suspense. <p>Отменить предупреждение для межкомпонентных обновлений, которые происходят внутри жизненных циклов рендеринга класса</p></td><td></td></tr><tr><td>16.14.0</td><td>14 октября 2020 г.</td><td>Добавить поддержку нового преобразования JSX.</td><td></td></tr><tr><td>17.0.0</td><td>20 октября 2020 г.</td><td>«Нет новых функций»: разрешает постепенное обновление React со старых версий. <p>Добавить новое преобразование JSX, изменения в делегировании событий</p></td></tr></tbody></table><div id="tnk1"></div><h2>Лицензирование</h2><p>В первоначальном публичном выпуске React в мае 2013 года использовалась <a href="/w/Apache_License_2.0">лицензия Apache 2.0</a>. В октябре 2014 года React 0.12.0 заменил это на <a href="/w/BSD_licenses#3-clause">лицензию BSD с тремя пунктами</a> и добавил отдельный текстовый файл PATENTS, который разрешает использование любых патентов Facebook, связанных с программным обеспечением:</p> <p>Лицензия, предоставленная ниже, будет прекратить действие, автоматически и без предварительного уведомления, для любого, кто делает какие-либо претензии (в том числе путем подачи любого судебного иска, утверждения или другого действия), ссылаясь на (а) прямое, косвенное или побуждение к нарушению любого патента: (i) со стороны Facebook или любого другого ее дочерних или аффилированных компаний, независимо от того, связаны ли такие претензии с Программным обеспечением, (ii) любой стороной, если такая претензия возникает полностью или частично из любого программного обеспечения, продукта или услуги Facebook или любой из ее дочерних или зависимых компаний, независимо от того, или такое утверждение не связано с Программным обеспечением, или (iii) какой-либо стороной, имеющей отношение к Программному обеспечению; или (б) что любое право в любом патентном притязании Facebook является недействительным или не имеющим исковой силы.</p> <p>Эта нетрадиционная оговорка вызвала некоторые разногласия и дебаты в сообществе пользователей React, поскольку ее можно интерпретировать как уполномочивающую Facebook отзывать лицензию во многих сценариях., например, если Facebook подает в суд на лицензиата, побуждая его предпринять «другие действия», опубликовав действие в блоге или где-либо еще. Многие выразили опасения, что Facebook может несправедливо использовать положение о прекращении действия или что интеграция React в продукт может осложнить приобретение стартап-компании в будущем.</p> <p>.</p> <p>На основании отзывов сообщества Facebook обновил выдачу патента в апреле 2015 года, сделав ее менее двусмысленной и более либеральной:</p> <p>Лицензия, предоставленная в соответствии с настоящим Соглашением, будет прекращена автоматически и без уведомления, если вы (или любая из ваших дочерних компаний, корпоративных филиалов или агентов) инициируете прямо или косвенно или примите прямую финансовую заинтересованность в любом Заявлении о патенте: (i) против Facebook или любой из ее дочерних компаний или корпоративных аффилированных лиц, (ii) против любой стороны, если такое Заявление о патенте возникает полностью или частично из любого программного обеспечения, технологии, продукта или услуги Facebook или любого из его дочерних или корпоративных филиалов, или (iii) против любой стороны, имеющей отношение к Программному обеспечению. [...] «Заявление о выдаче патента» - это любой судебный процесс или иное действие, предполагающее прямое, косвенное или сопутствующее нарушение или побуждение к нарушению любого патента, в том числе встречный иск или встречный иск.</p> <p><a href="/w/Apache_Software_Foundation">Apache Software Foundation</a> сочла это лицензионное соглашение несовместимым с его политикой лицензирования, поскольку оно «перекладывает риск на нижележащих потребителей нашего программного обеспечения, несбалансированное в пользу лицензиара, а не лицензиата, тем самым нарушая нашу правовую политику Apache как универсального донора», и «не являются подмножеством тех, которые содержатся в [Apache License 2.0], и они не могут быть сублицензированы как [Apache License 2.0]». В августе 2017 года Facebook отклонил обеспокоенность Apache Foundation по поводу нисходящего потока и отказался пересмотреть свою лицензию. В следующем месяце <a href="/w/WordPress">WordPress</a> решил переключить свои проекты Gutenberg и Calypso с React.</p> <p>23 сентября 2017 года Facebook объявил, что на следующей неделе он повторно лицензирует Flow, <a href="/w/Jest_(JavaScript_framework)">Jest</a>, React и Immutable.js под стандартной лицензией <a href="/w/MIT_License">MIT</a> ; компания заявила, что React был «основой широкой экосистемы программного обеспечения с открытым исходным кодом для Интернета» и что они не хотели «сдерживать прогресс по нетехническим причинам».</p> <p>26 сентября 2017 г., React 16.0.0 был выпущен с лицензией MIT. Изменение лицензии MIT также было перенесено в линию выпуска 15.x с React 15.6.2.</p><h2>См. Также</h2><ul class="ul_main"><li><a href="/w/React_Native">React Native</a> </li><li><a href="/w/AngularJS">AngularJS</a> </li><li><a href="/w/Angular_(application_platform)">Angular</a> </li><li><a href="/w/Backbone.js">Backbone.js</a> </li><li><a href="/w/Ember.js">Ember.js</a> </li><li><a href="/w/Svelte">Svelte</a> </li><li><a href="/w/Vue.js">Vue.js</a> </li><li><a href="/w/Comparison_of_JavaScript_libraries">Сравнение библиотек JavaScript</a> </li><li><a href="/w/Web_Components">Веб-компоненты</a> </li></ul><h2>Ссылки</h2><h2>Внешние ссылки</h2><ul class="ul_main"><li><img alt="" class="noviewer" height="28" src="//upload.wikimedia.org/wikipedia/commons/thumb/3/31/Free_and_open-source_software_logo_%282009%29.svg/28px-Free_and_open-source_software_logo_%282009%29.svg.png" width="28"/>Портал бесплатного программного обеспечения с открытым исходным кодом </li></ul><ul class="ul_main"><li><a href="https://reactjs.org/" rel="nofollow">Официальный сайт</a> <img alt="Отредактируйте это в Wikidata " height="10" src="//upload.wikimedia.org/wikipedia/en/thumb/8/8a/OOjs_UI_icon_edit-ltr-progressive.svg/10px-OOjs_UI_icon_edit-ltr-progressive.svg.png" width="10"/> </li></ul></div> </div> </div> <div class="body"> <div class="update">Последняя правка сделана 2021-06-03 09:46:20</div> <div>Содержание доступно по лицензии CC BY-SA 3.0 (если не указано иное).</div></div> <div class="schl" style="background:#0e365a;height:162px;"> <div class="body" style="color:#fff;padding:34px 0px;margin-top:36px;font-size:16px;"> <div>Обратная связь: support@alphapedia.ru</div> <div style="margin:14px 0px;"><a style="color:#fff;" href="https://alphapedia.ru/terms.html" rel="nofollow">Соглашение</a></div> <div><a style="color:#fff;" href="https://alphapedia.ru/about.html" rel="nofollow">О проекте</a></div> </div> <!--LiveInternet counter--><img id="licnt23FE" width="1" height="0" style="border:0" title="LiveInternet" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAIBTAA7" alt=""/><script>(function(d,s){d.getElementById("licnt23FE").src= "https://counter.yadro.ru/hit?t44.6;r"+escape(d.referrer)+ ((typeof(s)=="undefined")?"":";s"+s.width+"*"+s.height+"*"+ (s.colorDepth?s.colorDepth:s.pixelDepth))+";u"+escape(d.URL)+ ";h"+escape(d.title.substring(0,150))+";"+Math.random()}) (document,screen)</script><!--/LiveInternet--> </div> <script> function sub() { var request = new XMLHttpRequest(); request.open('GET', '/action/action.php?request=sub'); request.send(); request.onreadystatechange = function () { if (request.readyState == 4 && request.status == 200){ var response = request.responseText; document.getElementById("action").innerHTML = response; var script = document.createElement("script"); script.src = "https://alphapedia.ru/javascript/main.js"; document.getElementsByClassName("javascript")[0].appendChild(script); } } } function search_() { var request = new XMLHttpRequest(); request.open('GET', '/action/action.php?request=search_'); request.send(); request.onreadystatechange = function () { if (request.readyState == 4 && request.status == 200){ var response = request.responseText; document.getElementById("action").innerHTML = response; var script = document.createElement("script"); script.src = "https://alphapedia.ru/javascript/main.js"; document.getElementsByClassName("javascript")[0].appendChild(script); } } } </script> <div id="action"></div> </body> </html>