Code convention for antd
Sebastian Blade edited this page Mar 3, 2017
·
6 revisions
Any component from react-component should be named with prefix Rc
.
// Good
import RcSlider from 'rc-slider';
// Bad
import Slider from 'rc-slider';
// Good
class Button extends React.Component {}
// Bad
class AntButton extends React.Component {}
This will make it more clear in developer tool.
// Good
import React from 'react';
class Button extends React.Component {}
// Bad
import React, { Component } from 'react';
class Button extends Component {}
// Good
class Button extends React.Component {
onClick = () => {}
render() {
return <button onClick={this.onClick} />
}
}
// Bad
class Button extends React.Component {
onClick() {}
render() {
return <button onClick={this.onClick.bind(this)} />
}
}
// Bad
class Button extends React.Component {
constructor(props) {
super(props);
this.onClick = this.onClick.bind(this);
}
onClick() {}
render() {
return <button onClick={this.onClick} />
}
}
// Good
class Button extends React.Component {
static propTypes = {...}
static defaultProps = {...}
}
// Bad
class Button extends React.Component {}
Button.propTypes = {...};
Button.defaultProps = {...};
- Home
- Cookbook
- FAQ
- Template for Bug Report in IE8 9
- Contributing
- Maintaining
- Design