Skip to content

Sync with reactjs.org @ 6d965422#313

Merged
bugtender merged 50 commits intomainfrom
sync-6d965422
Jun 13, 2022
Merged

Sync with reactjs.org @ 6d965422#313
bugtender merged 50 commits intomainfrom
sync-6d965422

Conversation

@react-translations-bot
Copy link
Copy Markdown
Collaborator

@react-translations-bot react-translations-bot commented Jun 13, 2022

This PR was automatically generated.

Merge changes from reactjs.org at 6d96542

The following files have conflicts and may need new translations:

Please fix the conflicts by pushing new commits to this pull request, either by editing the files directly on GitHub or by checking out this branch.

DO NOT SQUASH MERGE THIS PULL REQUEST!

Doing so will "erase" the commits from main and cause them to show up as conflicts the next time we merge.

gaearon and others added 30 commits May 9, 2022 13:24
* added sandpack linter and installed latest sandpacl

* integrate eslint into Sandpack

* Format the linting errors, disable preview on lint error, have only two react hooks

* fixes build

* split eslint-integration

* fix tooltip text color, error rename to 'Lint Error', show single lint error

* NIT

* Just enable it

* Delete eslint.md

Co-authored-by: Strek <ssharishkumar@gmail.com>
Co-authored-by: dan <dan.abramov@gmail.com>
* add new bundle for testing

* add timer

* update url

* update bundler version

* Remove temporary code

* Fix lint

* why?

* testing bundler url

* uncaught exception handling

* catch global errors on new bundler

* Try latest bundler

Co-authored-by: Dan Abramov <dan.abramov@gmail.com>
* [Beta] Lazy-load linter code

* Split utils into separate files
* [Beta] Update Next and React

* Fix types
* [Beta] Enable Selective Hydration in more places

* Fix typo
* upgrade react types

* fix type errors after upgrade
The Text "Click me" in the button confuses first-time users because it forces them to actually click on the button in the live demo but it does nothing. By changing the text, we can control the user behavior as they don't expect anything on that click.
* add loading indicator to sidebar links

* fix clicking on same route whould show indicator

* maybe final?

* handle routeChangeError as well as cleaning up timeout

* clearing timeout before creating one instead of routeChangeError

* rm unused

* add license header

* Update usePendingRoute.ts

Co-authored-by: dan <dan.abramov@gmail.com>
* fix(eslint): messages severity

* .
danilowoz and others added 15 commits June 1, 2022 16:35
These are now pointing at a different event, I've left/updated the video links though for posterity
* add remix conf

* add remix conf 2023
* [Beta] Optimize some performance

* Unnecessary image optimization

* Unused optimizeFonts
* fix(navigation): ui tweak

* revert border color
* added code for sandpack console

* add log

* added console for older bundle

* Revert "[beta] Sandpack - new bundler (#4458)"

This reverts commit 3ab1245.

* adds proper console and removes new bundle

* modify styles

* remove unwanted code

* nit

