React: відмінності між версіями

Матеріал з Вікіпедії — вільної енциклопедії.
Перейти до навігації Перейти до пошуку
[неперевірена версія][неперевірена версія]
Вилучено вміст Додано вміст
MonstroDev (обговорення | внесок)
Створена сторінка: {{Infobox software | name = React | logo = 250px|React.js logo | developer = Faceb...
Мітка: перше редагування
 
Pechenoha (обговорення | внесок)
м →‎Посилання: - дрібні правки
Рядок 7: Рядок 7:
| latest release version = 0.12.2
| latest release version = 0.12.2
| latest release date = {{Start date and age|2014|12|30}}
| latest release date = {{Start date and age|2014|12|30}}
| platform = [[багатоплатформена]]
| platform = [[багатоплатформова]]
| programming language = [[JavaScript]]
| programming language = [[JavaScript]]
| genre = [[JavaScript library]]
| genre = [[JavaScript library]]
Рядок 17: Рядок 17:
'''React.js''', здебільшого називають '''React''', це [[open-source software|open-source]] [[JavaScript бібліотека]] для створення користувацьких інтерфейсів, яка покликана вирішувати проблеми при частковому оновлені вмісту веб-сторінки, з якими стикаються в розробці [[одно-сторінкових додатках]]. Розробляється [[Facebook]], [[Instagram]] і спільнотами індивідуальних розробників і корпорацій.<ref>{{cite web | website=InfoWorld | title=React: Making faster, smoother UIs for data-driven Web apps | url=http://www.infoworld.com/article/2608181/javascript/react--making-faster--smoother-uis-for-data-driven-web-apps.html}}</ref><ref>{{cite web | website=InfoQ | title=Facebook's React JavaScript User Interfaces Library Receives Mixed Reviews | url=http://www.infoq.com/news/2013/06/facebook-react}}</ref><ref>{{cite web | title=JavaScript’s History and How it Led To ReactJS | url=http://thenewstack.io/javascripts-history-and-how-it-led-to-reactjs/ | website=The New Stack}}</ref>
'''React.js''', здебільшого називають '''React''', це [[open-source software|open-source]] [[JavaScript бібліотека]] для створення користувацьких інтерфейсів, яка покликана вирішувати проблеми при частковому оновлені вмісту веб-сторінки, з якими стикаються в розробці [[одно-сторінкових додатках]]. Розробляється [[Facebook]], [[Instagram]] і спільнотами індивідуальних розробників і корпорацій.<ref>{{cite web | website=InfoWorld | title=React: Making faster, smoother UIs for data-driven Web apps | url=http://www.infoworld.com/article/2608181/javascript/react--making-faster--smoother-uis-for-data-driven-web-apps.html}}</ref><ref>{{cite web | website=InfoQ | title=Facebook's React JavaScript User Interfaces Library Receives Mixed Reviews | url=http://www.infoq.com/news/2013/06/facebook-react}}</ref><ref>{{cite web | title=JavaScript’s History and How it Led To ReactJS | url=http://thenewstack.io/javascripts-history-and-how-it-led-to-reactjs/ | website=The New Stack}}</ref>


'''React''' призначений, щоб допомогти розробникам створювати великі веб-додатки, які використовують дані, які змінюються з часом, без перезавантаження сторінки. Його мета полягає в тому, щоб бути швидким, простим, маштабованим. React обробляє тільки користувальницький інтерфейс в додатках. Це вважається тільки вид в [[модель-вид-контролер]] (MVC) шаблоні програмного забезпечення, і може бути використаний в поєднанні з іншими JavaScript бібліотеками або в великих структурах MVC, таких як [[AngularJS]]. Він також може бути використаний з React на основі надбудов, щоб піклуватися про частини без користувальницького інтерфейсу побудови веб-додатків.
'''React''' призначений, щоб допомогти розробникам створювати великі веб-додатки, які використовують дані, які змінюються з часом, без перезавантаження сторінки. Його мета полягає в тому, щоб бути швидким, простим, масштабованим. React обробляє тільки користувацький інтерфейс у додатках. Це вважається тільки вид в [[модель-вид-контролер]] (MVC) шаблоні програмного забезпечення, і може бути використаний в поєднанні з іншими JavaScript бібліотеками або в великих структурах MVC, таких як [[AngularJS]]. Він також може бути використаний з React на основі надбудов, щоб піклуватися про частини без користувацького інтерфейсу побудови веб-додатків.


'''React''' підтримує віртуальний [[Document Object Model|DOM]], а не покладається виключно на DOM браузера. Це дозволяє бібліотеці визначити, які частини DOM змінилися, порівнянно ([[diff]]) з збереженою версією віртуального DOM, і використовуючи результат визначити, як найефективніше оновити DOM браузера.<ref name=instrument>{{cite web|title=An Introduction to React.js|url=http://www.instrument.com/developers/an-introduction-to-react-js|publisher=Instrument}}</ref><ref name=workingwiththebrowser>{{cite web|title=Working With the Browser|url=http://facebook.github.io/react/docs/working-with-the-browser.html|website=React}}</ref>
'''React''' підтримує віртуальний [[Document Object Model|DOM]], а не покладається виключно на DOM браузера. Це дозволяє бібліотеці визначити, які частини DOM змінилися, порівняно ([[diff]]) зі збереженою версією віртуального DOM, і використовуючи результат визначити, як найефективніше оновити DOM браузера.<ref name=instrument>{{cite web|title=An Introduction to React.js|url=http://www.instrument.com/developers/an-introduction-to-react-js|publisher=Instrument}}</ref><ref name=workingwiththebrowser>{{cite web|title=Working With the Browser|url=http://facebook.github.io/react/docs/working-with-the-browser.html|website=React}}</ref>


В даний час '''React''' використовують Khan Academy,<ref>{{cite web | url=http://joelburget.com/backbone-to-react/ | title=Backbone to React | website=Joel Burget}}</ref> Netflix,<ref>{{cite web | url=http://conf.reactjs.com/schedule.html#beyond-the-dom-how-netflix-plans-to-enhance-your-television-experience | title=React.js conf - schedule | website=React.js}}</ref> Yahoo,<ref>{{cite web | url=http://www.slideshare.net/mobile/rmsguhan/react-meetup-mailonreact | title=Yahoo Mail moving to React | website=Slideshare}}</ref> Airbnb,<ref>{{cite web | url=https://medium.com/code-stories/dev-chats-spike-brehm-of-airbnb-87e155f3475d | title=Dev Chats: Spike Brehm of Airbnb - JavaScript development without a "greenfield app" | website=Medium}}</ref> Sony,<ref>{{cite web | url=https://twitter.com/spoike/status/552722442612113408 | title=Mikael Brassman on Twitter: "Sony's Lifelog newly released web interface is using #refluxjs and #reactjs on the client-side" | website=Twitter}}</ref> Atlassian<ref>{{cite web | url=https://twitter.com/wewals/status/479431219415744513 | title=Wesley Walser on Twitter: "React.js is now driving @atlassian OnDemand billing pages. Small project to start adoption, positive experiences thus far." | website=Twitter}}</ref> та інші.
В даний час '''React''' використовують Khan Academy,<ref>{{cite web | url=http://joelburget.com/backbone-to-react/ | title=Backbone to React | website=Joel Burget}}</ref> Netflix,<ref>{{cite web | url=http://conf.reactjs.com/schedule.html#beyond-the-dom-how-netflix-plans-to-enhance-your-television-experience | title=React.js conf - schedule | website=React.js}}</ref> Yahoo,<ref>{{cite web | url=http://www.slideshare.net/mobile/rmsguhan/react-meetup-mailonreact | title=Yahoo Mail moving to React | website=Slideshare}}</ref> Airbnb,<ref>{{cite web | url=https://medium.com/code-stories/dev-chats-spike-brehm-of-airbnb-87e155f3475d | title=Dev Chats: Spike Brehm of Airbnb - JavaScript development without a "greenfield app" | website=Medium}}</ref> Sony,<ref>{{cite web | url=https://twitter.com/spoike/status/552722442612113408 | title=Mikael Brassman on Twitter: "Sony's Lifelog newly released web interface is using #refluxjs and #reactjs on the client-side" | website=Twitter}}</ref> Atlassian<ref>{{cite web | url=https://twitter.com/wewals/status/479431219415744513 | title=Wesley Walser on Twitter: "React.js is now driving @atlassian OnDemand billing pages. Small project to start adoption, positive experiences thus far." | website=Twitter}}</ref> та інші.

Версія за 17:56, 2 червня 2015

React
React.js logo
ТипJavaScript library
АвторMeta Platforms
РозробникиFacebook, Instagram and community
Перший випуск2013
Стабільний випуск0.12.2 (30 грудня 2014; 9 років тому (2014-12-30))
Версії18.3.1 (26 квітня 2024)[1]
Платформабагатоплатформова
Операційна системакросплатформова програма
Мова програмуванняJavaScript
Розмір128 KiB мінімізована верся
559 KiB версія для розробки
Стан розробкиАктивний
ЛіцензіяBSD License
Онлайн-документаціяreactjs.org/docs/getting-started.html(англ.)
ru.reactjs.org/docs/getting-started.html(рос.)
ar.reactjs.org/docs/getting-started.html
Репозиторійgithub.com/facebook/react
Вебсайтreactjs.com

React.js, здебільшого називають React, це open-source JavaScript бібліотека для створення користувацьких інтерфейсів, яка покликана вирішувати проблеми при частковому оновлені вмісту веб-сторінки, з якими стикаються в розробці одно-сторінкових додатках. Розробляється Facebook, Instagram і спільнотами індивідуальних розробників і корпорацій.[2][3][4]

React призначений, щоб допомогти розробникам створювати великі веб-додатки, які використовують дані, які змінюються з часом, без перезавантаження сторінки. Його мета полягає в тому, щоб бути швидким, простим, масштабованим. React обробляє тільки користувацький інтерфейс у додатках. Це вважається тільки вид в модель-вид-контролер (MVC) шаблоні програмного забезпечення, і може бути використаний в поєднанні з іншими JavaScript бібліотеками або в великих структурах MVC, таких як AngularJS. Він також може бути використаний з React на основі надбудов, щоб піклуватися про частини без користувацького інтерфейсу побудови веб-додатків.

React підтримує віртуальний DOM, а не покладається виключно на DOM браузера. Це дозволяє бібліотеці визначити, які частини DOM змінилися, порівняно (diff) зі збереженою версією віртуального DOM, і використовуючи результат визначити, як найефективніше оновити DOM браузера.[5][6]

В даний час React використовують Khan Academy,[7] Netflix,[8] Yahoo,[9] Airbnb,[10] Sony,[11] Atlassian[12] та інші.

Посилання

  1. https://registry.npmjs.com/react
  2. React: Making faster, smoother UIs for data-driven Web apps. InfoWorld.
  3. Facebook's React JavaScript User Interfaces Library Receives Mixed Reviews. InfoQ.
  4. JavaScript’s History and How it Led To ReactJS. The New Stack.
  5. An Introduction to React.js. Instrument.
  6. Working With the Browser. React.
  7. Backbone to React. Joel Burget.
  8. React.js conf - schedule. React.js.
  9. Yahoo Mail moving to React. Slideshare.
  10. Dev Chats: Spike Brehm of Airbnb - JavaScript development without a "greenfield app". Medium.
  11. Mikael Brassman on Twitter: "Sony's Lifelog newly released web interface is using #refluxjs and #reactjs on the client-side". Twitter.
  12. Wesley Walser on Twitter: "React.js is now driving @atlassian OnDemand billing pages. Small project to start adoption, positive experiences thus far." Twitter.

Шаблон:JS templating Шаблон:Rich Internet applications Шаблон:Application frameworks Шаблон:ECMAScript