Из Википедии, свободной энциклопедии
Перейти к навигацииПерейти к поиску
Реагировать
React-icon.svg
Автор (ы) оригиналаДжордан Уолк
Разработчики)Facebook и сообщество
изначальный выпуск29 мая 2013 г . ; 8 лет назад [1] ( 2013-05-29 )
Стабильный выпуск
17.0.2 [2] Отредактируйте это в Викиданных / 22 марта 2021 г . ; 4 месяца назад ( 22 марта 2021 г. )
Репозиторий
Отредактируйте это в Викиданных
Написано вJavaScript
ПлатформаВеб-платформа
ТипБиблиотека JavaScript
ЛицензияЛицензия MIT
Интернет сайтreactjs .org Отредактируйте это в Викиданных

React (также известный как React.js или ReactJS ) является свободным и открытым исходным кодом переднего конца JavaScript библиотекой [3] для построения пользовательских интерфейсов или компонентов пользовательского интерфейса. Он поддерживается Facebook и сообществом отдельных разработчиков и компаний. [4] [5] [6] React можно использовать как основу при разработке одностраничных или мобильных приложений. Однако React занимается только управлением состоянием и отображением этого состояния в DOM , поэтому создание приложений React обычно требует использования дополнительных библиотек для маршрутизации, а также определенных функций на стороне клиента.[7]

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

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

< div  id = "myReactApp" > </ div >< script  type = "text / babel" > function  Greeter ( props )  { return  < h1 > { props . приветствие } < / h1>; } пусть  App  =  < Greeter  приветствие = "Hello World!"  /> ; ReactDOM . render ( приложение ,  документ . getElementById ( 'myReactApp' ));</ скрипт >

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

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

< div  id = "myReactApp" >  < h1 > Привет, мир! </ h1 > </ div >

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

Компоненты

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

ReactDOM . рендеринга ( < Greeter  приветствие = "Hello World!"  /> ,  документ . getElementById ( 'myReactApp' ));

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

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

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

const  Greeter  =  ( props )  =>  < div > Привет ,  { props . имя } ! < / div>;

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

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

class  ParentComponent  расширяет  React . Компонент  {  состояние  =  {  цвет :  'зеленый'  };  render ()  {  return  (  < ChildComponent  color = { this . state . color }  />  );  } }

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

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

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

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

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

JSX

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

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

класс  App  расширяет  React . Component  { render ()  { возврат  ( < div > < p > Заголовок < / p> < p > Содержание < / p> < p > Нижний колонтитул < / p> < / div> ); }}

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

Базовая архитектура React применяется не только к рендерингу HTML в браузере. Например, у Facebook есть динамические диаграммы, которые отображаются в <canvas>теги [11], а Netflix и PayPal используют универсальную загрузку для визуализации идентичного HTML как на сервере, так и на клиенте. [12] [13]

Реагировать на хуки

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

Реагировать обеспечивает несколько встроенных крюков нравится useState, [16] useContext , useReducerи useEffect. [17] Остальные описаны в Справочнике по API хуков. [18] useState , useReducerи useEffect, наиболее часто используемые, предназначены для контроля состояния и побочных эффектов соответственно.

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

Существуют правила перехватчиков [19], которые описывают характерный шаблон кода, на который полагаются перехватчики. Это современный способ обработки состояния с помощью React.

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

Хотя эти правила не могут быть применены во время выполнения, инструменты анализа кода, такие как линтеры, могут быть настроены для обнаружения многих ошибок во время разработки. Правила применяются как к использованию перехватчиков, так и к реализации пользовательских перехватчиков [20], которые могут вызывать другие перехватчики.

Общие идиомы

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

Однонаправленный поток данных

Для поддержки концепции React об однонаправленном потоке данных (который может быть противопоставлен двунаправленному потоку AngularJS ) архитектура Flux была разработана как альтернатива популярной архитектуре модель – представление – контроллер . В Flux есть действия, которые отправляются через центральный диспетчер в хранилище , а изменения в хранилище распространяются обратно в представление. [21] При использовании с React это распространение осуществляется через свойства компонентов. С момента своего создания Flux был заменен такими библиотеками, как Redux и MobX. [22]

Поток можно рассматривать как вариант паттерна наблюдателя . [23]

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

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

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

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

История

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

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

