Adding Example: with-recoil #13380

wilbert-abreu · 2020-05-26T03:32:51Z

Recoil is an experimental set of utilities for state management with React used by some teams at Facebook. Please see the website: https://recoiljs.org.

This example takes the code from the redux examples and demonstrates how it would be implemented with Recoil.

ijjk · 2020-05-26T03:41:39Z

Stats from current PR

Default Server Mode

General

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
buildDuration	14.6s	14s	-629ms
nodeModulesSize	66.4 MB	66.4 MB	✓

Client Bundles (main, webpack, commons)

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
main-HASH.js gzip	6.59 kB	6.59 kB	✓
webpack-HASH.js gzip	746 B	746 B	✓
de003c3a9d30..1e23.js gzip	10.5 kB	10.5 kB	✓
framework.HASH.js gzip	39.1 kB	39.1 kB	✓
Overall change	57 kB	57 kB	✓

Client Bundles (main, webpack, commons) Modern

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
main-HASH.module.js gzip	5.67 kB	5.67 kB	✓
webpack-HASH..dule.js gzip	746 B	746 B	✓
de003c3a9d30..dule.js gzip	6.92 kB	6.92 kB	✓
framework.HA..dule.js gzip	39.1 kB	39.1 kB	✓
Overall change	52.5 kB	52.5 kB	✓

Legacy Client Bundles (polyfills)

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
polyfills-HASH.js gzip	26.3 kB	26.3 kB	✓
Overall change	26.3 kB	26.3 kB	✓

Client Pages

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_app.js gzip	1.26 kB	1.26 kB	✓
_error.js gzip	3.25 kB	3.25 kB	✓
hooks.js gzip	881 B	881 B	✓
index.js gzip	222 B	222 B	✓
link.js gzip	2.06 kB	2.06 kB	✓
routerDirect.js gzip	279 B	279 B	✓
withRouter.js gzip	278 B	278 B	✓
Overall change	8.22 kB	8.22 kB	✓

Client Pages Modern

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_app.module.js gzip	604 B	604 B	✓
_error.module.js gzip	2.04 kB	2.04 kB	✓
hooks.module.js gzip	383 B	383 B	✓
index.module.js gzip	223 B	223 B	✓
link.module.js gzip	1.52 kB	1.52 kB	✓
routerDirect..dule.js gzip	281 B	281 B	✓
withRouter.m..dule.js gzip	278 B	278 B	✓
Overall change	5.33 kB	5.33 kB	✓

Client Build Manifests

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_buildManifest.js gzip	61 B	61 B	✓
_buildManife..dule.js gzip	61 B	61 B	✓
Overall change	122 B	122 B	✓

Rendered Page Sizes

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
index.html gzip	927 B	927 B	✓
link.html gzip	937 B	937 B	✓
withRouter.html gzip	924 B	924 B	✓
Overall change	2.79 kB	2.79 kB	✓

Serverless Mode

General

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
buildDuration	14.7s	14.6s	-102ms
nodeModulesSize	66.4 MB	66.4 MB	✓

Client Bundles (main, webpack, commons)

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
main-HASH.js gzip	6.59 kB	6.59 kB	✓
webpack-HASH.js gzip	746 B	746 B	✓
de003c3a9d30..1e23.js gzip	10.5 kB	10.5 kB	✓
framework.HASH.js gzip	39.1 kB	39.1 kB	✓
Overall change	57 kB	57 kB	✓

Client Bundles (main, webpack, commons) Modern

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
main-HASH.module.js gzip	5.67 kB	5.67 kB	✓
webpack-HASH..dule.js gzip	746 B	746 B	✓
de003c3a9d30..dule.js gzip	6.92 kB	6.92 kB	✓
framework.HA..dule.js gzip	39.1 kB	39.1 kB	✓
Overall change	52.5 kB	52.5 kB	✓

Legacy Client Bundles (polyfills)

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
polyfills-HASH.js gzip	26.3 kB	26.3 kB	✓
Overall change	26.3 kB	26.3 kB	✓

Client Pages

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_app.js gzip	1.26 kB	1.26 kB	✓
_error.js gzip	3.25 kB	3.25 kB	✓
hooks.js gzip	881 B	881 B	✓
index.js gzip	222 B	222 B	✓
link.js gzip	2.06 kB	2.06 kB	✓
routerDirect.js gzip	279 B	279 B	✓
withRouter.js gzip	278 B	278 B	✓
Overall change	8.22 kB	8.22 kB	✓

Client Pages Modern

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_app.module.js gzip	604 B	604 B	✓
_error.module.js gzip	2.04 kB	2.04 kB	✓
hooks.module.js gzip	383 B	383 B	✓
index.module.js gzip	223 B	223 B	✓
link.module.js gzip	1.52 kB	1.52 kB	✓
routerDirect..dule.js gzip	281 B	281 B	✓
withRouter.m..dule.js gzip	278 B	278 B	✓
Overall change	5.33 kB	5.33 kB	✓

Client Build Manifests

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_buildManifest.js gzip	61 B	61 B	✓
_buildManife..dule.js gzip	61 B	61 B	✓
Overall change	122 B	122 B	✓

Serverless bundles

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_error.js	844 kB	844 kB	✓
404.html	4.18 kB	4.18 kB	✓
hooks.html	3.81 kB	3.81 kB	✓
index.js	844 kB	844 kB	✓
link.js	882 kB	882 kB	✓
routerDirect.js	874 kB	874 kB	✓
withRouter.js	874 kB	874 kB	✓
Overall change	4.33 MB	4.33 MB	✓

ijjk · 2020-05-26T04:26:39Z

Stats from current PR

Default Server Mode (Decrease detected ✓)

General

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
buildDuration	12.5s	12.6s	⚠️ +120ms
nodeModulesSize	66.4 MB	66.4 MB	✓

Page Load Tests Overall decrease ⚠️

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
/ failed reqs	0	0	✓
/ total time (seconds)	2.262	2.285	⚠️ +0.02
/ avg req/sec	1105.01	1094.32	-10.69
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.449	1.468	⚠️ +0.02
/error-in-render avg req/sec	1725.13	1703.24	-21.89

Client Bundles (main, webpack, commons)

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
main-HASH.js gzip	6.59 kB	6.59 kB	✓
webpack-HASH.js gzip	746 B	746 B	✓
de003c3a9d30..1e23.js gzip	10.5 kB	10.5 kB	✓
framework.HASH.js gzip	39.1 kB	39.1 kB	✓
Overall change	57 kB	57 kB	✓

Client Bundles (main, webpack, commons) Modern

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
main-HASH.module.js gzip	5.67 kB	5.67 kB	✓
webpack-HASH..dule.js gzip	746 B	746 B	✓
de003c3a9d30..dule.js gzip	6.92 kB	6.92 kB	✓
framework.HA..dule.js gzip	39.1 kB	39.1 kB	✓
Overall change	52.5 kB	52.5 kB	✓

Legacy Client Bundles (polyfills)

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
polyfills-HASH.js gzip	26.3 kB	26.3 kB	✓
Overall change	26.3 kB	26.3 kB	✓

