Reagieren

Reagieren

Information
Entwickelt von Facebook , Instagram und die Community
Erste Version 2013
Letzte Version 17.0.2 (22. März 2021)
Anzahlung https://github.com/facebook/react
Qualitätssicherung Kontinuierliche Integration
Geschrieben in Javascript
Betriebssystem Multiplattform
Art JavaScript-Bibliothek
Lizenz MIT-Lizenz
Webseite reactjs.com

React (auch React.js oder ReactJS genannt ) ist eine kostenlose JavaScript- Bibliothek, dieseit 2013 von Facebook entwickelt wurde. Der Hauptzweck dieser Bibliothek besteht darin, die Erstellung einer Webanwendung für eine einzelne Seite durch die Erstellung zustandsabhängiger Komponenten und die Generierung einer HTML- Seite (oder eines Teils)bei jederStatusänderung zu erleichtern.

React ist eine Bibliothek, die nur die Schnittstelle der Anwendung verwaltet, die als Ansicht im MVC- Modell betrachtet wird . Es kann daher mit einer anderen Bibliothek oder einem MVC- Framework wie AngularJS verwendet werden . Die Bibliothek hebt sich durch ihre Flexibilität und Leistung von der Konkurrenz ab, arbeitet mit einem virtuellen DOM und aktualisiert das Rendering im Browser nur bei Bedarf.

Die Bibliothek wird von Netflix verwendet (serverseitig nur von der25. Oktober 2017um 50% der Leistung zu erzielen), Yahoo , Airbnb , Sony , Atlassian sowie von den Facebook- Teams , die Hundefutter im gleichnamigen sozialen Netzwerk, Instagram oder WhatsApp anwenden . Ende 2015 kündigte WordPress.com Gutenberg an, eine Schnittstelle für WordPress-Site-Editoren, die in JavaScript mit Node.js und React entwickelt wurde.

Historisch

React wurde Ende 2011 von Jordan Walke, einem Ingenieur der Facebook- Firma, erstellt . Der Instagram- Ingenieur Pete Hunt interessiert sich für die Bibliothek und unterstützt Walke beim Entfernen der abhängigen Teile von Facebook. Dadurch kann React unter der Apache 2.0-Lizenz am veröffentlicht werden29. Mai 2013. React zeichnet XHP  (in) , ebenfalls von Facebook entwickelt, eine Bibliothek, die die Aufnahme von HTML in PHP ermöglicht .

Im Oktober 2014, Version 0.12.0 wird unter der modifizierten BSD-Lizenz veröffentlicht. Ein zugehöriger PATENT- Hinweis ermöglicht die Verwendung der mit React verbundenen Facebook-Patente. Die BSD-Lizenz wird jedoch auf aktualisiertApril 2015mit Version 0.13.1, um Verwirrung zu vermeiden.

Das 26. September 2017, React 16.0.0 wurde unter der MIT-Lizenz veröffentlicht . Diese Änderung gilt auch für Version 15.x mit React 15.6.2.

Eigenschaften

React wurde als Bibliothek konzipiert, nicht als MVC- Framework , wie es die Konkurrenz sein mag. Daher fördert React die Erstellung wiederverwendbarer Komponenten mit Eingabedaten, die sich im Laufe der Zeit ändern können.

Darüber hinaus verwendet React kein Template-System und arbeitet nur mit JavaScript , sodass die Komponente vollständig in einer einzelnen Klasse gekapselt werden kann. Um das Schreiben der Ansicht zu vereinfachen, entwickelte das erste Team von Facebook eine Sprache, JSX, mit der JavaScript-Objekte mit einer HTML-ähnlichen Notation generiert werden können.

Virtuelles DOM

Ein virtuelles DOM ist eine Darstellung des DOM in JavaScript . Anstatt das DOM selbst wie mit einer Vorlagensprache zu generieren, d. H. Anstatt mit den Browser-APIs zum Erstellen des DOM zu kommunizieren, generieren wir nur eine Baumstruktur von JavaScript-Objekten im Speicher.

Native reagieren

Im Jahr 2015 erschien React Native . Dieses Framework basiert auf React und ermöglicht es Ihnen weiterhin, plattformübergreifende Android- und iOS- Anwendungen in Javascript zu erstellen .

Anmerkungen und Referenzen

  1. Release 17.0.2  " (abgerufen am 10. April 2021 )
  2. (en) Eric Baer, „Die  Verwendung von React ist eine Geschäftsentscheidung, keine Technologieentscheidung  “ , auf Medium ,4. Dezember 2015(abgerufen am 21. Dezember 2015 ) .
  3. "  React.js Conf 2015  " , auf Youtube ,4. Februar 2015
  4. „  Netflix UI Engineers auf Twitter  “ auf Twitter (abgerufen am 27. Juli 2020 ) .
  5. "  Yahoo Mail wechselt zu React  " auf Slideshare
  6. (in) "  Dev Chats Spike Brehm von Airbnb - JavaScript-Entwicklung ohne" Greenfield "-App  " auf Medium ,2. September 2014
  7. "  Mikael Brassman auf Twitter:" Sonys neu veröffentlichtes Lifelog-Webinterface verwendet auf Client-Seite #refluxjs und #reactjs "  " , auf Twitter ,7. Januar 2015
  8. "  Wesley Walser auf Twitter:" React.js fährt jetzt @atlassian OnDemand-Abrechnungsseiten. Kleines Projekt zur Einführung, positive Erfahrungen bisher. "  » , Auf Twitter ,19. Juni 2014
  9. "  The New Gutenberg Editing Experience  " bei The New Gutenberg Editing Experience (abgerufen am 15. April 2020 )
  10. (en-US) "  WordPress 5.0" Bebo "  " , bei WordPress News ,6. Dezember 2018(abgerufen am 15. April 2020 )
  11. (de) Bill Fisher, "  Wie war die Idee, React Concept zu entwickeln, und wie viele Menschen haben daran gearbeitet, es bei Facebook zu entwickeln und umzusetzen?  " ,11. Februar 2015(abgerufen am 21. Dezember 2015 ) .
  12. (in) Paul Krill, "  Reagieren: Schnellere und flüssigere Benutzeroberflächen für datengesteuerte Web-Apps erstellen  " ,15. Mai 2014(abgerufen am 6. April 2015 )
  13. "  Releases - facebook / react  " auf github.com (abgerufen am 6. April 2015 )
  14. "  README.md  " ,28. Oktober 2014.
  15. (in) "  Aktualisierung unserer Open Source-Patenterteilung  " ,10. April 2015(abgerufen am 21. Dezember 2015 ) .
  16. "  Reagiere v16.0  ", Reagiere Blog ,26. September 2017( online lesen , konsultiert am 28. September 2017 )
  17. "  Reagieren Sie v15.6.2  ", Reagieren Sie Blog ,25. September 2017( online lesen , konsultiert am 28. September 2017 )
  18. (in) Pete Hunt, "  Warum haben wir React gebaut?  » , Auf facebook.github.io ,5. Juni 2013(abgerufen am 6. April 2015 )
  19. (in) "  JSX in Depth  " auf facebook.github.io (abgerufen am 6. April 2015 )
  20. .