https://github.com/ignacioola/react-native-fix-inline-styles
Fix inline styles in react native components
https://github.com/ignacioola/react-native-fix-inline-styles
codemod jscodeshift react react-native
Last synced: 6 months ago
JSON representation
Fix inline styles in react native components
- Host: GitHub
- URL: https://github.com/ignacioola/react-native-fix-inline-styles
- Owner: ignacioola
- Created: 2018-11-25T04:44:07.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2018-12-11T17:23:18.000Z (almost 7 years ago)
- Last Synced: 2024-11-02T20:33:06.976Z (11 months ago)
- Topics: codemod, jscodeshift, react, react-native
- Language: JavaScript
- Homepage:
- Size: 47.9 KB
- Stars: 3
- Watchers: 2
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-codemods - react-native-fix-inline-styles - Fix inline styles in react native components. (Frameworks / React.js)
README
# react-native-fix-inline-styles
Experimental tool to fix inline styles in react native components.
### Setup & Run
1. `yarn global add jscodeshift`
1. `git clone https://github.com/ignacioola/react-native-fix-inline-styles.git`
1. Run `yarn install` in the **react-native-fix-inline-styles** directory
1. `jscodeshift -t path/to/react-native-fix-inline-styles/transform.js `
- `path` - files or directory to transform;
- use the `-d` option for a dry-run and use `-p` to print the output for comparison;
- use the `--extensions` option if your files have different extensions than `.js` (for example, `--extensions js,jsx`);
- if you use flowtype, you might also need to use `--parser=flow`;
- see all available [jscodeshift options](https://github.com/facebook/jscodeshift#usage-cli).
### Recommendations
- As this tool is experimental, before running have all your changes commited so you can compare the results.