09.04.2017, 09:00 Uhr Gerade keine Zeit? Hinweis: Wir haben in diesem Artikel Provisions-Links verwendet und sie durch "*" gekennzeichnet. Erfolgt über diese Links eine Bestellung, erhält t3n.de eine Provision.

Am 7. April wurde React 15.5.0 veröffentlicht. Welche Neuerungen es für das Javascript-Framework zur Erstellung von interaktiven User-Interfaces gibt, stellen wir euch hier vor.

Anzeige

React 15.5.0: Neue Deprecation-Warnungen und Einstellung des Supports für einige Addons

Die größte Neuerung in React 15.5.0 ist die Verschiebung von React.PropTypes und React.createClass in ihre eigenen Packages. Beide lassen sich noch über das React -Objekt ansprechen, das wird im Entwicklungsmodus aber eine Deprecation-Warnung in der Konsole hervorrufen. Das soll zukünftige Code-Size-Optimierungen ermöglichen. Für beide Deprecations gibt es ein Tool, um euren Code automatisch zu migrieren. In dem Release-Beitrag zur neuen React-Version gibt es aber auch jeweils ein Code-Beispiel, wie die Migration auf die neuen Pakete aussieht.

Nix mehr verpassen: Die t3n Newsletter zu deinen Lieblingsthemen! Die t3n Newsletter zu deinen Lieblingsthemen! Jetzt anmelden

Neben dieser Änderung wurde der Support für einige React-Addons eingestellt, von denen ein paar aber bereits längere Zeit nicht mehr aktiv gewartet wurden. Wenn ihr eins der nachfolgenden Addons einsetzt, solltet ihr euch also Gedanken über einen Wechsel zu einer anderen Lösung machen:

react-addons-create-fragment – React 16 wird Fragmente direkt unterstützen, weshalb das Paket dann nicht mehr notwendig sein wird.

– React 16 wird Fragmente direkt unterstützen, weshalb das Paket dann nicht mehr notwendig sein wird. react-addons-css-transition-group – als Alternative wird react-transition-group/CSSTransitionGroup empfohlen.

– als Alternative wird react-transition-group/CSSTransitionGroup empfohlen. react-addons-linked-state-mixin – setzt stattdessen explizit den value – und onChange -Handler.

– setzt stattdessen explizit den – und -Handler. react-addons-pure-render-mixin – nutzt stattdessen React.PureComponent .

– nutzt stattdessen . react-addons-shallow-compare – auch hier heißt die Alternative React.PureComponent .

– auch hier heißt die Alternative . react-addons-transition-group – nutzt react-transition-group/TransitionGroup.

– nutzt react-transition-group/TransitionGroup. react-addons-update – die Alternative ist immutability-helper.

– die Alternative ist immutability-helper. react-linked-input – auch hier ist die Alternative das explizite Setzen von value – und onChange -Handler.