18 апреля 2017 года Facebook анонсировал React Fiber, новый набор внутренних алгоритмов для рендеринга, в отличие от старого алгоритма рендеринга React, Stack. [32] React Fiber должен был стать основой для любых будущих улучшений и разработки функций библиотеки React. [33] [ требуется обновление ] Фактический синтаксис программирования с помощью React не меняется; изменился только способ выполнения синтаксиса. [34]Старая система рендеринга React, Stack, была разработана в то время, когда акцент системы на динамических изменениях не понимался. Стек медленно рисовал сложную анимацию, например, пытался выполнить все за один фрагмент. Fiber разбивает анимацию на сегменты, которые можно распределить по нескольким кадрам. Точно так же структура страницы может быть разбита на сегменты, которые могут поддерживаться и обновляться отдельно. Функции JavaScript и виртуальные объекты DOM называются «волокнами», и каждый из них может управляться и обновляться отдельно, что обеспечивает более плавный рендеринг на экране. [35]

26 сентября 2017 года React 16.0 был выпущен для широкой публики. [36]

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

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

Версии
ВерсияДата выпускаИзменения
0.3.029 мая 2013Первоначальный публичный выпуск
0.4.020 июля 2013 г.Поддержка узлов комментариев <div> {/ * * /} </div>, улучшенные серверные API рендеринга, удаленный React.autoBind, поддержка ключевого свойства, улучшения форм, исправленные ошибки.
0.5.020 октября 2013 г.Улучшение использования памяти, поддержка событий Selection и Composition, поддержка getInitialState и getDefaultProps в миксинах, добавлены React.version и React.isValidClass, улучшена совместимость с Windows.
0.8.020 декабря 2013 г.Добавлена ​​поддержка строк и столбцов, отложенного и асинхронного, цикла для <audio> и <video>, атрибутов автозамены. Добавлены события onContextMenu, обновлены инструменты jstransform и esprima-fb, обновлен браузер.
0.9.020 февраля 2014 г.Добавлена ​​поддержка crossOrigin, download и hrefLang, mediaGroup и muted, sandbox, seamless и srcDoc, scope, добавлены атрибуты any, arrayOf, component, oneOfType, renderable, shape в React.PropTypes, добавлена ​​поддержка onMouseOver и onMouseOut, добавлена ​​поддержка для onLoad и onError для элементов <img>.
0.10.021 марта 2014 г.Добавлена ​​поддержка атрибутов srcSet и textAnchor, добавлена ​​функция обновления для неизменяемых данных, Убедитесь, что все пустые элементы не вставляют закрывающий тег.
0.11.017 июля 2014 г.Улучшенная поддержка SVG, нормализованное событие e.view, команда Update $ apply, добавлена ​​поддержка пространств имен, добавлен новый API transformWithDetails, включены предварительно созданные пакеты в dist /, MyComponent () теперь возвращает дескриптор, а не экземпляр.
0.12.021 ноября 2014 г.Добавлены новые функции Оператор распространения ({...}), представленный для исключения this.transferPropsTo, Добавлена ​​поддержка acceptCharset, classID, атрибутов HTML манифеста, React.addons.batchedUpdates добавлен в API, @jsx React.DOM больше не требуется, Исправлены проблемы с переходами CSS.
0,13,010 марта 2015 г.Устаревшие шаблоны, которые предупреждали в версии 0.12, больше не работают, порядок разрешения ссылок изменен, удалены свойства this._pendingState и this._rootNodeID, поддержка классов ES6, добавлен API React.findDOMNode (компонент), поддержка итераторов и последовательностей неизменяемых js, добавлены новые функции React.addons.createFragment, React.addons.classSet устарел.
0,14,129 октября 2015 г.Добавлена ​​поддержка srcLang, атрибутов по умолчанию, атрибутов вида и атрибута цвета, гарантированный доступ к устаревшим .props на узлах DOM, исправлен scryRenderedDOMComponentsWithClass, добавлен response-dom.js.
15.0.07 апреля 2016 г.Первоначальный рендеринг теперь использует document.createElement вместо генерации HTML, Больше никаких лишних <span> s, Улучшенная поддержка SVG, ReactPerf.getLastMeasurements () непрозрачен, Новые устаревшие версии представлены с предупреждением, Исправлено несколько небольших утечек памяти, React DOM теперь поддерживает цитировать и профилировать атрибуты HTML и свойства CSS cssFloat, gridRow и gridColumn.
15.1.020 мая 2016Исправьте ошибку пакетной обработки, Обеспечьте использование последней версии объекта-assign, Исправьте регрессию, Удалите использование утилиты слияния, Переименуйте некоторые модули.
15.2.01 июля 2016 г.Включите информацию о стеке компонентов, прекратите проверку свойств во время монтирования, добавьте React.PropTypes.symbol, добавьте обработку onLoad в <link> и обработку onError в элемент <source>, добавьте isRunning () API, исправьте снижение производительности.
15.3.030 июля 2016 г.Добавить React.PureComponent, исправить проблему с рендерингом вложенного сервера, добавить xmlns, xmlnsXlink для поддержки атрибутов SVG и referrerPolicy в атрибуты HTML, обновить надстройку React Perf, исправить проблему с ref.
15.3.119 августа 2016 г.Повысьте производительность сборок разработки, Очистите внутренние перехватчики, Обновите fbjs, Улучшите время запуска React, Исправьте утечку памяти при рендеринге сервера, исправьте React Test Renderer, Замените инвариант trackedTouchCount на console.error.
15.4.016 ноября 2016 г.Пакет React и сборка браузера больше не включают React DOM, улучшенную производительность разработки, исправленные случайные сбои тестов, обновление batchedUpdates API, React Perf и ReactTestRenderer.create ().
15.4.123 ноября 2016 г.Назначение переменных реструктуризации, Фиксированная обработка событий, Фиксированная совместимость сборки браузера со средами AMD.
15.4.26 января 2017 г.Исправлены проблемы сборки, добавлены недостающие зависимости пакетов, улучшены сообщения об ошибках.
15.5.07 апреля 2017 г.Добавлен response-dom / test-utils, Удалены peerDependencies, Исправлена ​​проблема с компилятором Closure, Добавлено предупреждение об устаревании для React.createClass и React.PropTypes, Исправлена ​​ошибка Chrome.
15.5.411 апреля 2017 г.Исправьте совместимость с Enzyme, выставив batchedUpdates на мелком рендерере, обновив версию prop-types, исправив пакет response-addons-create-fragment, чтобы включить преобразование свободно-envify.
15.6.013 июня 2017 г.Добавить поддержку переменных CSS в атрибут стиля и свойства стиля сетки, Исправить поддержку AMD для надстроек в зависимости от реакции, Удалить ненужную зависимость, Добавить предупреждение об устаревании для вспомогательных функций фабрики React.createClass и React.DOM.
16.0.026 сентября 2017 г.Улучшенная обработка ошибок с введением «границ ошибок», React DOM позволяет передавать нестандартные атрибуты, Незначительные изменения в поведении setState, удаление сборки response-with-addons.js, добавление React.createClass как create-response-class, React.PropTypes как prop-types, React.DOM как react-dom-factory, изменения в поведении методов планирования и жизненного цикла.
16.1.09 ноября 2017 г.Прекращение выпуска выпусков Bower, исправление случайной дополнительной глобальной переменной в сборках UMD, исправление срабатывания onMouseEnter и onMouseLeave, исправление заполнителя <textarea>, удаление неиспользуемого кода, добавление отсутствующей зависимости package.json, добавление поддержки React DevTools.
16.3.029 марта 2018 г.Добавьте новый официально поддерживаемый API контекста, добавьте новый пакет, предотвратите бесконечный цикл при попытке визуализации порталов с SSR, исправьте проблему с this.state, исправьте проблему IE / Edge.
16.3.13 апреля 2018 г.Префикс частного API, Исправить ошибки регрессии производительности и обработки ошибок в режиме разработки, Добавить одноранговую зависимость, Исправить ложное срабатывание предупреждения в IE11 при использовании фрагмента.
16.3.216 апреля 2018 г.Исправьте сбой IE, исправьте метки в измерениях пользовательского времени, добавьте сборку UMD, улучшите производительность unstable_observedBits API с вложением.
16.4.024 мая 2018Добавить поддержку спецификации событий указателя, добавить возможность указывать propTypes, исправить контекст чтения, исправить поддержку getDerivedStateFromProps (), исправить сбой testInstance.parent, добавить компонент React.unstable_Profiler для измерения производительности, изменить имена внутренних событий.
16.5.05 сентября 2018 г.Добавить поддержку React DevTools Profiler, изящно обрабатывать ошибки в более крайних случаях, Добавить response-dom / profiling, Добавить событие onAuxClick для браузеров, Добавить поля motionX и motionY к событиям мыши, добавить поля tangentialPressure и twist к событию указателя.
16.6.023 октября 2018 г.Добавьте поддержку contextType, Поддержите уровни приоритета, продолжения и обернутые обратные вызовы, Улучшите механизм отката, Исправьте серый оверлей в iOS Safari, Добавьте React.lazy () для компонентов разделения кода.
16.7.020 декабря 2018 г.Исправить производительность React.lazy для лениво загружаемых компонентов, Очистить поля при отключении, чтобы избежать утечек памяти, Исправить ошибку с SSR, Исправить снижение производительности.
16.8.06 февраля 2019 г.Добавьте хуки, добавьте ReactTestRenderer.act () и ReactTestUtils.act () для пакетной обработки обновлений, поддержите синхронные файлы, передаваемые в React.lazy (), улучшите API ленивой инициализации useReducer Hook.
16.8.627 марта 2019 г.Исправить неправильную аварийную ситуацию в useReducer (), Исправить предупреждения iframe в Safari DevTools, Предупредить, если для contextType задано значение Context.Consumer вместо Context, Предупредить, если для contextType заданы недопустимые значения.
16.9.09 августа 2019 г.Добавьте API <React.Profiler> для программного сбора измерений производительности. Удалите unstable_ConcurrentMode в пользу unstable_createRoot
16.10.027 сентября 2019 г.Исправлен крайний случай, когда обновление хуков не запоминалось. Исправьте эвристику для определения того, когда нужно увлажнять, чтобы мы не ошибались во время обновления. Удалите дополнительные поля волокна во время размонтирования для экономии памяти. Исправить ошибку с обязательными текстовыми полями в Firefox. Предпочитайте Object.is вместо встроенного полифила, если он доступен. Исправлена ​​ошибка при смешивании Suspense и обработки ошибок.
16.10.128 сентября 2019 г.Исправить регрессию в приложениях Next.js, позволив несоответствию приостановки во время гидратации продолжаться без вывода сообщений.
16.10.23 октября 2019 г.Исправить регрессию в react-native-web, восстановив порядок аргументов в экстракторах плагинов событий.
16.11.022 октября 2019 г.Исправлена ​​ошибка, из-за которой обработчики mouseenter не запускались дважды внутри вложенных контейнеров React. Удалите экспериментальные API unstable_createRoot и unstable_createSyncRoot. (Они доступны в экспериментальном канале как createRoot и createSyncRoot.)
16.12.014 ноября 2019 г.React DOM - исправьте пассивные эффекты ( useEffect), которые не запускаются в мульти-корневом приложении.