Client Pages

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_app.js gzip	1.26 kB	1.26 kB	✓
_error.js gzip	3.25 kB	3.25 kB	✓
hooks.js gzip	881 B	881 B	✓
index.js gzip	222 B	222 B	✓
link.js gzip	2.06 kB	2.06 kB	✓
routerDirect.js gzip	279 B	279 B	✓
withRouter.js gzip	278 B	278 B	✓
Overall change	8.22 kB	8.22 kB	✓

Client Pages Modern

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_app.module.js gzip	604 B	604 B	✓
_error.module.js gzip	2.04 kB	2.04 kB	✓
hooks.module.js gzip	383 B	383 B	✓
index.module.js gzip	223 B	223 B	✓
link.module.js gzip	1.52 kB	1.52 kB	✓
routerDirect..dule.js gzip	281 B	281 B	✓
withRouter.m..dule.js gzip	278 B	278 B	✓
Overall change	5.33 kB	5.33 kB	✓

Client Build Manifests

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_buildManifest.js gzip	61 B	61 B	✓
_buildManife..dule.js gzip	61 B	61 B	✓
Overall change	122 B	122 B	✓

Rendered Page Sizes

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
index.html gzip	927 B	927 B	✓
link.html gzip	937 B	937 B	✓
withRouter.html gzip	924 B	924 B	✓
Overall change	2.79 kB	2.79 kB	✓

Serverless Mode

General

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
buildDuration	13.5s	13.6s	⚠️ +117ms
nodeModulesSize	66.4 MB	66.4 MB	✓

Client Bundles (main, webpack, commons)

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
main-HASH.js gzip	6.59 kB	6.59 kB	✓
webpack-HASH.js gzip	746 B	746 B	✓
de003c3a9d30..1e23.js gzip	10.5 kB	10.5 kB	✓
framework.HASH.js gzip	39.1 kB	39.1 kB	✓
Overall change	57 kB	57 kB	✓

Client Bundles (main, webpack, commons) Modern

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
main-HASH.module.js gzip	5.67 kB	5.67 kB	✓
webpack-HASH..dule.js gzip	746 B	746 B	✓
de003c3a9d30..dule.js gzip	6.92 kB	6.92 kB	✓
framework.HA..dule.js gzip	39.1 kB	39.1 kB	✓
Overall change	52.5 kB	52.5 kB	✓

Legacy Client Bundles (polyfills)

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
polyfills-HASH.js gzip	26.3 kB	26.3 kB	✓
Overall change	26.3 kB	26.3 kB	✓

Client Pages

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_app.js gzip	1.26 kB	1.26 kB	✓
_error.js gzip	3.25 kB	3.25 kB	✓
hooks.js gzip	881 B	881 B	✓
index.js gzip	222 B	222 B	✓
link.js gzip	2.06 kB	2.06 kB	✓
routerDirect.js gzip	279 B	279 B	✓
withRouter.js gzip	278 B	278 B	✓
Overall change	8.22 kB	8.22 kB	✓

Client Pages Modern

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_app.module.js gzip	604 B	604 B	✓
_error.module.js gzip	2.04 kB	2.04 kB	✓
hooks.module.js gzip	383 B	383 B	✓
index.module.js gzip	223 B	223 B	✓
link.module.js gzip	1.52 kB	1.52 kB	✓
routerDirect..dule.js gzip	281 B	281 B	✓
withRouter.m..dule.js gzip	278 B	278 B	✓
Overall change	5.33 kB	5.33 kB	✓

Client Build Manifests

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_buildManifest.js gzip	61 B	61 B	✓
_buildManife..dule.js gzip	61 B	61 B	✓
Overall change	122 B	122 B	✓

Serverless bundles

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_error.js	844 kB	844 kB	✓
404.html	4.18 kB	4.18 kB	✓
hooks.html	3.81 kB	3.81 kB	✓
index.js	844 kB	844 kB	✓
link.js	882 kB	882 kB	✓
routerDirect.js	874 kB	874 kB	✓
withRouter.js	874 kB	874 kB	✓
Overall change	4.33 MB	4.33 MB	✓

ghost · 2020-05-26T04:34:56Z

is support SSR ?

ijjk · 2020-05-26T11:44:20Z

Stats from current PR

Default Server Mode (Decrease detected ✓)

General

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
buildDuration	12.1s	12.2s	⚠️ +154ms
nodeModulesSize	66.4 MB	66.4 MB	✓

Page Load Tests Overall decrease ⚠️

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
/ failed reqs	0	0	✓
/ total time (seconds)	2.001	2.004	0
/ avg req/sec	1249.69	1247.69	-2
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.161	1.171	⚠️ +0.01
/error-in-render avg req/sec	2154.02	2135.52	-18.5

Client Bundles (main, webpack, commons)

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
main-HASH.js gzip	6.59 kB	6.59 kB	✓
webpack-HASH.js gzip	746 B	746 B	✓
de003c3a9d30..1e23.js gzip	10.5 kB	10.5 kB	✓
framework.HASH.js gzip	39.1 kB	39.1 kB	✓
Overall change	57 kB	57 kB	✓

Client Bundles (main, webpack, commons) Modern

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
main-HASH.module.js gzip	5.67 kB	5.67 kB	✓
webpack-HASH..dule.js gzip	746 B	746 B	✓
de003c3a9d30..dule.js gzip	6.92 kB	6.92 kB	✓
framework.HA..dule.js gzip	39.1 kB	39.1 kB	✓
Overall change	52.5 kB	52.5 kB	✓

Legacy Client Bundles (polyfills)

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
polyfills-HASH.js gzip	26.3 kB	26.3 kB	✓
Overall change	26.3 kB	26.3 kB	✓

Client Pages

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_app.js gzip	1.26 kB	1.26 kB	✓
_error.js gzip	3.25 kB	3.25 kB	✓
hooks.js gzip	881 B	881 B	✓
index.js gzip	222 B	222 B	✓
link.js gzip	2.06 kB	2.06 kB	✓
routerDirect.js gzip	279 B	279 B	✓
withRouter.js gzip	278 B	278 B	✓
Overall change	8.22 kB	8.22 kB	✓

Client Pages Modern

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_app.module.js gzip	604 B	604 B	✓
_error.module.js gzip	2.04 kB	2.04 kB	✓
hooks.module.js gzip	383 B	383 B	✓
index.module.js gzip	223 B	223 B	✓
link.module.js gzip	1.52 kB	1.52 kB	✓
routerDirect..dule.js gzip	281 B	281 B	✓
withRouter.m..dule.js gzip	278 B	278 B	✓
Overall change	5.33 kB	5.33 kB	✓

Client Build Manifests

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_buildManifest.js gzip	61 B	61 B	✓
_buildManife..dule.js gzip	61 B	61 B	✓
Overall change	122 B	122 B	✓

Rendered Page Sizes

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
index.html gzip	927 B	927 B	✓
link.html gzip	937 B	937 B	✓
withRouter.html gzip	924 B	924 B	✓
Overall change	2.79 kB	2.79 kB	✓

