Last active
April 20, 2016 18:24
-
-
Save miklosme/9f11e429edc6351f88e3 to your computer and use it in GitHub Desktop.
React Native components generation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#!/usr/bin/env bash | |
if [[ $# -eq 0 ]] ; then | |
echo 'Invalid component name.' | |
exit 1 | |
fi | |
COMPONENT_PATH="$(pwd)/js/common/$1" | |
mkdir $COMPONENT_PATH; | |
# package.json | |
touch "$COMPONENT_PATH/package.json"; | |
echo "{ | |
\"name\": \"$1\", | |
\"version\": \"0.0.0\", | |
\"private\": true, | |
\"main\": \"./$1.js\" | |
}" >> "$COMPONENT_PATH/package.json"; | |
# js | |
touch "$COMPONENT_PATH/$1.js"; | |
echo "import React, { Component } from 'react'; | |
import { | |
View, | |
} from 'react-native'; | |
import s from './$1.style'; | |
class $1 extends Component { | |
static propTypes = { | |
}; | |
render() { | |
return ( | |
<View style={s.root}> | |
</View> | |
); | |
} | |
} | |
export default $1;" >> "$COMPONENT_PATH/$1.js"; | |
# style | |
touch "$COMPONENT_PATH/$1.style.js"; | |
echo "import { StyleSheet } from 'react-native'; | |
export default StyleSheet.create({ | |
root: { | |
flex: 1, | |
}, | |
});" >> "$COMPONENT_PATH/$1.style.js"; | |
echo "--- Successful generation: $1 ---" |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment