shrugs / React Native Snippets
Licence: mit
✏️ A collection of React Native snippets for Sublime Text and Atom
Stars: ✭ 257
Projects that are alternatives of or similar to React Native Snippets
laravel forms boostrap snippets
Handy Sublime Text snippets to create forms inputs for Laravel Collective Forms with Twitter Bootstrap 3.
Stars: ✭ 38 (-85.21%)
Mutual labels: snippets, sublime-text
rocketnative-sublime-snippets
[DEPRECATED] Rocketseat React Native snippets for Sublime Text Editor
Stars: ✭ 16 (-93.77%)
Mutual labels: snippets, sublime-text
Better-Less
Cross-compatible syntax highlighting for Less
Stars: ✭ 13 (-94.94%)
Mutual labels: atom, sublime-text
sublime-angular-material-snippets
Angular Material Design snippets plugin for Sublime Text 2/3
Stars: ✭ 25 (-90.27%)
Mutual labels: snippets, sublime-text
GDL-sublime
📝 A Sublime Text package for the programming language GDL (Geometric Description Language)
Stars: ✭ 25 (-90.27%)
Mutual labels: snippets, sublime-text
Cake
Yummy syntax theme for Atom, Brackets, Sublime Text and Visual Studio Code
Stars: ✭ 47 (-81.71%)
Mutual labels: atom, sublime-text
Bulma-Snippets-Sublime-Text-Plugin
Bulma Snippets Sublime Text Plugin
Stars: ✭ 13 (-94.94%)
Mutual labels: snippets, sublime-text
zurb-ink-sublime-snippets
ZURB Ink Sublime Snippets
Stars: ✭ 25 (-90.27%)
Mutual labels: snippets, sublime-text
network tech
Cisco config syntax and snippets for Sublime Text
Stars: ✭ 82 (-68.09%)
Mutual labels: snippets, sublime-text
github markdown snippets
GitHub flavored Markdown with plain'ol HTML knowledge! Boom!
Stars: ✭ 23 (-91.05%)
Mutual labels: snippets, sublime-text
language-mjml
Atom Editor package providing syntax support for MJML
Stars: ✭ 48 (-81.32%)
Mutual labels: atom, snippets
pymolsnips
Pymolsnips is a library of PyMOL scripting language code fragments for several popular text editors.
Stars: ✭ 19 (-92.61%)
Mutual labels: atom, snippets
themeX
The ultimate UNIVERSAL syntax color theme generator that let's you build your color scheme in just one file and compile for a wide range of different editors.
Stars: ✭ 26 (-89.88%)
Mutual labels: atom, sublime-text
SaneSnippets
Sublime Text snippets optimized for humans, not robots
Stars: ✭ 59 (-77.04%)
Mutual labels: snippets, sublime-text
atom-standardjs-snippets
⚡ A collection of JavaScript snippets for Atom, Standard Style
Stars: ✭ 47 (-81.71%)
Mutual labels: atom, snippets
atom-perl6-editor-tools
A collection of useful Perl 6 editor tools
Stars: ✭ 19 (-92.61%)
Mutual labels: atom, snippets
Dracula Theme
🧛🏻♂️ One theme. All platforms.
Stars: ✭ 17,480 (+6701.56%)
Mutual labels: atom, sublime-text
TwoDark
Atom's OneDark inspired theme for Sublime Text
Stars: ✭ 19 (-92.61%)
Mutual labels: atom, sublime-text
sublime-PICO-8
PICO-8 plugin for the Sublime Text 3 editor.
Stars: ✭ 42 (-83.66%)
Mutual labels: snippets, sublime-text
opentype-feature-bundle
Syntax highlighting and snippets for OpenType feature development in TextMate/Sublime Text
Stars: ✭ 35 (-86.38%)
Mutual labels: snippets, sublime-text
[Looking for Maintainer] react-native-snippets
A collection of React Native snippets for Sublime Text and Atom.
These snippets use ES6/7 syntax.
Install
Install by searching for react-native-snippets
in Package Control
For Atom, search for react-native-snippets-horse
in the Atom Package Manager.
Snippets
Snippet | Tab Trigger | Description |
---|---|---|
React Native Create Class | rncc | Scaffolds a full react-native component class. |
React Native Create Stateless Function | rnstf | Scaffolds a stateless function. |
this.setState() | tss | |
Create StyleSheet | css | Scaffolds a StyleSheet-only module. |
StyleSheet.create() | ssc | Shortcut for creating a StyleSheet inline. |
React.PropTypes. | rpt | |
export default | ed |
Lifecycle Methods
Snippet | Tab Trigger |
---|---|
constructor() | constructor() |
componentWillMount() | cwm |
componentDidMount() | cdm |
componentWillUnMount() | cwum |
componentDidUnMount() | cdum |
componentWillUpdate() | cwud |
componentDidUpdate() | cdud |
componentWillReceiveProps() | cwrp |
shouldComponentUpdate() | scud |
static propTypes = {} | propTypes |
static defaultProps = {} | defaultProps |
flex: 1 | f1 |
alignItems: 'center' | ai |
justifyContent: 'center' | jc |
Components
Snippet | Tab Trigger |
---|---|
ActivityIndicatorIOS | rnActivityIndicatorIOS |
DatePickerIOS | rnDatePickerIOS |
Image | rnImage |
ListView | rnListView |
Navigator | rnNavigator |
NavigatorIOS | rnNavigatorIOS |
PickerIOS | rnPickerIOS |
Text | rnText |
TouchableHighlight | rnTouchableHighlight |
View | rnView |
Some snippets heavily inspired by sublime-react.
TODO
- Flow Type Checking Annotations
Contributing
- Create your snippet.
- Postfix your snippets with
_react_native
. - Generate the Atom snippet file (
make install && make atom
) - Add them to the README
- Submit a Pull Request
- ???
- Profit!
Try to make your snippet tab triggers follow a syllable-based fuzzy-search style. For example for componentWillUpdate()
, cwud
is preferred over cwup
.
LICENSE
MIT, see LICENSE
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].