Serverless Mode

General

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
buildDuration	12.2s	12.1s	-29ms
nodeModulesSize	66.4 MB	66.4 MB	✓

Client Bundles (main, webpack, commons)

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
main-HASH.js gzip	6.59 kB	6.59 kB	✓
webpack-HASH.js gzip	746 B	746 B	✓
de003c3a9d30..1e23.js gzip	10.5 kB	10.5 kB	✓
framework.HASH.js gzip	39.1 kB	39.1 kB	✓
Overall change	57 kB	57 kB	✓

Client Bundles (main, webpack, commons) Modern

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
main-HASH.module.js gzip	5.67 kB	5.67 kB	✓
webpack-HASH..dule.js gzip	746 B	746 B	✓
de003c3a9d30..dule.js gzip	6.92 kB	6.92 kB	✓
framework.HA..dule.js gzip	39.1 kB	39.1 kB	✓
Overall change	52.5 kB	52.5 kB	✓

Legacy Client Bundles (polyfills)

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
polyfills-HASH.js gzip	26.3 kB	26.3 kB	✓
Overall change	26.3 kB	26.3 kB	✓

Client Pages

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_app.js gzip	1.26 kB	1.26 kB	✓
_error.js gzip	3.25 kB	3.25 kB	✓
hooks.js gzip	881 B	881 B	✓
index.js gzip	222 B	222 B	✓
link.js gzip	2.06 kB	2.06 kB	✓
routerDirect.js gzip	279 B	279 B	✓
withRouter.js gzip	278 B	278 B	✓
Overall change	8.22 kB	8.22 kB	✓

Client Pages Modern

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_app.module.js gzip	604 B	604 B	✓
_error.module.js gzip	2.04 kB	2.04 kB	✓
hooks.module.js gzip	383 B	383 B	✓
index.module.js gzip	223 B	223 B	✓
link.module.js gzip	1.52 kB	1.52 kB	✓
routerDirect..dule.js gzip	281 B	281 B	✓
withRouter.m..dule.js gzip	278 B	278 B	✓
Overall change	5.33 kB	5.33 kB	✓

Client Build Manifests

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_buildManifest.js gzip	61 B	61 B	✓
_buildManife..dule.js gzip	61 B	61 B	✓
Overall change	122 B	122 B	✓

Serverless bundles

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_error.js	844 kB	844 kB	✓
404.html	4.18 kB	4.18 kB	✓
hooks.html	3.81 kB	3.81 kB	✓
index.js	844 kB	844 kB	✓
link.js	882 kB	882 kB	✓
routerDirect.js	874 kB	874 kB	✓
withRouter.js	874 kB	874 kB	✓
Overall change	4.33 MB	4.33 MB	✓

wilbert-abreu · 2020-05-26T12:02:52Z

Hey @stfenjobs, Recoil allows you to generate and access state as usual in SSR. As proof, here's a Postman request for this example:

ijjk · 2020-05-26T12:33:15Z

Stats from current PR

Default Server Mode

General

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
buildDuration	11.6s	11.7s	⚠️ +119ms
nodeModulesSize	66.4 MB	66.4 MB	✓

Page Load Tests Overall increase ✓

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
/ failed reqs	0	0	✓
/ total time (seconds)	2.016	2.089	⚠️ +0.07
/ avg req/sec	1240.3	1196.52	-43.78
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.388	1.352	-0.04
/error-in-render avg req/sec	1801.21	1848.44	⚠️ +47.23

Client Bundles (main, webpack, commons)

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
main-HASH.js gzip	6.59 kB	6.59 kB	✓
webpack-HASH.js gzip	746 B	746 B	✓
de003c3a9d30..1e23.js gzip	10.5 kB	10.5 kB	✓
framework.HASH.js gzip	39.1 kB	39.1 kB	✓
Overall change	57 kB	57 kB	✓

Client Bundles (main, webpack, commons) Modern

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
main-HASH.module.js gzip	5.67 kB	5.67 kB	✓
webpack-HASH..dule.js gzip	746 B	746 B	✓
de003c3a9d30..dule.js gzip	6.92 kB	6.92 kB	✓
framework.HA..dule.js gzip	39.1 kB	39.1 kB	✓
Overall change	52.5 kB	52.5 kB	✓

Legacy Client Bundles (polyfills)

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
polyfills-HASH.js gzip	26.3 kB	26.3 kB	✓
Overall change	26.3 kB	26.3 kB	✓

Client Pages

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_app.js gzip	1.26 kB	1.26 kB	✓
_error.js gzip	3.25 kB	3.25 kB	✓
hooks.js gzip	881 B	881 B	✓
index.js gzip	222 B	222 B	✓
link.js gzip	2.06 kB	2.06 kB	✓
routerDirect.js gzip	279 B	279 B	✓
withRouter.js gzip	278 B	278 B	✓
Overall change	8.22 kB	8.22 kB	✓

Client Pages Modern

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_app.module.js gzip	604 B	604 B	✓
_error.module.js gzip	2.04 kB	2.04 kB	✓
hooks.module.js gzip	383 B	383 B	✓
index.module.js gzip	223 B	223 B	✓
link.module.js gzip	1.52 kB	1.52 kB	✓
routerDirect..dule.js gzip	281 B	281 B	✓
withRouter.m..dule.js gzip	278 B	278 B	✓
Overall change	5.33 kB	5.33 kB	✓

Client Build Manifests

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_buildManifest.js gzip	61 B	61 B	✓
_buildManife..dule.js gzip	61 B	61 B	✓
Overall change	122 B	122 B	✓

Rendered Page Sizes

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
index.html gzip	927 B	927 B	✓
link.html gzip	937 B	937 B	✓
withRouter.html gzip	924 B	924 B	✓
Overall change	2.79 kB	2.79 kB	✓

Serverless Mode

General

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
buildDuration	12s	12.4s	⚠️ +387ms
nodeModulesSize	66.4 MB	66.4 MB	✓

Client Bundles (main, webpack, commons)

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
main-HASH.js gzip	6.59 kB	6.59 kB	✓
webpack-HASH.js gzip	746 B	746 B	✓
de003c3a9d30..1e23.js gzip	10.5 kB	10.5 kB	✓
framework.HASH.js gzip	39.1 kB	39.1 kB	✓
Overall change	57 kB	57 kB	✓

Client Bundles (main, webpack, commons) Modern

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
main-HASH.module.js gzip	5.67 kB	5.67 kB	✓
webpack-HASH..dule.js gzip	746 B	746 B	✓
de003c3a9d30..dule.js gzip	6.92 kB	6.92 kB	✓
framework.HA..dule.js gzip	39.1 kB	39.1 kB	✓
Overall change	52.5 kB	52.5 kB	✓

Legacy Client Bundles (polyfills)

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
polyfills-HASH.js gzip	26.3 kB	26.3 kB	✓
Overall change	26.3 kB	26.3 kB	✓