React Is - исправляет lazyи memoвводит типы рассматриваемых элементов вместо компонентов

16.13.026 февраля 2020 г.Функции, добавленные в режиме React Concurrent.

Исправьте регрессии в основной библиотеке React и React Dom.

16.13.119 марта 2020 г.Исправить ошибку в устаревшем режиме Suspense.

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

16.14.014 октября 2020 г.Добавьте поддержку нового преобразования JSX.
17.0.020 октября 2020 г.«Нет новых функций» позволяет постепенно обновлять React от старых версий.

Добавить новое преобразование JSX, изменения в делегирование событий

17.0.122 октября 2020 г.React DOM - устраняет сбой в IE11

Лицензирование

Первоначальный публичный выпуск React в мае 2013 года использовал лицензию Apache License 2.0 . В октябре 2014 года React 0.12.0 заменил это лицензией BSD с тремя пунктами и добавил отдельный текстовый файл PATENTS, который разрешает использование любых патентов Facebook, связанных с программным обеспечением: [40]

Лицензия, предоставленная в соответствии с настоящим Соглашением, автоматически и без предварительного уведомления прекращает свое действие для любого, кто предъявит какие-либо претензии (в том числе путем подачи любого судебного иска, утверждения или других действий), ссылаясь на (а) прямое, косвенное или сопутствующее нарушение или побуждение к нарушению любого патента: (i ) Facebook или любой из его дочерних или аффилированных компаний, независимо от того, связаны ли такие претензии с Программным обеспечением, (ii) любой стороной, если такая претензия возникает полностью или частично из любого программного обеспечения, продукта или услуги Facebook или любого из ее дочерние компании или аффилированные лица, независимо от того, связаны ли такие претензии с Программным обеспечением, или (iii) какой-либо стороной, имеющей отношение к Программному обеспечению; или (б) что любое право в любой патентной заявке Facebook является недействительным или не имеющим исковой силы.

