diff --git a/website/src/components/HomepageFeatures/index.tsx b/website/src/components/HomepageFeatures/index.tsx index a5d8fa9eb..3e2930951 100644 --- a/website/src/components/HomepageFeatures/index.tsx +++ b/website/src/components/HomepageFeatures/index.tsx @@ -1,82 +1,82 @@ -import Heading from '@theme/Heading' -import clsx from 'clsx' -import type { FC } from 'react' -import { memo } from 'react' -import styles from './styles.module.css' - -interface FeatureItem { - title: string - description: JSX.Element -} - -const FeatureList: FeatureItem[] = [ - { - title: 'Predictable', - description: ( - <> - Like Redux, Reselect gives users a consistent mental model for - memoizing functions. Extract input values, recalculate when any input - changes. - > - ) - }, - { - title: 'Optimized', - description: ( - <> - Reselect{' '} - - minimizes the number of times expensive computations are performed - - , reuses existing result references if nothing has changed, and improves - performance. - > - ) - }, - { - title: 'Customizable', - description: ( - <> - Reselect comes with fast defaults, but provides{' '} - flexible customization options. Swap memoization methods, change - equality checks, and customize for your needs. - > - ) - }, - { - title: 'Type-Safe', - description: ( - <> - Reselect is designed for great TypeScript support. Generated - selectors infer all types from input selectors. - > - ) - } -] - -const Feature: FC = memo(({ title, description }) => { - return ( - - - {title} - {description} - - - ) -}) - -const HomepageFeatures: FC = () => { - return ( - - - - {FeatureList.map((props, idx) => ( - - ))} - - - - ) -} - -export default memo(HomepageFeatures) +import Heading from '@theme/Heading' +import clsx from 'clsx' +import type { FC, JSX } from 'react' +import { memo } from 'react' +import styles from './styles.module.css' + +interface FeatureItem { + title: string + description: JSX.Element +} + +const FeatureList: FeatureItem[] = [ + { + title: 'Predictable', + description: ( + <> + Like Redux, Reselect gives users a consistent mental model for + memoizing functions. Extract input values, recalculate when any input + changes. + > + ) + }, + { + title: 'Optimized', + description: ( + <> + Reselect{' '} + + minimizes the number of times expensive computations are performed + + , reuses existing result references if nothing has changed, and improves + performance. + > + ) + }, + { + title: 'Customizable', + description: ( + <> + Reselect comes with fast defaults, but provides{' '} + flexible customization options. Swap memoization methods, change + equality checks, and customize for your needs. + > + ) + }, + { + title: 'Type-Safe', + description: ( + <> + Reselect is designed for great TypeScript support. Generated + selectors infer all types from input selectors. + > + ) + } +] + +const Feature: FC = memo(({ title, description }) => { + return ( + + + {title} + {description} + + + ) +}) + +const HomepageFeatures: FC = () => { + return ( + + + + {FeatureList.map((props, idx) => ( + + ))} + + + + ) +} + +export default memo(HomepageFeatures)
{description}