Client Pages

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_app.js gzip	1.26 kB	1.26 kB	✓
_error.js gzip	3.25 kB	3.25 kB	✓
hooks.js gzip	881 B	881 B	✓
index.js gzip	222 B	222 B	✓
link.js gzip	2.06 kB	2.06 kB	✓
routerDirect.js gzip	279 B	279 B	✓
withRouter.js gzip	278 B	278 B	✓
Overall change	8.22 kB	8.22 kB	✓

Client Pages Modern

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_app.module.js gzip	604 B	604 B	✓
_error.module.js gzip	2.04 kB	2.04 kB	✓
hooks.module.js gzip	383 B	383 B	✓
index.module.js gzip	223 B	223 B	✓
link.module.js gzip	1.52 kB	1.52 kB	✓
routerDirect..dule.js gzip	281 B	281 B	✓
withRouter.m..dule.js gzip	278 B	278 B	✓
Overall change	5.33 kB	5.33 kB	✓

Client Build Manifests

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_buildManifest.js gzip	61 B	61 B	✓
_buildManife..dule.js gzip	61 B	61 B	✓
Overall change	122 B	122 B	✓

Serverless bundles

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_error.js	844 kB	844 kB	✓
404.html	4.18 kB	4.18 kB	✓
hooks.html	3.81 kB	3.81 kB	✓
index.js	844 kB	844 kB	✓
link.js	882 kB	882 kB	✓
routerDirect.js	874 kB	874 kB	✓
withRouter.js	874 kB	874 kB	✓
Overall change	4.33 MB	4.33 MB	✓

lfades

There are some server-client rendering inconsistencies currently, I'm going request changes while I fix them.

lfades · 2020-05-26T22:42:25Z

@wilbert-abreu In the current state of the example I keep getting this error:

he is one of the internal components inside recoil and that seems to be failing every time, it happens with the get method here:

export const timeState = selector({
  key: 'time',
  get: ({ get }) => {
    const lastUpdate = get(latestTime) || Date.now()
    return new Date(lastUpdate).toJSON().slice(11, 19)
  },
  set: ({ set }) => {
    set(latestTime, Date.now())
  },
})

Specifically the following line:

const lastUpdate = get(latestTime) || Date.now()

Trying to use the value in a component, like this:

const time = useRecoilValue(timeState)

Always ends up in that error.

I'm not sure of how to fix that issue, if you know please fix it, the page isn't loading properly because of it. If you can't fix it then let's remove the clock and leave the counter only, we can extend it again later.

On another note, I didn't see any docs about setting an initial state from a server side render, so I don't think SSR with initial data (like the clock state) is possible for now with Recoiljs

ijjk · 2020-05-26T22:54:36Z

Stats from current PR

Default Server Mode (Decrease detected ✓)

General

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
buildDuration	11.7s	11.5s	-195ms
nodeModulesSize	67.3 MB	67.3 MB	✓

Page Load Tests Overall decrease ⚠️

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
/ failed reqs	0	0	✓
/ total time (seconds)	2.016	2.03	⚠️ +0.01
/ avg req/sec	1240.1	1231.71	-8.39
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.12	1.218	⚠️ +0.1
/error-in-render avg req/sec	2232.91	2052.33	-180.58

Client Bundles (main, webpack, commons)

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
main-HASH.js gzip	6.59 kB	6.59 kB	✓
webpack-HASH.js gzip	746 B	746 B	✓
de003c3a9d30..c03c.js gzip	10.5 kB	10.5 kB	✓
framework.HASH.js gzip	39.1 kB	39.1 kB	✓
Overall change	57 kB	57 kB	✓

Client Bundles (main, webpack, commons) Modern

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
main-HASH.module.js gzip	5.67 kB	5.67 kB	✓
webpack-HASH..dule.js gzip	746 B	746 B	✓
de003c3a9d30..dule.js gzip	6.92 kB	6.92 kB	✓
framework.HA..dule.js gzip	39.1 kB	39.1 kB	✓
Overall change	52.5 kB	52.5 kB	✓

Legacy Client Bundles (polyfills)

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
polyfills-HASH.js gzip	26.3 kB	26.3 kB	✓
Overall change	26.3 kB	26.3 kB	✓

Client Pages

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_app.js gzip	1.26 kB	1.26 kB	✓
_error.js gzip	3.25 kB	3.25 kB	✓
hooks.js gzip	881 B	881 B	✓
index.js gzip	222 B	222 B	✓
link.js gzip	2.06 kB	2.06 kB	✓
routerDirect.js gzip	279 B	279 B	✓
withRouter.js gzip	278 B	278 B	✓
Overall change	8.22 kB	8.22 kB	✓

Client Pages Modern

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_app.module.js gzip	604 B	604 B	✓
_error.module.js gzip	2.04 kB	2.04 kB	✓
hooks.module.js gzip	383 B	383 B	✓
index.module.js gzip	223 B	223 B	✓
link.module.js gzip	1.52 kB	1.52 kB	✓
routerDirect..dule.js gzip	281 B	281 B	✓
withRouter.m..dule.js gzip	278 B	278 B	✓
Overall change	5.33 kB	5.33 kB	✓

Client Build Manifests

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_buildManifest.js gzip	61 B	61 B	✓
_buildManife..dule.js gzip	61 B	61 B	✓
Overall change	122 B	122 B	✓

Rendered Page Sizes

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
index.html gzip	927 B	927 B	✓
link.html gzip	936 B	936 B	✓
withRouter.html gzip	924 B	924 B	✓
Overall change	2.79 kB	2.79 kB	✓

Serverless Mode

General

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
buildDuration	12.6s	12.7s	⚠️ +167ms
nodeModulesSize	67.3 MB	67.3 MB	✓

Client Bundles (main, webpack, commons)

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
main-HASH.js gzip	6.59 kB	6.59 kB	✓
webpack-HASH.js gzip	746 B	746 B	✓
de003c3a9d30..c03c.js gzip	10.5 kB	10.5 kB	✓
framework.HASH.js gzip	39.1 kB	39.1 kB	✓
Overall change	57 kB	57 kB	✓

Client Bundles (main, webpack, commons) Modern

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
main-HASH.module.js gzip	5.67 kB	5.67 kB	✓
webpack-HASH..dule.js gzip	746 B	746 B	✓
de003c3a9d30..dule.js gzip	6.92 kB	6.92 kB	✓
framework.HA..dule.js gzip	39.1 kB	39.1 kB	✓
Overall change	52.5 kB	52.5 kB	✓

Legacy Client Bundles (polyfills)

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
polyfills-HASH.js gzip	26.3 kB	26.3 kB	✓
Overall change	26.3 kB	26.3 kB	✓

Client Pages

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_app.js gzip	1.26 kB	1.26 kB	✓
_error.js gzip	3.25 kB	3.25 kB	✓
hooks.js gzip	881 B	881 B	✓
index.js gzip	222 B	222 B	✓
link.js gzip	2.06 kB	2.06 kB	✓
routerDirect.js gzip	279 B	279 B	✓
withRouter.js gzip	278 B	278 B	✓
Overall change	8.22 kB	8.22 kB	✓

