An open API service indexing awesome lists of open source software.

https://github.com/ndrean/godownwind.github.io

React front-end of https://thedownwinder.com
https://github.com/ndrean/godownwind.github.io

cloudinary esri-leaflet leafletjs react react-select

Last synced: 10 months ago
JSON representation

React front-end of https://thedownwinder.com

Awesome Lists containing this project

README

          

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

# Caching

<

>

### Code Splitting: Smaller payloads, reduce JS bundle

1. yarn analyze with source-map-explorer

```
yarn add source-map-explorer
```

Add in `package.json`:

```json
"scripts": {
"analyze": "source-map-explorer 'build/static/js/*.js'",
...
}
```

On peut ensuite lancer les commandes :

```
yarn build
yarn analyze
```

2. Suspense & lazy import

```js
const LazyComponent = React.lazy(()=> import('./something'))
[...]
Loading...}>

```

3. Loadable components

`yarn add @loadable/component``

# Lodash

'lodash' is an available library in CRA. Only needed to include the desired import: `import 'sortBy' from "lodash/sortBy"`.

# Serving build with `static-server`

With the conflict of Ruby's `serve', we use `static-server` to run the build file from the folder '\build`.

# PWA

Works only in 'build' mode.

This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration

## Favicon

### Deployment

This section has moved here: https://facebook.github.io/create-react-app/docs/deployment

### `yarn build` fails to minify

This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify

# Cloudinary

Run 'react-starter-kit' generated from to get example.

# Misc

## Sync props

## Pass props to route component