diff --git a/guide/english/react/components/index.md b/guide/english/react/components/index.md index 42c515c5b2..6c973b4ee0 100644 --- a/guide/english/react/components/index.md +++ b/guide/english/react/components/index.md @@ -82,6 +82,28 @@ const Cat = props => ``` +### Pure Components + +This type of component was added in React 16 and can be used to declare stateless non-functional components. +These components work like normal stateful components (class-based component) but with `shouldComponentUpdate()` pre-defined. +They are the fastest components and make the render cycle much cleaner and leaner. + +```jsx +class Cat extends React.PureComponent { + render() { + return( +
+

{this.props.name}

+

{props.color}

+
+ ); + } +} + +``` + +This component will only render if there is a change in its props; not when the parent re-renders. + ### More Information: -[https://reactjs.org/docs/components-and-props.html](Components and Props) \ No newline at end of file +[https://reactjs.org/docs/components-and-props.html](Components and Props)