Client Pages Modern

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_app.module.js gzip	604 B	604 B	✓
_error.module.js gzip	2.04 kB	2.04 kB	✓
hooks.module.js gzip	383 B	383 B	✓
index.module.js gzip	223 B	223 B	✓
link.module.js gzip	1.52 kB	1.52 kB	✓
routerDirect..dule.js gzip	281 B	281 B	✓
withRouter.m..dule.js gzip	278 B	278 B	✓
Overall change	5.33 kB	5.33 kB	✓

Client Build Manifests

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_buildManifest.js gzip	61 B	61 B	✓
_buildManife..dule.js gzip	61 B	61 B	✓
Overall change	122 B	122 B	✓

Serverless bundles

	zeit/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_error.js	876 kB	876 kB	✓
404.html	4.18 kB	4.18 kB	✓
hooks.html	3.81 kB	3.81 kB	✓
index.js	877 kB	877 kB	✓
link.js	914 kB	914 kB	✓
routerDirect.js	907 kB	907 kB	✓
withRouter.js	907 kB	907 kB	✓
Overall change	4.49 MB	4.49 MB	✓

ijjk · 2020-06-05T13:37:57Z

Stats from current PR

Default Server Mode (Increase detected ⚠️)

General

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
buildDuration	12.1s	12.3s	⚠️ +192ms
nodeModulesSize	66 MB	66 MB	✓

Page Load Tests Overall increase ✓

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
/ failed reqs	0	0	✓
/ total time (seconds)	2.148	2.106	-0.04
/ avg req/sec	1163.93	1186.96	⚠️ +23.03
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.397	1.369	-0.03
/error-in-render avg req/sec	1789.96	1826.53	⚠️ +36.57

Client Bundles (main, webpack, commons)

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
main-HASH.js gzip	6.61 kB	6.61 kB	✓
webpack-HASH.js gzip	746 B	746 B	✓
de003c3a9d30..6c2a.js gzip	10.5 kB	10.5 kB	✓
framework.HASH.js gzip	39.1 kB	39.1 kB	✓
Overall change	57 kB	57 kB	✓

Client Bundles (main, webpack, commons) Modern

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
main-HASH.module.js gzip	5.69 kB	5.69 kB	✓
webpack-HASH..dule.js gzip	746 B	746 B	✓
de003c3a9d30..dule.js gzip	6.93 kB	6.93 kB	✓
framework.HA..dule.js gzip	39.1 kB	39.1 kB	✓
Overall change	52.5 kB	52.5 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
polyfills-HASH.js gzip	26.3 kB	26.3 kB	✓
Overall change	26.3 kB	26.3 kB	✓

Client Pages

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_app.js gzip	1.26 kB	1.26 kB	✓
_error.js gzip	3.25 kB	3.25 kB	✓
hooks.js gzip	881 B	881 B	✓
index.js gzip	222 B	222 B	✓
link.js gzip	2.05 kB	2.05 kB	✓
routerDirect.js gzip	279 B	279 B	✓
withRouter.js gzip	278 B	278 B	✓
Overall change	8.21 kB	8.21 kB	✓

Client Pages Modern

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_app.module.js gzip	604 B	604 B	✓
_error.module.js gzip	2.04 kB	2.04 kB	✓
hooks.module.js gzip	383 B	383 B	✓
index.module.js gzip	223 B	223 B	✓
link.module.js gzip	1.51 kB	1.51 kB	✓
routerDirect..dule.js gzip	281 B	281 B	✓
withRouter.m..dule.js gzip	278 B	278 B	✓
Overall change	5.32 kB	5.32 kB	✓

Client Build Manifests

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_buildManifest.js gzip	61 B	61 B	✓
_buildManife..dule.js gzip	61 B	61 B	✓
Overall change	122 B	122 B	✓

Rendered Page Sizes

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
index.html gzip	925 B	925 B	✓
link.html gzip	935 B	935 B	✓
withRouter.html gzip	923 B	923 B	✓
Overall change	2.78 kB	2.78 kB	✓

Serverless Mode

General

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
buildDuration	13.2s	13.1s	-31ms
nodeModulesSize	66 MB	66 MB	✓

Client Bundles (main, webpack, commons)

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
main-HASH.js gzip	6.61 kB	6.61 kB	✓
webpack-HASH.js gzip	746 B	746 B	✓
de003c3a9d30..6c2a.js gzip	10.5 kB	10.5 kB	✓
framework.HASH.js gzip	39.1 kB	39.1 kB	✓
Overall change	57 kB	57 kB	✓

Client Bundles (main, webpack, commons) Modern

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
main-HASH.module.js gzip	5.69 kB	5.69 kB	✓
webpack-HASH..dule.js gzip	746 B	746 B	✓
de003c3a9d30..dule.js gzip	6.93 kB	6.93 kB	✓
framework.HA..dule.js gzip	39.1 kB	39.1 kB	✓
Overall change	52.5 kB	52.5 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
polyfills-HASH.js gzip	26.3 kB	26.3 kB	✓
Overall change	26.3 kB	26.3 kB	✓

Client Pages

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_app.js gzip	1.26 kB	1.26 kB	✓
_error.js gzip	3.25 kB	3.25 kB	✓
hooks.js gzip	881 B	881 B	✓
index.js gzip	222 B	222 B	✓
link.js gzip	2.05 kB	2.05 kB	✓
routerDirect.js gzip	279 B	279 B	✓
withRouter.js gzip	278 B	278 B	✓
Overall change	8.21 kB	8.21 kB	✓

Client Pages Modern

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_app.module.js gzip	604 B	604 B	✓
_error.module.js gzip	2.04 kB	2.04 kB	✓
hooks.module.js gzip	383 B	383 B	✓
index.module.js gzip	223 B	223 B	✓
link.module.js gzip	1.51 kB	1.51 kB	✓
routerDirect..dule.js gzip	281 B	281 B	✓
withRouter.m..dule.js gzip	278 B	278 B	✓
Overall change	5.32 kB	5.32 kB	✓

Client Build Manifests

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_buildManifest.js gzip	61 B	61 B	✓
_buildManife..dule.js gzip	61 B	61 B	✓
Overall change	122 B	122 B	✓

Serverless bundles

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_error.js	878 kB	878 kB	✓
404.html	4.18 kB	4.18 kB	✓
hooks.html	3.81 kB	3.81 kB	✓
index.js	878 kB	878 kB	✓
link.js	916 kB	916 kB	✓
routerDirect.js	909 kB	909 kB	✓
withRouter.js	909 kB	909 kB	✓
Overall change	4.5 MB	4.5 MB	✓

wilbert-abreu · 2020-06-05T13:42:13Z

Good call out @lfades, I was planning to just fix those later once the SSR issues were resolved(they are currently working on fixes), but, per your recommendation, I just removed the clock component instead for now. Thanks!

todortotev · 2020-06-05T13:44:06Z

@wilbert-abreu ssr is fixed in the experimental package

ijjk · 2020-06-05T13:47:01Z

Stats from current PR

Default Server Mode (Decrease detected ✓)

General

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
buildDuration	12.1s	12s	-129ms
nodeModulesSize	66 MB	66 MB	✓

