feat: memoize divider

richardvclam · richardvclam · commit 943a1b271834 · 2020-07-14T12:36:27.000-07:00
diff --git a/src/Divider/Divider.tsx b/src/Divider/Divider.tsx
@@ -9,7 +9,7 @@ export interface DividerProps {
   hide?: boolean;
 }
 
-export function Divider({ hide = false }: DividerProps): JSX.Element {
+function _Divider({ hide = false }: DividerProps): JSX.Element {
   const opacity = React.useRef(new Animated.Value<number>(hide ? 0 : 1));
 
   Animated.useCode(() => {
@@ -32,3 +32,5 @@ export function Divider({ hide = false }: DividerProps): JSX.Element {
     </Animated.View>
   );
 }
+
+export const Divider = React.memo(_Divider);

Original file line number	Diff line number	Diff line change
`@@ -9,7 +9,7 @@ export interface DividerProps {`
`9`	`9`	`hide?: boolean;`
`10`	`10`	`}`
`11`	`11`
`12`		`-export function Divider({ hide = false }: DividerProps): JSX.Element {`
	`12`	`+function _Divider({ hide = false }: DividerProps): JSX.Element {`
`13`	`13`	`const opacity = React.useRef(new Animated.Value<number>(hide ? 0 : 1));`
`14`	`14`
`15`	`15`	`Animated.useCode(() => {`
`@@ -32,3 +32,5 @@ export function Divider({ hide = false }: DividerProps): JSX.Element {`
`32`	`32`	`</Animated.View>`
`33`	`33`	`);`
`34`	`34`	`}`
	`35`	`+`
	`36`	`+export const Divider = React.memo(_Divider);`