Convert to arrow component

Turns a component into a functional component defined as an arrow function.

How it works

With function component
  • Transforms component function into an arrow function
With class component
  • Removes component superclass from import statement
  • Performs Move defaultProps & propTypes out of class
  • Removes (unsafely) everything from class except render
  • Transforms remaining class component into an arrow function

Works with

  • Functional components defined as a function
  • Class components
  • Higher order functional components defined as a function
  • Higher order class components


  • react


© 2018 - 2019 Kamil Mielnik & Yuriy Yakym. All rights reserved.