Page Load Tests Overall decrease ⚠️

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
/ failed reqs	0	0	✓
/ total time (seconds)	2.089	2.086	0
/ avg req/sec	1196.73	1198.54	⚠️ +1.81
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.159	1.201	⚠️ +0.04
/error-in-render avg req/sec	2157.86	2080.96	-76.9

Client Bundles (main, webpack, commons)

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
main-HASH.js gzip	6.61 kB	6.61 kB	✓
webpack-HASH.js gzip	746 B	746 B	✓
de003c3a9d30..6c2a.js gzip	10.5 kB	10.5 kB	✓
framework.HASH.js gzip	39.1 kB	39.1 kB	✓
Overall change	57 kB	57 kB	✓

Client Bundles (main, webpack, commons) Modern

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
main-HASH.module.js gzip	5.69 kB	5.69 kB	✓
webpack-HASH..dule.js gzip	746 B	746 B	✓
de003c3a9d30..dule.js gzip	6.93 kB	6.93 kB	✓
framework.HA..dule.js gzip	39.1 kB	39.1 kB	✓
Overall change	52.5 kB	52.5 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
polyfills-HASH.js gzip	26.3 kB	26.3 kB	✓
Overall change	26.3 kB	26.3 kB	✓

Client Pages

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_app.js gzip	1.26 kB	1.26 kB	✓
_error.js gzip	3.25 kB	3.25 kB	✓
hooks.js gzip	881 B	881 B	✓
index.js gzip	222 B	222 B	✓
link.js gzip	2.05 kB	2.05 kB	✓
routerDirect.js gzip	279 B	279 B	✓
withRouter.js gzip	278 B	278 B	✓
Overall change	8.21 kB	8.21 kB	✓

Client Pages Modern

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_app.module.js gzip	604 B	604 B	✓
_error.module.js gzip	2.04 kB	2.04 kB	✓
hooks.module.js gzip	383 B	383 B	✓
index.module.js gzip	223 B	223 B	✓
link.module.js gzip	1.51 kB	1.51 kB	✓
routerDirect..dule.js gzip	281 B	281 B	✓
withRouter.m..dule.js gzip	278 B	278 B	✓
Overall change	5.32 kB	5.32 kB	✓

Client Build Manifests

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_buildManifest.js gzip	61 B	61 B	✓
_buildManife..dule.js gzip	61 B	61 B	✓
Overall change	122 B	122 B	✓

Rendered Page Sizes

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
index.html gzip	925 B	925 B	✓
link.html gzip	935 B	935 B	✓
withRouter.html gzip	923 B	923 B	✓
Overall change	2.78 kB	2.78 kB	✓

Serverless Mode

General

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
buildDuration	13.2s	13.4s	⚠️ +137ms
nodeModulesSize	66 MB	66 MB	✓

Client Bundles (main, webpack, commons)

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
main-HASH.js gzip	6.61 kB	6.61 kB	✓
webpack-HASH.js gzip	746 B	746 B	✓
de003c3a9d30..6c2a.js gzip	10.5 kB	10.5 kB	✓
framework.HASH.js gzip	39.1 kB	39.1 kB	✓
Overall change	57 kB	57 kB	✓

Client Bundles (main, webpack, commons) Modern

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
main-HASH.module.js gzip	5.69 kB	5.69 kB	✓
webpack-HASH..dule.js gzip	746 B	746 B	✓
de003c3a9d30..dule.js gzip	6.93 kB	6.93 kB	✓
framework.HA..dule.js gzip	39.1 kB	39.1 kB	✓
Overall change	52.5 kB	52.5 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
polyfills-HASH.js gzip	26.3 kB	26.3 kB	✓
Overall change	26.3 kB	26.3 kB	✓

Client Pages

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_app.js gzip	1.26 kB	1.26 kB	✓
_error.js gzip	3.25 kB	3.25 kB	✓
hooks.js gzip	881 B	881 B	✓
index.js gzip	222 B	222 B	✓
link.js gzip	2.05 kB	2.05 kB	✓
routerDirect.js gzip	279 B	279 B	✓
withRouter.js gzip	278 B	278 B	✓
Overall change	8.21 kB	8.21 kB	✓

Client Pages Modern

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_app.module.js gzip	604 B	604 B	✓
_error.module.js gzip	2.04 kB	2.04 kB	✓
hooks.module.js gzip	383 B	383 B	✓
index.module.js gzip	223 B	223 B	✓
link.module.js gzip	1.51 kB	1.51 kB	✓
routerDirect..dule.js gzip	281 B	281 B	✓
withRouter.m..dule.js gzip	278 B	278 B	✓
Overall change	5.32 kB	5.32 kB	✓

Client Build Manifests

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_buildManifest.js gzip	61 B	61 B	✓
_buildManife..dule.js gzip	61 B	61 B	✓
Overall change	122 B	122 B	✓

Serverless bundles

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_error.js	878 kB	878 kB	✓
404.html	4.18 kB	4.18 kB	✓
hooks.html	3.81 kB	3.81 kB	✓
index.js	878 kB	878 kB	✓
link.js	916 kB	916 kB	✓
routerDirect.js	909 kB	909 kB	✓
withRouter.js	909 kB	909 kB	✓
Overall change	4.5 MB	4.5 MB	✓

wilbert-abreu · 2020-06-05T13:52:33Z

@wilbert-abreu ssr is fixed in the experimental package

thanks, @todortotev, please elaborate, not sure what you mean by fixed. These issues still exists facebookexperimental/Recoil#12

Per one of the maintainers, they are working on a big refactor to fix this.

todortotev · 2020-06-05T13:55:44Z

@wilbert-abreu ssr is fixed in the experimental package

thanks, @todortotev, please elaborate, not sure what you mean by fixed. These issues still exists facebookexperimental/Recoil#12

Per one of the maintainers, they are working on a big refactor to fix this.

My bad, a few days ago I read about the same problem related to your issue and they suggested using 0.0.9experimental but it seems like it didn't work out and they dropped it. Seems like there is no solution as of now.

wilbert-abreu · 2020-06-05T13:58:50Z

My bad, a few days ago I read about the same problem related to your issue and they suggested using 0.0.9experimental but it seems like it didn't work out and they dropped it. Seems like there is no solution as of now.

ah got it, all good. I was hoping I just missed it 😂

lfades

@wilbert-abreu Thank you!

ijjk · 2020-06-07T06:28:30Z

Stats from current PR

Default Server Mode (Increase detected ⚠️)

General

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
buildDuration	12.2s	12s	-212ms
nodeModulesSize	66 MB	66 MB	✓

Page Load Tests Overall increase ✓

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
/ failed reqs	0	0	✓
/ total time (seconds)	2.166	2.158	-0.01
/ avg req/sec	1154.29	1158.31	⚠️ +4.02
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.365	1.359	-0.01
/error-in-render avg req/sec	1831.33	1839	⚠️ +7.67

Client Bundles (main, webpack, commons)

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
main-HASH.js gzip	6.61 kB	6.61 kB	✓
webpack-HASH.js gzip	746 B	746 B	✓
de003c3a9d30..9545.js gzip	10.5 kB	10.5 kB	✓
framework.HASH.js gzip	39.1 kB	39.1 kB	✓
Overall change	57 kB	57 kB	✓

