Skip to content

append px to shorthand values in style objects in react in prep for react 15 warning

Notifications You must be signed in to change notification settings

conorhastings/react-style-px-suffix-codemod

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

react-style-px-suffix-codemod

Circle CI

Starting with React 15, React will warn that unitless values will no longer be 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

About

append px to shorthand values in style objects in react in prep for react 15 warning

Resources

Stars

Watchers

Forks

Packages

No packages published