Этот нетрадиционный пункт вызвал некоторые споры и дебаты в сообществе пользователей React, поскольку его можно интерпретировать как уполномочивающее Facebook отозвать лицензию во многих сценариях, например, если Facebook подает в суд на лицензиата, предлагая им предпринять «другие действия», опубликовав действие. в блоге или в другом месте. Многие выразили опасения, что Facebook может несправедливо использовать положение о прекращении действия или что интеграция React в продукт может осложнить приобретение новой компании в будущем. [41]

Основываясь на отзывах сообщества, Facebook обновил выдачу патента в апреле 2015 года, сделав его менее двусмысленным и более разрешительным: [42]

Лицензия, предоставленная по настоящему Соглашению, будет прекращена автоматически и без предварительного уведомления, если вы (или любая из ваших дочерних компаний, корпоративных филиалов или агентов) инициируете прямо или косвенно или примете прямую финансовую заинтересованность в любом Заявлении о патенте: (i) против Facebook или любого другого своих дочерних компаний или корпоративных аффилированных лиц, (ii) против любой стороны, если такое Заявление о патенте возникает полностью или частично из любого программного обеспечения, технологии, продукта или услуги Facebook или любой из ее дочерних компаний или корпоративных аффилированных лиц, или (iii) против любой стороны относящиеся к Программному обеспечению. [...] «Заявление о патенте» - это любой судебный процесс или иное действие, предполагающее прямое, косвенное или сопутствующее нарушение или побуждение к нарушению любого патента, включая встречный иск или встречный иск. [43]