Client Bundles (main, webpack, commons) Modern

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
main-HASH.module.js gzip	5.69 kB	5.69 kB	✓
webpack-HASH..dule.js gzip	746 B	746 B	✓
de003c3a9d30..dule.js gzip	6.92 kB	6.92 kB	✓
framework.HA..dule.js gzip	39.1 kB	39.1 kB	✓
Overall change	52.5 kB	52.5 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
polyfills-HASH.js gzip	26.3 kB	26.3 kB	✓
Overall change	26.3 kB	26.3 kB	✓

Client Pages

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_app.js gzip	1.26 kB	1.26 kB	✓
_error.js gzip	3.25 kB	3.25 kB	✓
hooks.js gzip	881 B	881 B	✓
index.js gzip	222 B	222 B	✓
link.js gzip	2.05 kB	2.05 kB	✓
routerDirect.js gzip	279 B	279 B	✓
withRouter.js gzip	278 B	278 B	✓
Overall change	8.21 kB	8.21 kB	✓

Client Pages Modern

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_app.module.js gzip	604 B	604 B	✓
_error.module.js gzip	2.04 kB	2.04 kB	✓
hooks.module.js gzip	383 B	383 B	✓
index.module.js gzip	223 B	223 B	✓
link.module.js gzip	1.51 kB	1.51 kB	✓
routerDirect..dule.js gzip	281 B	281 B	✓
withRouter.m..dule.js gzip	278 B	278 B	✓
Overall change	5.32 kB	5.32 kB	✓

Client Build Manifests

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_buildManifest.js gzip	61 B	61 B	✓
_buildManife..dule.js gzip	61 B	61 B	✓
Overall change	122 B	122 B	✓

Rendered Page Sizes

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
index.html gzip	926 B	926 B	✓
link.html gzip	936 B	936 B	✓
withRouter.html gzip	923 B	923 B	✓
Overall change	2.79 kB	2.79 kB	✓

Serverless Mode

General

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
buildDuration	13.1s	13.2s	⚠️ +28ms
nodeModulesSize	66 MB	66 MB	✓

Client Bundles (main, webpack, commons)

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
main-HASH.js gzip	6.61 kB	6.61 kB	✓
webpack-HASH.js gzip	746 B	746 B	✓
de003c3a9d30..9545.js gzip	10.5 kB	10.5 kB	✓
framework.HASH.js gzip	39.1 kB	39.1 kB	✓
Overall change	57 kB	57 kB	✓

Client Bundles (main, webpack, commons) Modern

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
main-HASH.module.js gzip	5.69 kB	5.69 kB	✓
webpack-HASH..dule.js gzip	746 B	746 B	✓
de003c3a9d30..dule.js gzip	6.92 kB	6.92 kB	✓
framework.HA..dule.js gzip	39.1 kB	39.1 kB	✓
Overall change	52.5 kB	52.5 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
polyfills-HASH.js gzip	26.3 kB	26.3 kB	✓
Overall change	26.3 kB	26.3 kB	✓

Client Pages

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_app.js gzip	1.26 kB	1.26 kB	✓
_error.js gzip	3.25 kB	3.25 kB	✓
hooks.js gzip	881 B	881 B	✓
index.js gzip	222 B	222 B	✓
link.js gzip	2.05 kB	2.05 kB	✓
routerDirect.js gzip	279 B	279 B	✓
withRouter.js gzip	278 B	278 B	✓
Overall change	8.21 kB	8.21 kB	✓

Client Pages Modern

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_app.module.js gzip	604 B	604 B	✓
_error.module.js gzip	2.04 kB	2.04 kB	✓
hooks.module.js gzip	383 B	383 B	✓
index.module.js gzip	223 B	223 B	✓
link.module.js gzip	1.51 kB	1.51 kB	✓
routerDirect..dule.js gzip	281 B	281 B	✓
withRouter.m..dule.js gzip	278 B	278 B	✓
Overall change	5.32 kB	5.32 kB	✓

Client Build Manifests

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_buildManifest.js gzip	61 B	61 B	✓
_buildManife..dule.js gzip	61 B	61 B	✓
Overall change	122 B	122 B	✓

Serverless bundles

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_error.js	877 kB	877 kB	✓
404.html	4.18 kB	4.18 kB	✓
hooks.html	3.81 kB	3.81 kB	✓
index.js	877 kB	877 kB	✓
link.js	915 kB	915 kB	✓
routerDirect.js	907 kB	907 kB	✓
withRouter.js	907 kB	907 kB	✓
Overall change	4.49 MB	4.49 MB	✓

ijjk · 2020-06-08T18:46:46Z

Stats from current PR

Default Server Mode (Increase detected ⚠️)

General

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
buildDuration	12.9s	12.7s	-236ms
nodeModulesSize	66 MB	66 MB	✓

Page Load Tests Overall increase ✓

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
/ failed reqs	0	0	✓
/ total time (seconds)	2.286	2.182	-0.1
/ avg req/sec	1093.41	1145.71	⚠️ +52.3
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.501	1.407	-0.09
/error-in-render avg req/sec	1665.53	1777.07	⚠️ +111.54

Client Bundles (main, webpack, commons)

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
main-HASH.js gzip	6.49 kB	6.49 kB	✓
webpack-HASH.js gzip	746 B	746 B	✓
de003c3a9d30..ec24.js gzip	10.5 kB	10.5 kB	✓
framework.HASH.js gzip	39.1 kB	39.1 kB	✓
Overall change	56.9 kB	56.9 kB	✓

Client Bundles (main, webpack, commons) Modern

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
main-HASH.module.js gzip	5.58 kB	5.58 kB	✓
webpack-HASH..dule.js gzip	746 B	746 B	✓
de003c3a9d30..dule.js gzip	6.92 kB	6.92 kB	✓
framework.HA..dule.js gzip	39.1 kB	39.1 kB	✓
Overall change	52.4 kB	52.4 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
polyfills-HASH.js gzip	26.3 kB	26.3 kB	✓
Overall change	26.3 kB	26.3 kB	✓

Client Pages

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_app.js gzip	1.26 kB	1.26 kB	✓
_error.js gzip	3.25 kB	3.25 kB	✓
hooks.js gzip	881 B	881 B	✓
index.js gzip	222 B	222 B	✓
link.js gzip	2.05 kB	2.05 kB	✓
routerDirect.js gzip	279 B	279 B	✓
withRouter.js gzip	278 B	278 B	✓
Overall change	8.22 kB	8.22 kB	✓

Client Pages Modern

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_app.module.js gzip	604 B	604 B	✓
_error.module.js gzip	2.04 kB	2.04 kB	✓
hooks.module.js gzip	383 B	383 B	✓
index.module.js gzip	223 B	223 B	✓
link.module.js gzip	1.52 kB	1.52 kB	✓
routerDirect..dule.js gzip	281 B	281 B	✓
withRouter.m..dule.js gzip	278 B	278 B	✓
Overall change	5.33 kB	5.33 kB	✓

