{"id":4827,"url":"https://github.com/Shrugs/react-native-snippets","last_synced_at":"2025-08-04T02:32:00.337Z","repository":{"id":29483932,"uuid":"33021091","full_name":"shrugs/react-native-snippets","owner":"shrugs","description":":pencil2: A collection of React Native snippets for Sublime Text and Atom","archived":false,"fork":false,"pushed_at":"2018-08-02T05:59:30.000Z","size":46,"stargazers_count":255,"open_issues_count":2,"forks_count":48,"subscribers_count":13,"default_branch":"master","last_synced_at":"2024-12-07T09:32:06.609Z","etag":null,"topics":["atom","react-native","snippets","sublime-text"],"latest_commit_sha":null,"homepage":"","language":"Makefile","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/shrugs.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-03-28T04:35:40.000Z","updated_at":"2024-10-05T18:34:35.000Z","dependencies_parsed_at":"2022-08-27T05:52:45.380Z","dependency_job_id":null,"html_url":"https://github.com/shrugs/react-native-snippets","commit_stats":null,"previous_names":[],"tags_count":13,"template":false,"template_full_name":null,"purl":"pkg:github/shrugs/react-native-snippets","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shrugs%2Freact-native-snippets","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shrugs%2Freact-native-snippets/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shrugs%2Freact-native-snippets/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shrugs%2Freact-native-snippets/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/shrugs","download_url":"https://codeload.github.com/shrugs/react-native-snippets/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shrugs%2Freact-native-snippets/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":268639931,"owners_count":24282678,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-04T02:00:09.867Z","response_time":79,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["atom","react-native","snippets","sublime-text"],"created_at":"2024-01-05T20:17:25.416Z","updated_at":"2025-08-04T02:32:00.037Z","avatar_url":"https://github.com/shrugs.png","language":"Makefile","funding_links":[],"categories":["Utilities","Tooling"],"sub_categories":["Other Platforms"],"readme":"# [Looking for Maintainer] react-native-snippets\n\nA collection of [React Native](https://github.com/facebook/react-native) snippets for Sublime Text and Atom.\n\n**These snippets use ES6/7 syntax.**\n\n## Install\n\nInstall by searching for `react-native-snippets` in [Package Control](http://wbond.net/sublime_packages/package_control)\n\nFor Atom, search for `react-native-snippets-horse` in the [Atom Package Manager](https://github.com/atom/apm).\n\n## Snippets\n\n\u003ctable\u003e\n    \u003ctr\u003e\n        \u003cth\u003eSnippet\u003c/th\u003e\n        \u003cth\u003eTab Trigger\u003c/th\u003e\n        \u003cth\u003eDescription\u003c/th\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003eReact Native Create Class\u003c/td\u003e\n      \u003ctd\u003erncc\u003c/td\u003e\n      \u003ctd\u003eScaffolds a full react-native component class.\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003eReact Native Create Stateless Function\u003c/td\u003e\n      \u003ctd\u003ernstf\u003c/td\u003e\n      \u003ctd\u003eScaffolds a stateless function.\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003ethis.setState()\u003c/td\u003e\n      \u003ctd\u003etss\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003eCreate StyleSheet\u003c/td\u003e\n      \u003ctd\u003ecss\u003c/td\u003e\n      \u003ctd\u003eScaffolds a StyleSheet-only module.\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003eStyleSheet.create()\u003c/td\u003e\n      \u003ctd\u003essc\u003c/td\u003e\n      \u003ctd\u003eShortcut for creating a StyleSheet inline.\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003eReact.PropTypes.\u003c/td\u003e\n      \u003ctd\u003erpt\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003eexport default\u003c/td\u003e\n      \u003ctd\u003eed\u003c/td\u003e\n    \u003c/tr\u003e\n\u003c/table\u003e\n\n### Lifecycle Methods\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003cth\u003eSnippet\u003c/th\u003e\n    \u003cth\u003eTab Trigger\u003c/th\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003econstructor()\u003c/td\u003e\n    \u003ctd\u003econstructor()\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003ecomponentWillMount()\u003c/td\u003e\n    \u003ctd\u003ecwm\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003ecomponentDidMount()\u003c/td\u003e\n    \u003ctd\u003ecdm\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003ecomponentWillUnMount()\u003c/td\u003e\n    \u003ctd\u003ecwum\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003ecomponentDidUnMount()\u003c/td\u003e\n    \u003ctd\u003ecdum\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003ecomponentWillUpdate()\u003c/td\u003e\n    \u003ctd\u003ecwud\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003ecomponentDidUpdate()\u003c/td\u003e\n    \u003ctd\u003ecdud\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003ecomponentWillReceiveProps()\u003c/td\u003e\n    \u003ctd\u003ecwrp\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eshouldComponentUpdate()\u003c/td\u003e\n    \u003ctd\u003escud\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003estatic propTypes = {}\u003c/td\u003e\n    \u003ctd\u003epropTypes\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003estatic defaultProps = {}\u003c/td\u003e\n    \u003ctd\u003edefaultProps\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eflex: 1\u003c/td\u003e\n    \u003ctd\u003ef1\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003ealignItems: 'center'\u003c/td\u003e\n    \u003ctd\u003eai\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003ejustifyContent: 'center'\u003c/td\u003e\n    \u003ctd\u003ejc\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n### Components\n\n\u003ctable\u003e\n    \u003ctr\u003e\n        \u003cth\u003eSnippet\u003c/th\u003e\n        \u003cth\u003eTab Trigger\u003c/th\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n        \u003ctd\u003e\u003ca href=\"http://facebook.github.io/react-native/docs/activityindicatorios.html#content\"\u003eActivityIndicatorIOS\u003c/a\u003e\u003c/td\u003e\n        \u003ctd\u003ernActivityIndicatorIOS\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n        \u003ctd\u003e\u003ca href=\"http://facebook.github.io/react-native/docs/datepickerios.html#content\"\u003eDatePickerIOS\u003c/a\u003e\u003c/td\u003e\n        \u003ctd\u003ernDatePickerIOS\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n        \u003ctd\u003e\u003ca href=\"http://facebook.github.io/react-native/docs/image.html#content\"\u003eImage\u003c/a\u003e\u003c/td\u003e\n        \u003ctd\u003ernImage\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n        \u003ctd\u003e\u003ca href=\"http://facebook.github.io/react-native/docs/listview.html#content\"\u003eListView\u003c/a\u003e\u003c/td\u003e\n        \u003ctd\u003ernListView\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n        \u003ctd\u003e\u003ca href=\"http://facebook.github.io/react-native/docs/navigator.html#content\"\u003eNavigator\u003c/a\u003e\u003c/td\u003e\n        \u003ctd\u003ernNavigator\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n        \u003ctd\u003e\u003ca href=\"http://facebook.github.io/react-native/docs/navigatorios.html#content\"\u003eNavigatorIOS\u003c/a\u003e\u003c/td\u003e\n        \u003ctd\u003ernNavigatorIOS\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n        \u003ctd\u003e\u003ca href=\"http://facebook.github.io/react-native/docs/pickerios.html#content\"\u003ePickerIOS\u003c/a\u003e\u003c/td\u003e\n        \u003ctd\u003ernPickerIOS\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n        \u003ctd\u003e\u003ca href=\"http://facebook.github.io/react-native/docs/text.html#content\"\u003eText\u003c/a\u003e\u003c/td\u003e\n        \u003ctd\u003ernText\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n        \u003ctd\u003e\u003ca href=\"http://facebook.github.io/react-native/docs/touchablehighlight.html#content\"\u003eTouchableHighlight\u003c/a\u003e\u003c/td\u003e\n        \u003ctd\u003ernTouchableHighlight\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n        \u003ctd\u003e\u003ca href=\"http://facebook.github.io/react-native/docs/view.html#content\"\u003eView\u003c/a\u003e\u003c/td\u003e\n        \u003ctd\u003ernView\u003c/td\u003e\n    \u003c/tr\u003e\n\u003c/table\u003e\n\nSome snippets heavily inspired by [sublime-react](https://github.com/reactjs/sublime-react).\n\n## TODO\n\n- Flow Type Checking Annotations\n\n## Contributing\n\n1. Create your snippet.\n2. Postfix your snippets with `_react_native`.\n3. Generate the Atom snippet file (`make install \u0026\u0026 make atom`)\n4. Add them to the README\n5. Submit a Pull Request\n6. ???\n7. Profit!\n\nTry to make your snippet tab triggers follow a syllable-based fuzzy-search style. For example for `componentWillUpdate()`, `cwud` is preferred over `cwup`.\n\n## LICENSE\n\nMIT, see `LICENSE`\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FShrugs%2Freact-native-snippets","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FShrugs%2Freact-native-snippets","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FShrugs%2Freact-native-snippets/lists"}