Upgrade to React 16
Recipe ID
org.openrewrite.react.migrate.upgrade-to-react-16Artifact@openrewrite/recipes-reactMigrate deprecated APIs for React 16 compatibility. Includes PropTypes extraction, ReactDOM split, DOM factory replacement, createFactory replacement, and error boundary API updates.
Composite recipeProprietary
Usage
This recipe has no required configuration options. You’ll need the Moderne CLI configured before running the command below.
mod run . --recipe org.openrewrite.react.migrate.upgrade-to-react-16If the recipe isn’t available locally, install it with:
mod config recipes npm install @openrewrite/recipes-reactDefinition
This recipe runs the following recipes in order.
- Move
React.PropTypestoprop-typespackageorg.openrewrite.react.16.react-prop-types - Replace
React.DOMfactories withcreateElementorg.openrewrite.react.16.react-dom-factories - Split
ReactDOM methods toReactDOMorg.openrewrite.react.16.react-to-react-dom - Replace
getDOMNode()withReact.findDOMNode()org.openrewrite.react.16.find-dom-node - Rename
unstable_handleErrortocomponentDidCatchorg.openrewrite.react.16.error-boundaries - Replace
React.createFactorywithReact.createElementorg.openrewrite.react.16.replace-create-factory - org.openrewrite.javascript.UpgradeDependencyVersion
org.openrewrite.javascript.UpgradeDependencyVersion - org.openrewrite.javascript.UpgradeDependencyVersion
org.openrewrite.javascript.UpgradeDependencyVersion - org.openrewrite.javascript.UpgradeDependencyVersion
org.openrewrite.javascript.UpgradeDependencyVersion - org.openrewrite.javascript.UpgradeDependencyVersion
org.openrewrite.javascript.UpgradeDependencyVersion