Client Build Manifests

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_buildManifest.js gzip	171 B	171 B	✓
_buildManife..dule.js gzip	180 B	180 B	✓
Overall change	351 B	351 B	✓

Rendered Page Sizes

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
index.html gzip	901 B	901 B	✓
link.html gzip	906 B	906 B	✓
withRouter.html gzip	894 B	894 B	✓
Overall change	2.7 kB	2.7 kB	✓

Serverless Mode

General

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
buildDuration	13.7s	13.8s	⚠️ +170ms
nodeModulesSize	66 MB	66 MB	✓

Client Bundles (main, webpack, commons)

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
main-HASH.js gzip	6.49 kB	6.49 kB	✓
webpack-HASH.js gzip	746 B	746 B	✓
de003c3a9d30..ec24.js gzip	10.5 kB	10.5 kB	✓
framework.HASH.js gzip	39.1 kB	39.1 kB	✓
Overall change	56.9 kB	56.9 kB	✓

Client Bundles (main, webpack, commons) Modern

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
main-HASH.module.js gzip	5.58 kB	5.58 kB	✓
webpack-HASH..dule.js gzip	746 B	746 B	✓
de003c3a9d30..dule.js gzip	6.92 kB	6.92 kB	✓
framework.HA..dule.js gzip	39.1 kB	39.1 kB	✓
Overall change	52.4 kB	52.4 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
polyfills-HASH.js gzip	26.3 kB	26.3 kB	✓
Overall change	26.3 kB	26.3 kB	✓

Client Pages

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_app.js gzip	1.26 kB	1.26 kB	✓
_error.js gzip	3.25 kB	3.25 kB	✓
hooks.js gzip	881 B	881 B	✓
index.js gzip	222 B	222 B	✓
link.js gzip	2.05 kB	2.05 kB	✓
routerDirect.js gzip	279 B	279 B	✓
withRouter.js gzip	278 B	278 B	✓
Overall change	8.22 kB	8.22 kB	✓

Client Pages Modern

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_app.module.js gzip	604 B	604 B	✓
_error.module.js gzip	2.04 kB	2.04 kB	✓
hooks.module.js gzip	383 B	383 B	✓
index.module.js gzip	223 B	223 B	✓
link.module.js gzip	1.52 kB	1.52 kB	✓
routerDirect..dule.js gzip	281 B	281 B	✓
withRouter.m..dule.js gzip	278 B	278 B	✓
Overall change	5.33 kB	5.33 kB	✓

Client Build Manifests

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_buildManifest.js gzip	171 B	171 B	✓
_buildManife..dule.js gzip	180 B	180 B	✓
Overall change	351 B	351 B	✓

Serverless bundles

	vercel/next.js canary	wilbert-abreu/next.js wabreu/recoil-example	Change
_error.js	874 kB	874 kB	✓
404.html	4.13 kB	4.13 kB	✓
hooks.html	3.71 kB	3.71 kB	✓
index.js	875 kB	875 kB	✓
link.js	913 kB	913 kB	✓
routerDirect.js	905 kB	905 kB	✓
withRouter.js	905 kB	905 kB	✓
Overall change	4.48 MB	4.48 MB	✓

Co-authored-by: Wilbert Abreu <wilbert.a.abreu@aexp.com> Co-authored-by: Luis Alvarez <luis@vercel.com> Co-authored-by: Joe Haddad <joe.haddad@zeit.co>

docs(with-recoil-example): adding with-recoil example

53f79ba

wilbert-abreu requested review from lfades and Timer as code owners May 26, 2020 03:32

Merge branch 'canary' into wabreu/recoil-example

8ec069e

Merge branch 'canary' into wabreu/recoil-example

31c722e

Timer assigned lfades May 26, 2020

Merge branch 'canary' into wabreu/recoil-example

5bbf0fe

Merge branch 'canary' into wabreu/recoil-example

82f8df3

lfades requested changes May 26, 2020

View reviewed changes

Updated readme and components

23a8a90

rafaelalmeidatk added the examples Issue/PR related to examples label Jun 3, 2020

Merge branch 'canary' into wabreu/recoil-example

3f1d743

wilbert-abreu requested review from chibicode, ijjk and timneutkens as code owners June 5, 2020 13:29

docs(with-recoil-example): removing clock component due to SSR issues

9c6b032

qol changes

0e02041

lfades approved these changes Jun 7, 2020

View reviewed changes

Merge branch 'canary' into wabreu/recoil-example

d4d0add

Timer approved these changes Jun 8, 2020

View reviewed changes

Timer added 2 commits June 8, 2020 21:31

Merge branch 'canary' into wabreu/recoil-example

cfb44c1

Merge branch 'canary' into wabreu/recoil-example

fc1fb64

Timer merged commit d3f0aee into vercel:canary Jun 9, 2020

vercel locked as resolved and limited conversation to collaborators Jan 30, 2022

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Adding Example: with-recoil #13380

Adding Example: with-recoil #13380

wilbert-abreu commented May 26, 2020

ijjk commented May 26, 2020

ijjk commented May 26, 2020

ghost commented May 26, 2020

ijjk commented May 26, 2020

wilbert-abreu commented May 26, 2020 •

edited

ijjk commented May 26, 2020

lfades left a comment

lfades commented May 26, 2020 •

edited

ijjk commented May 26, 2020

ijjk commented Jun 5, 2020

wilbert-abreu commented Jun 5, 2020 •

edited

todortotev commented Jun 5, 2020

ijjk commented Jun 5, 2020

wilbert-abreu commented Jun 5, 2020

todortotev commented Jun 5, 2020

wilbert-abreu commented Jun 5, 2020

lfades left a comment

ijjk commented Jun 7, 2020

ijjk commented Jun 8, 2020

Adding Example: with-recoil #13380

Adding Example: with-recoil #13380

Conversation

wilbert-abreu commented May 26, 2020

ijjk commented May 26, 2020

Stats from current PR

ijjk commented May 26, 2020

Stats from current PR

ghost commented May 26, 2020

ijjk commented May 26, 2020

Stats from current PR

wilbert-abreu commented May 26, 2020 • edited

ijjk commented May 26, 2020

Stats from current PR

lfades left a comment

Choose a reason for hiding this comment

lfades commented May 26, 2020 • edited

ijjk commented May 26, 2020

Stats from current PR

ijjk commented Jun 5, 2020

Stats from current PR

wilbert-abreu commented Jun 5, 2020 • edited

todortotev commented Jun 5, 2020

ijjk commented Jun 5, 2020

Stats from current PR

wilbert-abreu commented Jun 5, 2020

todortotev commented Jun 5, 2020

wilbert-abreu commented Jun 5, 2020

lfades left a comment

Choose a reason for hiding this comment

ijjk commented Jun 7, 2020

Stats from current PR

ijjk commented Jun 8, 2020

Stats from current PR

wilbert-abreu commented May 26, 2020 •

edited

lfades commented May 26, 2020 •

edited

wilbert-abreu commented Jun 5, 2020 •

edited