* fix types (#4677)

* update console

* little nits

* remove unwanted code changes

* update bundler URL

* use `message.firstLoad` for clearing console

* use `refresh` event to clear logs as well (used when going away and coming back to sandpack)

* remove padding for code blocks inside console

* small UI revamps

* change p to div since the sandpack comes inside the p, add try catch and a try catch for the catch again

* tweaks

* Fixes

* Reset unrelated changes

* tweaks

* fix

* fixes

* oops

* Fix

* fix

Co-authored-by: Danilo Woznica <danilowoz@gmail.com>
Co-authored-by: Dan Abramov <dan.abramov@gmail.com>
@github-actions
Copy link
Copy Markdown

github-actions Bot commented Jun 13, 2022

Size Changes

Details

📦 Next.js Bundle Analysis

This analysis was generated by the next.js bundle analysis action 🤖

🎉 Global Bundle Size Decreased

Page Size (compressed)
global 84.68 KB (🟢 -10.55 KB)
Details

The global bundle is the javascript bundle that loads alongside every page. It is in its own category because its impact is much higher - an increase to its size means that every page on your website loads slower, and a decrease means every page loads faster.

Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis

If you want further insight into what is behind the changes, give @next/bundle-analyzer a try!

One Hundred Ninety Pages Changed Size

The following pages changed size from the code in this PR compared to its base branch:

Page Size (compressed) First Load
/ 47.97 KB (🟢 -6.97 KB) 132.65 KB
/404 47.07 KB (🟢 -6.99 KB) 131.75 KB
/_error 198 B (🟡 +1 B) 84.87 KB
/apis 47.86 KB (🟢 -6.98 KB) 132.54 KB
/apis/createcontext 49.61 KB (🟢 -6.98 KB) 134.29 KB
/apis/reactdom 47.8 KB (🟢 -6.98 KB) 132.47 KB
/apis/render 49.84 KB (🟢 -6.98 KB) 134.51 KB
/apis/usecontext 55.56 KB (🟢 -6.98 KB) 140.24 KB
/apis/usereducer 55.2 KB (🟢 -6.98 KB) 139.88 KB
/apis/useref 52.89 KB (🟢 -7 KB) 137.57 KB
/apis/usestate 58.83 KB (🟢 -6.97 KB) 143.51 KB
/blog 40.42 KB (🟢 -864 B) 125.1 KB
/blog/2013/06/02/jsfiddle-integration 57.88 KB (🟢 -7.45 KB) 142.56 KB
/blog/2013/06/05/why-react 59.61 KB (🟢 -7.45 KB) 144.29 KB
/blog/2013/06/12/community-roundup 59.31 KB (🟢 -7.45 KB) 143.99 KB
/blog/2013/06/19/community-roundup-2 59.98 KB (🟢 -7.46 KB) 144.65 KB
/blog/2013/06/21/react-v0-3-3 58.03 KB (🟢 -7.46 KB) 142.71 KB
/blog/2013/06/27/community-roundup-3 60.35 KB (🟢 -7.45 KB) 145.03 KB
/blog/2013/07/02/react-v0-4-autobind-by-default 58.65 KB (🟢 -7.46 KB) 143.32 KB
/blog/2013/07/03/community-roundup-4 59.72 KB (🟢 -7.45 KB) 144.39 KB
/blog/2013/07/11/react-v0-4-prop-validation-and-default-values 58.52 KB (🟢 -7.45 KB) 143.2 KB
/blog/2013/07/17/react-v0-4-0 59.23 KB (🟢 -7.45 KB) 143.91 KB
/blog/2013/07/23/community-roundup-5 60.11 KB (🟢 -7.46 KB) 144.78 KB
/blog/2013/07/26/react-v0-4-1 58 KB (🟢 -7.45 KB) 142.67 KB
/blog/2013/07/30/use-react-and-jsx-in-ruby-on-rails 58.59 KB (🟢 -7.46 KB) 143.27 KB
/blog/2013/08/05/community-roundup-6 59.41 KB (🟢 -7.45 KB) 144.08 KB
/blog/2013/08/19/use-react-and-jsx-in-python-applications 58.61 KB (🟢 -7.45 KB) 143.29 KB
/blog/2013/08/26/community-roundup-7 59.57 KB (🟢 -7.46 KB) 144.25 KB
/blog/2013/09/24/community-roundup-8 61 KB (🟢 -7.46 KB) 145.68 KB
/blog/2013/10/03/community-roundup-9 59.94 KB (🟢 -7.46 KB) 144.62 KB
/blog/2013/10/16/react-v0.5.0 59.63 KB (🟢 -7.45 KB) 144.3 KB
/blog/2013/10/29/react-v0-5-1 57.98 KB (🟢 -7.45 KB) 142.66 KB
/blog/2013/11/06/community-roundup-10 61.6 KB (🟢 -7.45 KB) 146.28 KB
/blog/2013/11/18/community-roundup-11 60.68 KB (🟢 -7.46 KB) 145.36 KB
/blog/2013/12/18/react-v0.5.2-v0.4.2 58.46 KB (🟢 -7.45 KB) 143.14 KB
/blog/2013/12/19/react-v0.8.0 58.88 KB (🟢 -7.45 KB) 143.55 KB
/blog/2013/12/23/community-roundup-12 60.34 KB (🟢 -7.45 KB) 145.01 KB
/blog/2013/12/30/community-roundup-13 60.12 KB (🟢 -7.46 KB) 144.79 KB
/blog/2014/01/02/react-chrome-developer-tools 58.38 KB (🟢 -7.45 KB) 143.05 KB
/blog/2014/01/06/community-roundup-14 59.71 KB (🟢 -7.45 KB) 144.39 KB
/blog/2014/02/05/community-roundup-15 60.93 KB (🟢 -7.45 KB) 145.61 KB
/blog/2014/02/15/community-roundup-16 60.64 KB (🟢 -7.45 KB) 145.32 KB
/blog/2014/02/16/react-v0.9-rc1 61.05 KB (🟢 -7.45 KB) 145.72 KB
/blog/2014/02/20/react-v0.9 61.49 KB (🟢 -7.45 KB) 146.17 KB
/blog/2014/02/24/community-roundup-17 60.36 KB (🟢 -7.45 KB) 145.03 KB
/blog/2014/03/14/community-roundup-18 61.32 KB (🟢 -7.45 KB) 146 KB
/blog/2014/03/19/react-v0.10-rc1 59.63 KB (🟢 -7.45 KB) 144.31 KB
/blog/2014/03/21/react-v0.10 59.65 KB (🟢 -7.45 KB) 144.33 KB
/blog/2014/03/28/the-road-to-1.0 59.76 KB (🟢 -7.45 KB) 144.44 KB
/blog/2014/04/04/reactnet 58.41 KB (🟢 -7.45 KB) 143.09 KB
/blog/2014/05/06/flux 58.53 KB (🟢 -7.45 KB) 143.21 KB
/blog/2014/05/29/one-year-of-open-source-react 58.76 KB (🟢 -7.45 KB) 143.43 KB
/blog/2014/06/27/community-roundup-19 60.3 KB (🟢 -7.45 KB) 144.98 KB
/blog/2014/07/13/react-v0.11-rc1 60.68 KB (🟢 -7.45 KB) 145.36 KB
/blog/2014/07/17/react-v0.11 61.94 KB (🟢 -7.46 KB) 146.62 KB
/blog/2014/07/25/react-v0.11.1 58.89 KB (🟢 -7.46 KB) 143.56 KB
/blog/2014/07/28/community-roundup-20 60.44 KB (🟢 -7.46 KB) 145.12 KB
/blog/2014/07/30/flux-actions-and-the-dispatcher 60.08 KB (🟢 -7.45 KB) 144.75 KB
/blog/2014/08/03/community-roundup-21 60.11 KB (🟢 -7.45 KB) 144.79 KB
/blog/2014/09/03/introducing-the-jsx-specification 58.11 KB (🟢 -7.46 KB) 142.79 KB
/blog/2014/09/12/community-round-up-22 60.59 KB (🟢 -7.45 KB) 145.27 KB
/blog/2014/09/16/react-v0.11.2 58.89 KB (🟢 -7.45 KB) 143.56 KB
/blog/2014/09/24/testing-flux-applications 62.07 KB (🟢 -7.45 KB) 146.74 KB
/blog/2014/10/14/introducing-react-elements 61.02 KB (🟢 -7.45 KB) 145.7 KB
/blog/2014/10/16/react-v0.12-rc1 60.99 KB (🟢 -7.45 KB) 145.67 KB
/blog/2014/10/17/community-roundup-23 61.56 KB (🟢 -7.46 KB) 146.23 KB
/blog/2014/10/27/react-js-conf 58.16 KB (🟢 -7.45 KB) 142.84 KB
/blog/2014/10/28/react-v0.12 60.93 KB (🟢 -7.45 KB) 145.61 KB
/blog/2014/11/24/react-js-conf-updates 58.55 KB (🟢 -7.45 KB) 143.22 KB
/blog/2014/11/25/community-roundup-24 61.79 KB (🟢 -7.45 KB) 146.46 KB
/blog/2014/12/18/react-v0.12.2 58.58 KB (🟢 -7.45 KB) 143.25 KB
/blog/2014/12/19/react-js-conf-diversity-scholarship 58.97 KB (🟢 -7.45 KB) 143.65 KB
/blog/2015/01/27/react-v0.13.0-beta-1 59.94 KB (🟢 -7.45 KB) 144.62 KB
/blog/2015/02/18/react-conf-roundup-2015 61.92 KB (🟢 -7.46 KB) 146.6 KB
/blog/2015/02/20/introducing-relay-and-graphql 61.08 KB (🟢 -7.45 KB) 145.75 KB
/blog/2015/02/24/react-v0.13-rc1 59.98 KB (🟢 -7.45 KB) 144.65 KB
/blog/2015/02/24/streamlining-react-elements 62.53 KB (🟢 -7.45 KB) 147.21 KB
/blog/2015/03/03/react-v0.13-rc2 59.31 KB (🟢 -7.45 KB) 143.99 KB
/blog/2015/03/04/community-roundup-25 60.27 KB (🟢 -7.45 KB) 144.95 KB
/blog/2015/03/10/react-v0.13 60.59 KB (🟢 -7.45 KB) 145.27 KB
/blog/2015/03/16/react-v0.13.1 58.41 KB (🟢 -7.45 KB) 143.09 KB
/blog/2015/03/19/building-the-facebook-news-feed-with-relay 61.17 KB (🟢 -7.45 KB) 145.84 KB
/blog/2015/03/26/introducing-react-native 58.31 KB (🟢 -7.45 KB) 142.98 KB
/blog/2015/03/30/community-roundup-26 60.24 KB (🟢 -7.46 KB) 144.91 KB
/blog/2015/04/17/react-native-v0.4 59.15 KB (🟢 -7.45 KB) 143.83 KB
/blog/2015/04/18/react-v0.13.2 58.49 KB (🟢 -7.45 KB) 143.17 KB
/blog/2015/05/01/graphql-introduction 62.98 KB (🟢 -7.45 KB) 147.66 KB
/blog/2015/05/08/react-v0.13.3 58.38 KB (🟢 -7.46 KB) 143.05 KB
/blog/2015/05/22/react-native-release-process 58.53 KB (🟢 -7.45 KB) 143.21 KB
/blog/2015/06/12/deprecating-jstransform-and-react-tools 58.98 KB (🟢 -7.45 KB) 143.66 KB
/blog/2015/07/03/react-v0.14-beta-1 60.49 KB (🟢 -7.46 KB) 145.17 KB
/blog/2015/08/03/new-react-devtools-beta 59.09 KB (🟢 -7.45 KB) 143.77 KB
/blog/2015/08/11/relay-technical-preview 59.16 KB (🟢 -7.45 KB) 143.83 KB
/blog/2015/08/13/reacteurope-roundup 60.74 KB (🟢 -7.46 KB) 145.42 KB
/blog/2015/09/02/new-react-developer-tools 58.51 KB (🟢 -7.46 KB) 143.18 KB
/blog/2015/09/10/react-v0.14-rc1 64.2 KB (🟢 -7.45 KB) 148.87 KB
/blog/2015/09/14/community-roundup-27 60.67 KB (🟢 -7.45 KB) 145.35 KB
/blog/2015/10/01/react-render-and-top-level-api 59.64 KB (🟢 -7.46 KB) 144.32 KB
/blog/2015/10/07/react-v0.14 64.68 KB (🟢 -7.46 KB) 149.36 KB
/blog/2015/10/19/reactiflux-is-moving-to-discord 60.39 KB (🟢 -7.45 KB) 145.07 KB
/blog/2015/10/28/react-v0.14.1 58.4 KB (🟢 -7.45 KB) 143.08 KB
/blog/2015/11/02/react-v0.14.2 58.43 KB (🟢 -7.45 KB) 143.11 KB
/blog/2015/11/18/react-v0.14.3 58.55 KB (🟢 -7.46 KB) 143.23 KB
/blog/2015/12/04/react-js-conf-2016-diversity-scholarship 59.43 KB (🟢 -7.46 KB) 144.1 KB
/blog/2015/12/16/ismounted-antipattern 59.03 KB (🟢 -7.46 KB) 143.7 KB
/blog/2015/12/18/react-components-elements-and-instances 62.95 KB (🟢 -7.46 KB) 147.62 KB
/blog/2015/12/29/react-v0.14.4 58.22 KB (🟢 -7.45 KB) 142.9 KB
/blog/2016/01/08/A-implies-B-does-not-imply-B-implies-A 59.24 KB (🟢 -7.45 KB) 143.92 KB
/blog/2016/01/12/discontinuing-ie8-support 58.05 KB (🟢 -7.45 KB) 142.73 KB
/blog/2016/02/19/new-versioning-scheme 59.43 KB (🟢 -7.45 KB) 144.11 KB
/blog/2016/03/07/react-v15-rc1 62.18 KB (🟢 -7.45 KB) 146.86 KB
/blog/2016/03/16/react-v15-rc2 59.04 KB (🟢 -7.45 KB) 143.72 KB
/blog/2016/03/29/react-v0.14.8 58.18 KB (🟢 -7.45 KB) 142.86 KB
/blog/2016/04/07/react-v15 66.37 KB (🟢 -7.45 KB) 151.05 KB
/blog/2016/04/08/react-v15.0.1 58.94 KB (🟢 -7.45 KB) 143.61 KB
/blog/2016/07/11/introducing-reacts-error-code-system 58.65 KB (🟢 -7.45 KB) 143.32 KB
/blog/2016/07/13/mixins-considered-harmful 66.8 KB (🟢 -7.45 KB) 151.48 KB
/blog/2016/07/22/create-apps-with-no-configuration 62.13 KB (🟢 -7.45 KB) 146.8 KB
/blog/2016/08/05/relay-state-of-the-state 62.17 KB (🟢 -7.45 KB) 146.85 KB
/blog/2016/09/28/our-first-50000-stars 63.62 KB (🟢 -7.45 KB) 148.29 KB
/blog/2016/11/16/react-v15.4.0 61.57 KB (🟢 -7.46 KB) 146.24 KB
/blog/2017/04/07/react-v15.5.0 62.13 KB (🟢 -7.45 KB) 146.81 KB
/blog/2017/05/18/whats-new-in-create-react-app 61.53 KB (🟢 -7.45 KB) 146.21 KB
/blog/2017/06/13/react-v15.6.0 60.15 KB (🟢 -7.45 KB) 144.83 KB
/blog/2017/07/26/error-handling-in-react-16 60.5 KB (🟢 -7.45 KB) 145.18 KB
/blog/2017/09/08/dom-attributes-in-react-16 60.93 KB (🟢 -7.45 KB) 145.61 KB
/blog/2017/09/25/react-v15.6.2 59.26 KB (🟢 -7.46 KB) 143.94 KB
/blog/2017/09/26/react-v16.0 64.39 KB (🟢 -7.45 KB) 149.07 KB
/blog/2017/11/28/react-v16.2.0-fragment-support 62.33 KB (🟢 -7.45 KB) 147 KB
/blog/2017/12/07/introducing-the-react-rfc-process 58.85 KB (🟢 -7.45 KB) 143.53 KB
/blog/2017/12/15/improving-the-repository-infrastructure 74.63 KB (🟢 -7.46 KB) 159.31 KB
/blog/2018/03/01/sneak-peek-beyond-react-16 58.8 KB (🟢 -7.45 KB) 143.48 KB
/blog/2018/03/27/update-on-async-rendering 64.05 KB (🟢 -7.45 KB) 148.72 KB
/blog/2018/03/29/react-v-16-3 60.87 KB (🟢 -7.46 KB) 145.54 KB
/blog/2018/05/23/react-v-16-4 61 KB (🟢 -7.45 KB) 145.68 KB
/blog/2018/06/07/you-probably-dont-need-derived-state 64.67 KB (🟢 -7.45 KB) 149.34 KB
/blog/2018/08/01/react-v-16-4-2 59.66 KB (🟢 -7.45 KB) 144.33 KB
/blog/2018/09/10/introducing-the-react-profiler 61.27 KB (🟢 -7.45 KB) 145.94 KB
/blog/2018/10/01/create-react-app-v2 61.74 KB (🟢 -7.45 KB) 146.42 KB
/blog/2018/10/23/react-v-16-6 60.94 KB (🟢 -7.45 KB) 145.62 KB
/blog/2018/11/13/react-conf-recap 58.66 KB (🟢 -7.45 KB) 143.33 KB
/blog/2018/11/27/react-16-roadmap 64.85 KB (🟢 -7.45 KB) 149.53 KB
/blog/2018/12/19/react-v-16-7 59.78 KB (🟢 -7.45 KB) 144.46 KB
/blog/2019/02/06/react-v16.8.0 62.05 KB (🟢 -7.45 KB) 146.72 KB
/blog/2019/02/23/is-react-translated-yet 61.61 KB (🟢 -7.46 KB) 146.28 KB
/blog/2019/08/08/react-v16.9.0 64.54 KB (🟢 -7.46 KB) 149.22 KB
/blog/2019/08/15/new-react-devtools 59.15 KB (🟢 -7.45 KB) 143.83 KB
/blog/2019/10/22/react-release-channels 60.97 KB (🟢 -7.44 KB) 145.64 KB
/blog/2019/11/06/building-great-user-experiences-with-concurrent-mode-and-suspense 65.66 KB (🟢 -7.45 KB) 150.34 KB
/blog/2020/02/26/react-v16.13.0 61.88 KB (🟢 -7.45 KB) 146.56 KB
/blog/2020/08/10/react-v17-rc 68.17 KB (🟢 -7.45 KB) 152.85 KB
/blog/all 56.44 KB (🟢 -843 B) 141.12 KB
/community 47.67 KB (🟢 -6.97 KB) 132.34 KB
/community/acknowledgements 48.85 KB (🟢 -6.98 KB) 133.53 KB
/community/meet-the-team 49.55 KB (🟢 -6.97 KB) 134.23 KB
/learn 52.62 KB (🟢 -6.97 KB) 137.3 KB
/learn/add-react-to-a-website 53.6 KB (🟢 -6.98 KB) 138.28 KB
/learn/adding-interactivity 54.31 KB (🟢 -6.97 KB) 138.99 KB
/learn/choosing-the-state-structure 60.03 KB (🟢 -6.98 KB) 144.7 KB
/learn/conditional-rendering 52.26 KB (🟢 -6.98 KB) 136.94 KB
/learn/describing-the-ui 51.48 KB (🟢 -6.98 KB) 136.15 KB
/learn/editor-setup 49.41 KB (🟢 -6.98 KB) 134.09 KB
/learn/escape-hatches 46.99 KB (🟢 -6.98 KB) 131.67 KB
/learn/extracting-state-logic-into-a-reducer 57.67 KB (🟢 -6.98 KB) 142.35 KB
/learn/importing-and-exporting-components 50.66 KB (🟢 -6.98 KB) 135.34 KB
/learn/installation 48.27 KB (🟢 -6.97 KB) 132.95 KB
/learn/javascript-in-jsx-with-curly-braces 50.74 KB (🟢 -6.98 KB) 135.41 KB
/learn/keeping-components-pure 54.87 KB (🟢 -6.98 KB) 139.54 KB
/learn/managing-state 53.59 KB (🟢 -6.98 KB) 138.26 KB
/learn/manipulating-the-dom-with-refs 55.83 KB (🟢 -6.98 KB) 140.51 KB
/learn/passing-data-deeply-with-context 55.39 KB (🟢 -6.98 KB) 140.07 KB
/learn/passing-props-to-a-component 54.44 KB (🟢 -6.98 KB) 139.11 KB
/learn/preserving-and-resetting-state 58.41 KB (🟢 -6.97 KB) 143.08 KB
/learn/queueing-a-series-of-state-updates 52.23 KB (🟢 -6.98 KB) 136.91 KB
/learn/react-developer-tools 48.48 KB (🟢 -6.97 KB) 133.16 KB
/learn/reacting-to-input-with-state 56.84 KB (🟢 -6.98 KB) 141.52 KB
/learn/referencing-values-with-refs 53.75 KB (🟢 -6.98 KB) 138.43 KB
/learn/render-and-commit 50.73 KB (🟢 -6.97 KB) 135.41 KB
/learn/rendering-lists 54.82 KB (🟢 -6.97 KB) 139.5 KB
/learn/responding-to-events 53.75 KB (🟢 -6.98 KB) 138.43 KB
/learn/scaling-up-with-reducer-and-context 51.8 KB (🟢 -6.98 KB) 136.48 KB
/learn/sharing-state-between-components 52.88 KB (🟢 -6.98 KB) 137.56 KB
/learn/start-a-new-react-project 49.94 KB (🟢 -6.95 KB) 134.61 KB
/learn/state-a-components-memory 57.96 KB (🟢 -6.98 KB) 142.64 KB
/learn/state-as-a-snapshot 51.53 KB (🟢 -6.98 KB) 136.21 KB
/learn/thinking-in-react 53.6 KB (🟢 -6.98 KB) 138.27 KB
/learn/updating-arrays-in-state 55.83 KB (🟢 -6.97 KB) 140.51 KB
/learn/updating-objects-in-state 55.56 KB (🟢 -6.97 KB) 140.24 KB
/learn/writing-markup-with-jsx 50.98 KB (🟢 -6.97 KB) 135.66 KB
/learn/your-first-component 51.57 KB (🟢 -6.98 KB) 136.25 KB
Details

Only the gzipped size is provided here based on an expert tip.

First Load is the size of the global bundle plus the bundle for the individual page. If a user were to show up to your website and land on a given page, the first load size represents the amount of javascript that user would need to download. If next/link is used, subsequent page loads would only need to download that page's bundle (the number in the "Size" column), since the global bundle has already been downloaded.

Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis

Next to the size is how much the size has increased or decreased compared with the base branch of this PR. If this percentage has increased by 10% or more, there will be a red status indicator applied, indicating that special attention should be given to this.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.