react.dev
react.dev copied to clipboard
reactjs
[Beta] Adjusting Effect Dependencies
Size Changes
📦 Next.js Bundle Analysis
This analysis was generated by the next.js bundle analysis action 🤖
New Page Added
The following page was added to the bundle from the code in this PR:
| Page | Size (compressed) | First Load |
|---|---|---|
/learn/adjusting-effect-dependencies |
63.42 KB |
148.09 KB |
One Hundred Ninety-one 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.99 KB (🟡 +25 B) |
132.66 KB |
/404 |
47.09 KB (🟡 +25 B) |
131.76 KB |
/apis |
47.88 KB (🟡 +25 B) |
132.54 KB |
/apis/createcontext |
49.63 KB (🟡 +25 B) |
134.3 KB |
/apis/reactdom |
47.82 KB (🟡 +31 B) |
132.49 KB |
/apis/render |
49.86 KB (🟡 +25 B) |
134.52 KB |
/apis/usecontext |
55.58 KB (🟡 +25 B) |
140.25 KB |
/apis/usereducer |
55.22 KB (🟡 +25 B) |
139.88 KB |
/apis/useref |
52.91 KB (🟡 +25 B) |
137.58 KB |
/apis/usestate |
58.85 KB (🟡 +25 B) |
143.52 KB |
/blog |
40.45 KB (🟡 +25 B) |
125.12 KB |
/blog/2013/06/02/jsfiddle-integration |
57.9 KB (🟡 +25 B) |
142.57 KB |
/blog/2013/06/05/why-react |
59.63 KB (🟡 +25 B) |
144.3 KB |
/blog/2013/06/12/community-roundup |
59.33 KB (🟡 +25 B) |
144 KB |
/blog/2013/06/19/community-roundup-2 |
60 KB (🟡 +25 B) |
144.66 KB |
/blog/2013/06/21/react-v0-3-3 |
58.05 KB (🟡 +25 B) |
142.72 KB |
/blog/2013/06/27/community-roundup-3 |
60.37 KB (🟡 +25 B) |
145.04 KB |
/blog/2013/07/02/react-v0-4-autobind-by-default |
58.67 KB (🟡 +25 B) |
143.34 KB |
/blog/2013/07/03/community-roundup-4 |
59.74 KB (🟡 +25 B) |
144.4 KB |
/blog/2013/07/11/react-v0-4-prop-validation-and-default-values |
58.54 KB (🟡 +25 B) |
143.21 KB |
/blog/2013/07/17/react-v0-4-0 |
59.25 KB (🟡 +25 B) |
143.92 KB |
/blog/2013/07/23/community-roundup-5 |
60.13 KB (🟡 +25 B) |
144.79 KB |
/blog/2013/07/26/react-v0-4-1 |
58.01 KB (🟡 +25 B) |
142.68 KB |
/blog/2013/07/30/use-react-and-jsx-in-ruby-on-rails |
58.62 KB (🟡 +25 B) |
143.28 KB |
/blog/2013/08/05/community-roundup-6 |
59.42 KB (🟡 +25 B) |
144.09 KB |
/blog/2013/08/19/use-react-and-jsx-in-python-applications |
58.63 KB (🟡 +25 B) |
143.3 KB |
/blog/2013/08/26/community-roundup-7 |
59.59 KB (🟡 +25 B) |
144.26 KB |
/blog/2013/09/24/community-roundup-8 |
61.02 KB (🟡 +25 B) |
145.69 KB |
/blog/2013/10/03/community-roundup-9 |
59.96 KB (🟡 +25 B) |
144.63 KB |
/blog/2013/10/16/react-v0.5.0 |
59.65 KB (🟡 +25 B) |
144.31 KB |
/blog/2013/10/29/react-v0-5-1 |
58 KB (🟡 +25 B) |
142.67 KB |
/blog/2013/11/06/community-roundup-10 |
61.62 KB (🟡 +25 B) |
146.29 KB |
/blog/2013/11/18/community-roundup-11 |
60.7 KB (🟡 +25 B) |
145.37 KB |
/blog/2013/12/18/react-v0.5.2-v0.4.2 |
58.48 KB (🟡 +25 B) |
143.15 KB |
/blog/2013/12/19/react-v0.8.0 |
58.9 KB (🟡 +25 B) |
143.57 KB |
/blog/2013/12/23/community-roundup-12 |
60.36 KB (🟡 +25 B) |
145.02 KB |
/blog/2013/12/30/community-roundup-13 |
60.13 KB (🟡 +25 B) |
144.8 KB |
/blog/2014/01/02/react-chrome-developer-tools |
58.39 KB (🟡 +25 B) |
143.06 KB |
/blog/2014/01/06/community-roundup-14 |
59.73 KB (🟡 +25 B) |
144.4 KB |
/blog/2014/02/05/community-roundup-15 |
60.95 KB (🟡 +25 B) |
145.62 KB |
/blog/2014/02/15/community-roundup-16 |
60.66 KB (🟡 +25 B) |
145.33 KB |
/blog/2014/02/16/react-v0.9-rc1 |
61.07 KB (🟡 +25 B) |
145.74 KB |
/blog/2014/02/20/react-v0.9 |
61.51 KB (🟡 +25 B) |
146.18 KB |
/blog/2014/02/24/community-roundup-17 |
60.38 KB (🟡 +25 B) |
145.04 KB |
/blog/2014/03/14/community-roundup-18 |
61.34 KB (🟡 +25 B) |
146.01 KB |
/blog/2014/03/19/react-v0.10-rc1 |
59.65 KB (🟡 +25 B) |
144.32 KB |
/blog/2014/03/21/react-v0.10 |
59.67 KB (🟡 +25 B) |
144.34 KB |
/blog/2014/03/28/the-road-to-1.0 |
59.79 KB (🟡 +25 B) |
144.45 KB |
/blog/2014/04/04/reactnet |
58.43 KB (🟡 +25 B) |
143.1 KB |
/blog/2014/05/06/flux |
58.55 KB (🟡 +25 B) |
143.22 KB |
/blog/2014/05/29/one-year-of-open-source-react |
58.78 KB (🟡 +25 B) |
143.44 KB |
/blog/2014/06/27/community-roundup-19 |
60.32 KB (🟡 +25 B) |
144.99 KB |
/blog/2014/07/13/react-v0.11-rc1 |
60.7 KB (🟡 +25 B) |
145.37 KB |
/blog/2014/07/17/react-v0.11 |
61.96 KB (🟡 +25 B) |
146.63 KB |
/blog/2014/07/25/react-v0.11.1 |
58.91 KB (🟡 +25 B) |
143.58 KB |
/blog/2014/07/28/community-roundup-20 |
60.46 KB (🟡 +25 B) |
145.13 KB |
/blog/2014/07/30/flux-actions-and-the-dispatcher |
60.1 KB (🟡 +25 B) |
144.77 KB |
/blog/2014/08/03/community-roundup-21 |
60.13 KB (🟡 +25 B) |
144.8 KB |
/blog/2014/09/03/introducing-the-jsx-specification |
58.13 KB (🟡 +25 B) |
142.8 KB |
/blog/2014/09/12/community-round-up-22 |
60.61 KB (🟡 +25 B) |
145.28 KB |
/blog/2014/09/16/react-v0.11.2 |
58.91 KB (🟡 +25 B) |
143.58 KB |
/blog/2014/09/24/testing-flux-applications |
62.09 KB (🟡 +25 B) |
146.75 KB |
/blog/2014/10/14/introducing-react-elements |
61.04 KB (🟡 +25 B) |
145.71 KB |
/blog/2014/10/16/react-v0.12-rc1 |
61.01 KB (🟡 +25 B) |
145.68 KB |
/blog/2014/10/17/community-roundup-23 |
61.58 KB (🟡 +25 B) |
146.24 KB |
/blog/2014/10/27/react-js-conf |
58.18 KB (🟡 +25 B) |
142.85 KB |
/blog/2014/10/28/react-v0.12 |
60.95 KB (🟡 +25 B) |
145.62 KB |
/blog/2014/11/24/react-js-conf-updates |
58.57 KB (🟡 +25 B) |
143.23 KB |
/blog/2014/11/25/community-roundup-24 |
61.81 KB (🟡 +25 B) |
146.47 KB |
/blog/2014/12/18/react-v0.12.2 |
58.6 KB (🟡 +25 B) |
143.26 KB |
/blog/2014/12/19/react-js-conf-diversity-scholarship |
58.99 KB (🟡 +25 B) |
143.66 KB |
/blog/2015/01/27/react-v0.13.0-beta-1 |
59.96 KB (🟡 +25 B) |
144.63 KB |
/blog/2015/02/18/react-conf-roundup-2015 |
61.94 KB (🟡 +25 B) |
146.61 KB |
/blog/2015/02/20/introducing-relay-and-graphql |
61.1 KB (🟡 +25 B) |
145.76 KB |
/blog/2015/02/24/react-v0.13-rc1 |
60 KB (🟡 +25 B) |
144.66 KB |
/blog/2015/02/24/streamlining-react-elements |
62.55 KB (🟡 +25 B) |
147.22 KB |
/blog/2015/03/03/react-v0.13-rc2 |
59.33 KB (🟡 +25 B) |
144 KB |
/blog/2015/03/04/community-roundup-25 |
60.29 KB (🟡 +25 B) |
144.96 KB |
/blog/2015/03/10/react-v0.13 |
60.61 KB (🟡 +25 B) |
145.28 KB |
/blog/2015/03/16/react-v0.13.1 |
58.43 KB (🟡 +25 B) |
143.1 KB |
/blog/2015/03/19/building-the-facebook-news-feed-with-relay |
61.19 KB (🟡 +25 B) |
145.86 KB |
/blog/2015/03/26/introducing-react-native |
58.33 KB (🟡 +25 B) |
142.99 KB |
/blog/2015/03/30/community-roundup-26 |
60.26 KB (🟡 +25 B) |
144.92 KB |
/blog/2015/04/17/react-native-v0.4 |
59.17 KB (🟡 +25 B) |
143.84 KB |
/blog/2015/04/18/react-v0.13.2 |
58.51 KB (🟡 +25 B) |
143.18 KB |
/blog/2015/05/01/graphql-introduction |
63 KB (🟡 +25 B) |
147.67 KB |
/blog/2015/05/08/react-v0.13.3 |
58.39 KB (🟡 +25 B) |
143.06 KB |
/blog/2015/05/22/react-native-release-process |
58.55 KB (🟡 +25 B) |
143.22 KB |
/blog/2015/06/12/deprecating-jstransform-and-react-tools |
59 KB (🟡 +25 B) |
143.67 KB |
/blog/2015/07/03/react-v0.14-beta-1 |
60.51 KB (🟡 +25 B) |
145.18 KB |
/blog/2015/08/03/new-react-devtools-beta |
59.11 KB (🟡 +25 B) |
143.78 KB |
/blog/2015/08/11/relay-technical-preview |
59.18 KB (🟡 +25 B) |
143.84 KB |
/blog/2015/08/13/reacteurope-roundup |
60.76 KB (🟡 +25 B) |
145.43 KB |
/blog/2015/09/02/new-react-developer-tools |
58.53 KB (🟡 +25 B) |
143.19 KB |
/blog/2015/09/10/react-v0.14-rc1 |
64.22 KB (🟡 +25 B) |
148.88 KB |
/blog/2015/09/14/community-roundup-27 |
60.69 KB (🟡 +25 B) |
145.36 KB |
/blog/2015/10/01/react-render-and-top-level-api |
59.66 KB (🟡 +25 B) |
144.33 KB |
/blog/2015/10/07/react-v0.14 |
64.7 KB (🟡 +25 B) |
149.37 KB |
/blog/2015/10/19/reactiflux-is-moving-to-discord |
60.41 KB (🟡 +25 B) |
145.08 KB |
/blog/2015/10/28/react-v0.14.1 |
58.42 KB (🟡 +25 B) |
143.09 KB |
/blog/2015/11/02/react-v0.14.2 |
58.45 KB (🟡 +25 B) |
143.12 KB |
/blog/2015/11/18/react-v0.14.3 |
58.57 KB (🟡 +25 B) |
143.24 KB |
/blog/2015/12/04/react-js-conf-2016-diversity-scholarship |
59.45 KB (🟡 +25 B) |
144.11 KB |
/blog/2015/12/16/ismounted-antipattern |
59.05 KB (🟡 +25 B) |
143.71 KB |
/blog/2015/12/18/react-components-elements-and-instances |
62.97 KB (🟡 +25 B) |
147.64 KB |
/blog/2015/12/29/react-v0.14.4 |
58.24 KB (🟡 +25 B) |
142.91 KB |
/blog/2016/01/08/A-implies-B-does-not-imply-B-implies-A |
59.26 KB (🟡 +25 B) |
143.93 KB |
/blog/2016/01/12/discontinuing-ie8-support |
58.07 KB (🟡 +25 B) |
142.74 KB |
/blog/2016/02/19/new-versioning-scheme |
59.45 KB (🟡 +25 B) |
144.12 KB |
/blog/2016/03/07/react-v15-rc1 |
62.2 KB (🟡 +25 B) |
146.87 KB |
/blog/2016/03/16/react-v15-rc2 |
59.06 KB (🟡 +25 B) |
143.73 KB |
/blog/2016/03/29/react-v0.14.8 |
58.2 KB (🟡 +25 B) |
142.87 KB |
/blog/2016/04/07/react-v15 |
66.39 KB (🟡 +25 B) |
151.06 KB |
/blog/2016/04/08/react-v15.0.1 |
58.96 KB (🟡 +25 B) |
143.62 KB |
/blog/2016/07/11/introducing-reacts-error-code-system |
58.67 KB (🟡 +25 B) |
143.34 KB |
/blog/2016/07/13/mixins-considered-harmful |
66.82 KB (🟡 +25 B) |
151.49 KB |
/blog/2016/07/22/create-apps-with-no-configuration |
62.15 KB (🟡 +25 B) |
146.82 KB |
/blog/2016/08/05/relay-state-of-the-state |
62.19 KB (🟡 +25 B) |
146.86 KB |
/blog/2016/09/28/our-first-50000-stars |
63.64 KB (🟡 +25 B) |
148.3 KB |
/blog/2016/11/16/react-v15.4.0 |
61.59 KB (🟡 +25 B) |
146.25 KB |
/blog/2017/04/07/react-v15.5.0 |
62.15 KB (🟡 +25 B) |
146.82 KB |
/blog/2017/05/18/whats-new-in-create-react-app |
61.55 KB (🟡 +25 B) |
146.22 KB |
/blog/2017/06/13/react-v15.6.0 |
60.17 KB (🟡 +25 B) |
144.84 KB |
/blog/2017/07/26/error-handling-in-react-16 |
60.52 KB (🟡 +25 B) |
145.19 KB |
/blog/2017/09/08/dom-attributes-in-react-16 |
60.95 KB (🟡 +25 B) |
145.62 KB |
/blog/2017/09/25/react-v15.6.2 |
59.28 KB (🟡 +25 B) |
143.95 KB |
/blog/2017/09/26/react-v16.0 |
64.41 KB (🟡 +25 B) |
149.08 KB |
/blog/2017/11/28/react-v16.2.0-fragment-support |
62.35 KB (🟡 +25 B) |
147.02 KB |
/blog/2017/12/07/introducing-the-react-rfc-process |
58.87 KB (🟡 +25 B) |
143.54 KB |
/blog/2017/12/15/improving-the-repository-infrastructure |
74.65 KB (🟡 +25 B) |
159.32 KB |
/blog/2018/03/01/sneak-peek-beyond-react-16 |
58.82 KB (🟡 +25 B) |
143.49 KB |
/blog/2018/03/27/update-on-async-rendering |
64.07 KB (🟡 +25 B) |
148.74 KB |
/blog/2018/03/29/react-v-16-3 |
60.89 KB (🟡 +25 B) |
145.55 KB |
/blog/2018/05/23/react-v-16-4 |
61.02 KB (🟡 +25 B) |
145.69 KB |
/blog/2018/06/07/you-probably-dont-need-derived-state |
64.69 KB (🟡 +25 B) |
149.35 KB |
/blog/2018/08/01/react-v-16-4-2 |
59.68 KB (🟡 +25 B) |
144.34 KB |
/blog/2018/09/10/introducing-the-react-profiler |
61.29 KB (🟡 +25 B) |
145.95 KB |
/blog/2018/10/01/create-react-app-v2 |
61.76 KB (🟡 +25 B) |
146.43 KB |
/blog/2018/10/23/react-v-16-6 |
60.96 KB (🟡 +25 B) |
145.63 KB |
/blog/2018/11/13/react-conf-recap |
58.68 KB (🟡 +25 B) |
143.34 KB |
/blog/2018/11/27/react-16-roadmap |
64.87 KB (🟡 +25 B) |
149.54 KB |
/blog/2018/12/19/react-v-16-7 |
59.8 KB (🟡 +25 B) |
144.47 KB |
/blog/2019/02/06/react-v16.8.0 |
62.07 KB (🟡 +25 B) |
146.73 KB |
/blog/2019/02/23/is-react-translated-yet |
61.63 KB (🟡 +25 B) |
146.29 KB |
/blog/2019/08/08/react-v16.9.0 |
64.56 KB (🟡 +25 B) |
149.23 KB |
/blog/2019/08/15/new-react-devtools |
59.17 KB (🟡 +25 B) |
143.84 KB |
/blog/2019/10/22/react-release-channels |
60.99 KB (🟡 +25 B) |
145.66 KB |
/blog/2019/11/06/building-great-user-experiences-with-concurrent-mode-and-suspense |
65.68 KB (🟡 +25 B) |
150.35 KB |
/blog/2020/02/26/react-v16.13.0 |
61.9 KB (🟡 +25 B) |
146.57 KB |
/blog/2020/08/10/react-v17-rc |
68.19 KB (🟡 +25 B) |
152.86 KB |
/blog/all |
56.47 KB (🟡 +25 B) |
141.14 KB |
/community |
47.69 KB (🟡 +25 B) |
132.35 KB |
/community/acknowledgements |
48.87 KB (🟡 +25 B) |
133.54 KB |
/community/meet-the-team |
49.57 KB (🟡 +25 B) |
134.24 KB |
/learn |
52.64 KB (🟡 +25 B) |
137.31 KB |
/learn/add-react-to-a-website |
52.76 KB (🟡 +25 B) |
137.43 KB |
/learn/adding-interactivity |
54.33 KB (🟡 +25 B) |
139 KB |
/learn/choosing-the-state-structure |
60.05 KB (🟡 +25 B) |
144.72 KB |
/learn/conditional-rendering |
52.28 KB (🟡 +25 B) |
136.95 KB |
/learn/describing-the-ui |
51.5 KB (🟡 +25 B) |
136.17 KB |
/learn/editor-setup |
48.96 KB (🟡 +25 B) |
133.63 KB |
/learn/escape-hatches |
47.01 KB (🟡 +25 B) |
131.68 KB |
/learn/extracting-state-logic-into-a-reducer |
57.69 KB (🟡 +25 B) |
142.36 KB |
/learn/importing-and-exporting-components |
50.68 KB (🟡 +25 B) |
135.35 KB |
/learn/installation |
48.29 KB (🟡 +25 B) |
132.96 KB |
/learn/javascript-in-jsx-with-curly-braces |
50.76 KB (🟡 +25 B) |
135.42 KB |
/learn/keeping-components-pure |
54.89 KB (🟡 +25 B) |
139.55 KB |
/learn/managing-state |
53.61 KB (🟡 +25 B) |
138.28 KB |
/learn/manipulating-the-dom-with-refs |
55.86 KB (🟡 +25 B) |
140.52 KB |
/learn/passing-data-deeply-with-context |
55.4 KB (🟡 +25 B) |
140.07 KB |
/learn/passing-props-to-a-component |
54.46 KB (🟡 +25 B) |
139.12 KB |
/learn/preserving-and-resetting-state |
58.43 KB (🟡 +25 B) |
143.09 KB |
/learn/queueing-a-series-of-state-updates |
52.25 KB (🟡 +25 B) |
136.92 KB |
/learn/react-developer-tools |
48.25 KB (🟡 +25 B) |
132.92 KB |
/learn/reacting-to-input-with-state |
56.86 KB (🟡 +25 B) |
141.53 KB |
/learn/referencing-values-with-refs |
53.77 KB (🟡 +25 B) |
138.44 KB |
/learn/render-and-commit |
50.75 KB (🟡 +25 B) |
135.42 KB |
/learn/rendering-lists |
54.84 KB (🟡 +25 B) |
139.51 KB |
/learn/responding-to-events |
53.78 KB (🟡 +25 B) |
138.44 KB |
/learn/scaling-up-with-reducer-and-context |
51.82 KB (🟡 +25 B) |
136.49 KB |
/learn/sharing-state-between-components |
52.9 KB (🟡 +25 B) |
137.57 KB |
/learn/start-a-new-react-project |
49.32 KB (🟡 +25 B) |
133.99 KB |
/learn/state-a-components-memory |
57.98 KB (🟡 +25 B) |
142.65 KB |
/learn/state-as-a-snapshot |
51.55 KB (🟡 +25 B) |
136.22 KB |
/learn/synchronizing-with-effects |
64.63 KB (🟡 +29 B) |
149.3 KB |
/learn/thinking-in-react |
53.62 KB (🟡 +25 B) |
138.29 KB |
/learn/updating-arrays-in-state |
55.85 KB (🟡 +25 B) |
140.52 KB |
/learn/updating-objects-in-state |
55.58 KB (🟡 +25 B) |
140.25 KB |
/learn/writing-markup-with-jsx |
51 KB (🟡 +25 B) |
135.67 KB |
/learn/you-might-not-need-an-effect |
64.13 KB (🟡 +1.21 KB) |
148.8 KB |
/learn/your-first-component |
51.59 KB (🟡 +25 B) |
136.26 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.
![github-actions[bot] avatar](https://avatars.githubusercontent.com/in/15368?v=4 "Published by a pub.dev verified publisher"){kind=small}