react-style-px-suffix-codemod

v1.1.3
append px to shorthand values in style objects in react in prep for react 15 warning
codemod react style inline-style react-style react-15

Readme Versions Dependencies Scripts

react-style-px-suffix-codemod

Circle CI

Starting with React 15, React will warn that unitless values will no longer bw appended with px and the appending will be removed in future versions of react,this is a codemod that finds unitless specifications in your code and appends with px.

use

  • npm install jscodeshift -g
  • npm install react-style-px-suffix-codemod
  • run this script with jscodeshift -t node_modules/react-style-px-suffix-codemod <DIRECTORY_OR_FILE_TO_RUN_ON>

options

It is also possible to pass a --ignore flag when running to specify properties that you do not want to have px appended, example below. The properties should be comma delimited

jscodeshift -t <THIS_SCRIPT> <DIRECTORY_OR_FILE_TO_RUN_ON> --ignore=fontSize,hats

npm i react-style-px-suffix-codemod

Metadata

  • MIT
  • Whatever
  • Conor Hastings
  • released 4/3/2016

Downloads

Maintainers