rsnext/examples/with-recompose
Shu Uesugi 6804039e94 Make example READMEs more consistent (#10124)
* npx create → npm init

* Fix inconsistent instructions

* Update amp-first

* Update with-graphql-react

* with-firebase-cloud-messaging

* Update with-higher-order-component

* change create-next-app url

* Update create-next-app instruction

* Update instructions to use npm instead of npx

* Move "the idea behind the example" to top

* Rename

* Rename

* Update contributing.md with a README template
2020-01-16 23:23:56 +01:00
..
pages Add prettier for examples directory (#5909) 2018-12-17 17:34:32 +01:00
.babelrc With recompose (#2712) 2017-08-07 19:37:44 +02:00
package.json Test updater script on examples folder (#5993) 2019-01-05 12:19:27 +01:00
README.md Make example READMEs more consistent (#10124) 2020-01-16 23:23:56 +01:00

Recompose example

This example show how to use Recompose to wrap page components using High Order Components and use getInitialProps without worries.

It also configure Babel to change our recompose imports so we're going to actually import only the functions we need and reduce the bundle size.

Deploy your own

Deploy the example using ZEIT Now:

Deploy with ZEIT Now

How to use

Using create-next-app

Execute create-next-app with npm or Yarn to bootstrap the example:

npm init next-app --example with-recompose with-recompose-app
# or
yarn create next-app --example with-recompose with-recompose-app

Download manually

Download the example:

curl https://codeload.github.com/zeit/next.js/tar.gz/canary | tar -xz --strip=2 next.js-canary/examples/with-recompose
cd with-recompose

Install it and run:

npm install
npm run dev
# or
yarn
yarn dev

Deploy it to the cloud with now (download):

now