猴面包树React ES6代码片段
基于ES6的Sublime Text代码片段,用于React和猴面包树
详情
安装
- 总计 8K
- Win 5K
- Mac 2K
- Linux 837
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 | 0 | 1 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 |
Mac | 1 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 |
Linux | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 |
README
sublime-baobab-react-es6
这是mboperator的React ES6 Sublime包的分支。它旨在为Baobab用户提供代码片段,并集成React高的阶组件,感谢高阶组件集成。
这个分支保留了以下主要功能:- 将函数声明转换为新的ES6短语法。- 使用ES7属性初始器声明静态类变量(defaultProps,propTypes)。- 为组件创建的代码片段提供ES6风格的导出和导入。
这个分支带来了以下主要变更:- 移除rrc
用于Redux连接组件。(与Baobab同时使用时未使用)- 添加一个代码片段用于创建使用Baobab高阶组件的根组件。- 添加一个代码片段用于创建使用Baobab高阶组件的分支组件。
/!\新添加的代码片段不支持Coffeescript,欢迎为它做出贡献/!\
安装
通过Sublime的软件包管理器安装React软件包
您需要Sublime 软件包管理器。- 打开命令面板:Mac/Linux上的⌘+shift+p
,Windows上的ctrl+shift+p
。- 输入install
,选择Package Control:Install Package
。- 输入Baobab
,选择Baobab React ES6 Snippets
使用
语法高亮显示
此软件包不提供语法高亮显示。建议使用babel-sublime。
代码片段
很简单!只需键入记忆词后跟TAB即可激活代码片段
可用代码片段的文档(JSX)
baobc→ baobab-branched component skeleton
baorc→ baobab-rooted component skeleton
cdm→ componentDidMount: fn() { ... }
cdup→ componentDidUpdate: fn(pp, ps) { ... }
cs→ import cx from 'classnames';
cwm→ componentWillMount: fn() { ... }
cwr→ componentWillReceiveProps: fn(np) { ... }
cwu→ componentWillUpdate: fn(np, ns) { ... }
cwun→ componentWillUnmount: fn() { ... }
cx→ cx({ ... })
fdn→ React.findDOMNode(...)
fup→ forceUpdate(...)
gdp→ static defaultProps = { ... }
gis→ getInitialState: fn() { return {...} }
ism→ isMounted()
props→ this.props.
pt→ propTypes { ... }
rcc→ component skeleton
refs→ this.refs.
ren→ render: fn() { return ... }
scu→ shouldComponentUpdate: fn(np, ns) { ... }
sst→ this.setState({ ... })
state→ this.state.
参与贡献
重建文档
修改代码片段文件后,运行npm install && npm run build-docs
以自动从源自动生成本文档。不要直接修改README.md。