> For the complete documentation index, see [llms.txt](https://garden.famiclone.dev/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://garden.famiclone.dev/development/web-development/react.md).

# React

### Code splitting

```jsx
const Component = React.lazy(() => import('./path/to/component'))
```

## Links

<https://github.com/facebook/create-react-app/blob/master/CHANGELOG.md> - How to update react-scripts

## Higher order components (HOC)

Components that accept other components as props or return other components. \[\[programming-terms|Higher order functions]]

```jsx
// App.jsx

const withExtraProps = (component) => {
    const Component = component

    return function(props) {
        return <Component {...props} />
    }
}

const App = () => {
    return (
        <h1>App</h1>
    )
}

const AppWithExtra = withExtraProps(App)
export default AppWithExtra
```