Фонд Apache Software рассмотрел это лицензионное соглашение несовместимо с его лицензионной политикой, так как она «проходит по риску для последующих потребителей нашего программного обеспечения несбалансированных в пользу лицензиара, а не лицензиат, нарушив тем самого наш Apache правовой политики является универсальным донором «, и» не являются подмножеством тех, которые содержатся в [Apache License 2.0], и они не могут быть сублицензированы как [Apache License 2.0] ». [44] В августе 2017 года Facebook отклонил озабоченность Apache Foundation в отношении нисходящего потока и отказался пересмотреть свою лицензию. [45] [46] В следующем месяце WordPress решил переключить свои проекты Gutenberg и Calypso с React. [47]

23 сентября 2017 года Facebook объявил, что на следующей неделе он повторно лицензирует Flow, Jest , React и Immutable.js под стандартной лицензией MIT ; компания заявила, что React был «основой широкой экосистемы программного обеспечения с открытым исходным кодом для Интернета», и что они не хотели «сдерживать прогресс по нетехническим причинам». [48]

26 сентября 2017 года был выпущен React 16.0.0 с лицензией MIT. [49] Изменение лицензии MIT также было перенесено в линию выпуска 15.x с React 15.6.2. [50]

См. Также

  • React Native
  • AngularJS
  • Угловой
  • Backbone.js
  • Ember.js
  • Svelte
  • Vue.js
  • Сравнение библиотек JavaScript
  • Веб-компоненты

