{"id":17726723,"url":"https://github.com/sergeysova/react-snippets","last_synced_at":"2025-03-31T14:47:16.354Z","repository":{"id":66330870,"uuid":"44605916","full_name":"sergeysova/react-snippets","owner":"sergeysova","description":"Snippets for Sublime Text 3 to easy create Components, Props, Actions for React.JS","archived":false,"fork":false,"pushed_at":"2016-03-15T20:26:53.000Z","size":8,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-29T11:06:16.505Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"Shell","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sergeysova.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2015-10-20T12:51:31.000Z","updated_at":"2020-05-07T21:46:13.000Z","dependencies_parsed_at":null,"dependency_job_id":"3e1854fe-59d4-4645-bfb8-d824e820f2cd","html_url":"https://github.com/sergeysova/react-snippets","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sergeysova%2Freact-snippets","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sergeysova%2Freact-snippets/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sergeysova%2Freact-snippets/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sergeysova%2Freact-snippets/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sergeysova","download_url":"https://codeload.github.com/sergeysova/react-snippets/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246485268,"owners_count":20785273,"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","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":[],"created_at":"2024-10-25T17:06:39.629Z","updated_at":"2025-03-31T14:47:16.335Z","avatar_url":"https://github.com/sergeysova.png","language":"Shell","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Snippets for sublime react\n\n\n## Mac OS X\n\nInstall:\n\n```bash\n./installMac\n# snippets will be copied to `~/Library/Application Support/Sublime Text 3/Packages/User/react`\n```\n\nUninstall:\n\n```bash\n./uninstallMac\n```\n\n## Ubuntu\n\nInstall:\n\n```bash\n./installUbuntu\n# snippets will be copied to `~/.config/sublime-text-3/Packages/User/react`\n```\n\nUninstall:\n\n```bash\n./uninstallUbuntu\n```\n\n\nFor other platforms:\n\n```bash\n# Install\ncp -r ./*.sublime-snippet ~/.Sublime\\ Text\\ 3/Packages/User/react\n\n# Remove\nrm -rf ~/.Sublime\\ Text\\ 3/Packages/User/react\n```\n\n\n## Props\n\nTrigger: `defaultProps`\u003cbr/\u003e\nTab switch: 2\u003cbr/\u003e\nTemplate: `1:children`, `2:''`\u003cbr/\u003e\nResult:\u003cbr/\u003e\n\n```js\nstatic defaultProps = {\n  children: ''\n};\n```\n\n---\n\nTrigger: `propTypes`\u003cbr/\u003e\nTab switch: 2\u003cbr/\u003e\nTemplate: `1:children`, `2:any`\u003cbr/\u003e\nResult:\u003cbr/\u003e\n\n```js\nstatic propTypes = {\n  children: React.PropTypes.any\n};\n```\n\n## Context\n\nTrigger: `getChildContext`\u003cbr/\u003e\nTab switch: 2\u003cbr/\u003e\nTemplate: `1:name`, `2:string`\u003cbr/\u003e\nResult:\u003cbr/\u003e\n\n```js\nstatic childContextTypes = {\n  name: React.PropTypes.string\n};\n\ngetChildContext() {\n  return {\n    name: string\n  };\n}\n```\n\n---\n\nTrigger: `contextTypes`\u003cbr/\u003e\nTab switch: 2\u003cbr/\u003e\nTemplate: `1:name`, `2:string`\u003cbr/\u003e\nResult:\u003cbr/\u003e\n\n```js\nstatic contextTypes = {\n  name: React.PropTypes.string\n};\n```\n\n## Imports\n\nTrigger: `imports`\u003cbr/\u003e\nTab switch: 2\u003cbr/\u003e\nTemplate: `1:Directory`, `2:Component`\u003cbr/\u003e\nResult:\u003cbr/\u003e\n\n```js\nimport DirectoryComponent from 'Directory/Component/DirectoryComponent';\n```\n\n## Component\n\nTrigger: `rComponent`\u003cbr/\u003e\nTab switch: 1\u003cbr/\u003e\nTemplate: `1:ComponentName`\u003cbr/\u003e\nResult: \u003cbr/\u003e\n\n```js\n\nimport React, { Component } from 'react';\n\n\nexport default class ComponentName extends Component {\n\n  /**\n   * Render component ComponentName\n   */\n  render() {\n    return (\n      \u003cdiv\u003e\n\n      \u003c/div\u003e\n    );\n  }\n}\n\n```\n\n---\n\nTrigger: `rComponentStyled` (`rcs`)\u003cbr/\u003e\nTab switch: 1\u003cbr/\u003e\nTemplate: `1:ComponentName`\u003cbr/\u003e\nResult:\u003cbr/\u003e\n\n```js\n\nimport CN from 'classnames';\nimport css from './ComponentName.styl';\nimport React, { Component } from 'react';\n\n\nexport default class ComponentName extends Component {\n\n  /**\n   * Render component ComponentName\n   */\n  render() {\n    return (\n      \u003cdiv className={CN(css.ComponentName)}\u003e\n\n      \u003c/div\u003e\n    );\n  }\n}\n\n```\n\n---\n\nTrigger: `rBranch` (`rba`)\u003cbr/\u003e\nTab switch: 3\u003cbr/\u003e\nTemplate: `1:ComponentName`, `2:baobab_branch`, `3:array`\u003cbr/\u003e\nResult:\u003cbr/\u003e\n\n```js\nimport React, { Component } from 'react';\n\n\n@SubscribedTo('baobab_branch')\nexport default class ComponentName extends Component {\n\n  static propTypes = {\n    baobab_branch: React.PropTypes.array.isRequired\n  };\n\n  /**\n   * Render component ComponentName\n   */\n  render() {\n    return (\n      \u003cdiv\u003e\n\n      \u003c/div\u003e\n    );\n  }\n}\n\n```\n\n---\n\nTrigger: `rBranchStyled` (`rbs`)\u003cbr/\u003e\nTab switch: 3\u003cbr/\u003e\nTemplate: `1:ComponentName`, `2:baobab_branch`, `3:array`\u003cbr/\u003e\nResult:\u003cbr/\u003e\n\n```js\n\nimport CN from 'classnames';\nimport css from './ComponentName.styl';\nimport React, { Component } from 'react';\n\n\n@SubscribedTo('baobab_branch')\nexport default class ComponentName extends Component {\n\n  static propTypes = {\n    baobab_branch: React.PropTypes.array.isRequired\n  }\n\n  /**\n   * Render component ComponentName\n   */\n  render() {\n    return (\n      \u003cdiv className={CN(css.ComponentName)}\u003e\n\n      \u003c/div\u003e\n    );\n  }\n}\n\n```\n\n## Actions\n\nTrigger: `rAction` (`rac`)\u003cbr/\u003e\nTab switch: 4\u003cbr/\u003e\nTemplate: `1:getAccount`, `2:userID`, `3:get`, `4:account/${userID}`\u003cbr/\u003e\nResult:\u003cbr/\u003e\n\n```js\n\n/**\n * !\u003cNeed description for getAccount\u003e!\n *\n * @returns {Promise}       Thenable/Catcheable\n */\nexport function getAccount(userID) {\n  return get(`/account/${userID}`)\n    .then((response) =\u003e {\n\n      return response;\n    });\n}\n\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsergeysova%2Freact-snippets","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsergeysova%2Freact-snippets","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsergeysova%2Freact-snippets/lists"}