react-native-snippets
:pencil2: Sublime Text 和 Atom 的 React Native 插件集
详情
安装次数
- 总计 54K
- Win 23K
- Mac 24K
- Linux 7K
| 8月6日 | 8月5日 | 8月4日 | 8月3日 | 8月2日 | 8月1日 | 7月31日 | 7月30日 | 7月29日 | 7月28日 | 7月27日 | 7月26日 | 7月25日 | 7月24日 | 7月23日 | 7月22日 | 7月21日 | 7月20日 | 7月19日 | 7月18日 | 7月17日 | 7月16日 | 7月15日 | 7月14日 | 7月13日 | 7月12日 | 7月11日 | 7月10日 | 7月9日 | 7月8日 | 7月7日 | 7月6日 | 7月5日 | 7月4日 | 7月3日 | 7月2日 | 7月1日 | 6月30日 | 6月29日 | 6月28日 | 6月27日 | 6月26日 | 6月25日 | 6月24日 | 6月23日 | |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Windows | 0 | 0 | 1 | 0 | 2 | 2 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 2 | 0 | 0 | 0 | 0 | 2 | 0 | 0 | 1 | 0 | 2 | 1 | 2 | 0 | 0 | 1 | 1 | 0 | 0 | 1 | 0 | 1 | 1 | 0 | 0 | 0 | 0 | 1 |
| Mac | 1 | 1 | 0 | 0 | 0 | 1 | 0 | 0 | 2 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 |
| Linux | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 2 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 2 | 0 | 1 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 1 | 0 | 0 | 1 | 1 | 0 | 0 | 0 | 0 | 1 | 0 | 0 |
README
[寻找维护者] react-native-snippets
一个用于 Sublime Text 和 Atom 的 React Native 插件集。
这些插件使用 ES6/7 语法。
安装
在 Package Control 中搜索 react-native-snippets 进行安装
对于 Atom，在 Atom 包管理器 中搜索 react-native-snippets-horse。
片段
| 片段 | Tab 触发 | 描述 |
|---|---|---|
| React Native 创建类 | rncc | 创建完整 React Native 组件类的模板。 |
| React Native 创建无状态函数 | rnstf | 创建无状态函数的模板。 |
| this.setState() | tss | |
| 创建 StyleSheet | css | 创建只包含 StyleSheet 的模块的模板。 |
| StyleSheet.create() | ssc | 创建内联 StyleSheet 的快捷方式。 |
| React.PropTypes. | rpt | |
| export default | ed |
生命周期方法
| 片段 | Tab 触发 |
|---|---|
| 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 |
组件
| 片段 | Tab 触发 |
|---|---|
| ActivityIndicatorIOS | rnActivityIndicatorIOS |
| DatePickerIOS | rnDatePickerIOS |
| Image | rnImage |
| ListView | rnListView |
| 导航器 | rnNavigator |
| NavigatorIOS | rnNavigatorIOS |
| PickerIOS | rnPickerIOS |
| 文本 | rnText |
| 可触摸高亮 | rnTouchableHighlight |
| 视图 | rnView |
部分片段受sublime-react heavily 启发。
待办事项
- Flow 类型检查注解
贡献
- 创建您的片段。
- 使用
_react_native后缀您的片段。 - 生成Atom片段文件（
make install && make atom） - 将它们添加到README
- 提交Pull Request
- ???
- 赚钱！
尽量让您的片段制表符触发符遵循基于音节的模糊搜索风格。例如，对于componentWillUpdate()，推荐使用cwud而不是cwup。
许可证
MIT，见LICENSE