Ссылки

  1. ^ Occhino, Том; Уолке, Иордания. «Приложения JS в Facebook» . YouTube . Дата обращения 22 октября 2018 .
  2. ^ "Выпуск 17.0.2" . Проверено 10 апреля 2021 года .
  3. ^ a b «React - Библиотека JavaScript для создания пользовательских интерфейсов» . Реагировать . Проверено 7 апреля 2018 года .
  4. ^ Криль, Пол (15 мая 2014). «React: создание более быстрых и плавных интерфейсов для веб-приложений, управляемых данными» . InfoWorld .
  5. ^ Хемель, Зеф (3 июня 2013). «Библиотека пользовательских интерфейсов Facebook React JavaScript получает неоднозначные отзывы» . InfoQ .
  6. ↑ Доусон, Крис (25 июля 2014 г.). «История JavaScript и как это привело к ReactJS» . Новый стек .
  7. ^ Дере, Мохан (2018-02-19). «Как интегрировать приложение create-response-app со всеми библиотеками, необходимыми для создания отличного приложения» . freeCodeCamp . Проверено 14 июня 2018 .
  8. ^ «Компоненты и реквизит» . Реагировать . Facebook . Проверено 7 апреля 2018 года .
  9. ^ «Ссылки и ДОМ» . Блог React .
  10. ^ «Черновик: Спецификация JSX» . JSX . Facebook . Проверено 7 апреля 2018 года .
  11. ^ «Почему мы создали React? - Блог React» .
  12. ^ "PayPal Isomorphic React" . Архивировано 8 февраля 2019 года.
  13. ^ "Netflix Isomorphic React" .
  14. ^ "Хуки вкратце - Реагировать" . reactjs.org . Проверено 8 августа 2019 .
  15. ^ "Что, черт возьми, такое React Hooks?" . Soshace . 2020-01-16 . Проверено 24 января 2020 .
  16. ^ "Использование State Hook - React" . reactjs.org . Проверено 24 января 2020 .
  17. ^ "Использование крючка эффектов - реакция" . reactjs.org . Проверено 24 января 2020 .
  18. ^ «Справочник по API хуков - React» . reactjs.org . Проверено 24 января 2020 .
  19. ^ "Правила хуков - реакция" . reactjs.org . Проверено 24 января 2020 .
  20. ^ «Создание собственных хуков - реакция» . reactjs.org . Проверено 24 января 2020 .
  21. ^ "В глубине обзора" . Флюс . Facebook . Проверено 7 апреля 2018 года .
  22. ^ "Flux Release 4.0" . Github . Проверено 26 февраля 2021 года .
  23. ^ Джонсон, Николас. «Введение в Flux - React Exercise» . Николас Джонсон . Проверено 7 апреля 2018 года .
  24. ↑ Абрамов, Дан. «История React и Flux с Дэном Абрамовым» . Три разработчика и возможно . Проверено 7 апреля 2018 года .
  25. ^ «Инструменты государственного управления - результаты» . Состояние JavaScript . Проверено 7 апреля 2018 года .
  26. ^ «Заметки о встрече» . Реагировать Обсудить . Проверено 13 декабря 2015 .
  27. ^ "reactjs / react-future - будущее React" . GitHub . Проверено 13 декабря 2015 .
  28. ^ "facebook / response - проблемы с запросом функции" . GitHub . Проверено 13 декабря 2015 .
  29. ^ Уолк, Иордания. "FaxJS" . Проверено 11 июля 2019 .
  30. ^ a b Папп, Андреа (4 апреля 2018 г.). «История React.js на временной шкале» . RisingStack . Проверено 11 июля 2019 .
  31. ^ "Пит Хант в TXJS" .
  32. ^ Фредерик Lardinois (18 апреля 2017). «Facebook анонсирует React Fiber, переработанный вариант своей библиотеки React» . TechCrunch . Проверено 19 апреля 2017 года .
  33. ^ "Архитектура React Fiber" . Github . Проверено 19 апреля 2017 года .
  34. ^ «Facebook объявляет о выпуске React Fiber, переработанного фреймворка React» . TechCrunch . Проверено 19 октября 2018 .
  35. ^ "GitHub - acdlite / react-fiber-architecture: Описание нового основного алгоритма React, React Fiber" . github.com . Проверено 19 октября 2018 .
  36. ^ "React v16.0" . react.js. 2017-09-26 . Проверено 20 мая 2019 .
  37. ^ "React v16.8" . react.js. 2019-02-16 . Проверено 20 мая 2019 .
  38. ^ "Знакомство с крючками" . react.js . Проверено 20 мая 2019 .
  39. ^ url = https://reactjs.org/blog/2020/08/10/react-v17-rc.html
  40. ^ "React CHANGELOG.md" . GitHub .
  41. ^ Лю, Остин. «Убедительная причина не использовать ReactJS» . Средний .
  42. ^ «Обновление нашего патента с открытым исходным кодом» .
  43. ^ «Дополнительное предоставление патентных прав версии 2» . GitHub .
  44. ^ «Ранее задаваемые юридические вопросы по ASF» . Фонд программного обеспечения Apache . Проверено 16 июля 2017 .
  45. ^ «Объяснение лицензии React» . Facebook . Проверено 18 августа 2017 .
  46. ^ «Рассмотрите возможность повторного лицензирования до AL v2.0, как это только что сделала RocksDB» . Github . Проверено 18 августа 2017 .
  47. ^ «WordPress откажется от библиотеки React из-за риска, связанного с патентной оговоркой Facebook» . TechCrunch . Проверено 16 сентября 2017 .
  48. ^ «Перезапуск React, Jest, Flow и Immutable.js» . Код Facebook . 2017-09-23.
  49. ↑ Кларк, Эндрю (26 сентября 2017 г.). "React v16.0§MIT лицензировано" . Блог React .
  50. ^ Hunzaker, Натан (25 сентября 2017). «React v15.6.2» . Блог React .

Внешние ссылки

  • Официальный веб-сайт