Skip to content

[Beta] Reusing Logic with Custom Hooks #4958

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Merged
merged 1 commit into from
Sep 2, 2022
Merged

[Beta] Reusing Logic with Custom Hooks #4958

merged 1 commit into from
Sep 2, 2022

Conversation

gaearon
Copy link
Member

@gaearon gaearon commented Sep 1, 2022

  • Content
  • Challenges

Preview

@github-actions github-actions bot added the beta label Sep 1, 2022
@github-actions
Copy link

github-actions bot commented Sep 1, 2022 •
edited
Loading

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/reusing-logic-with-custom-hooks 58.47 KB 141.12 KB

Two Hundred Thirty-three Pages Changed Size

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

Page Size (compressed) First Load
/ 48.58 KB (🟡 +30 B) 131.22 KB
/404 47.68 KB (🟡 +30 B) 130.32 KB
/apis/react 49.88 KB (🟡 +30 B) 132.52 KB
/apis/react-dom 48.9 KB (🟡 +30 B) 131.55 KB
/apis/react-dom/client/createRoot 53.31 KB (🟡 +30 B) 135.96 KB
/apis/react-dom/client/hydrateRoot 51.52 KB (🟡 +30 B) 134.17 KB
/apis/react-dom/createPortal 47.88 KB (🟡 +30 B) 130.53 KB
/apis/react-dom/findDOMNode 48.14 KB (🟡 +30 B) 130.78 KB
/apis/react-dom/flushSync 47.89 KB (🟡 +30 B) 130.53 KB
/apis/react-dom/hydrate 50.77 KB (🟡 +30 B) 133.41 KB
/apis/react-dom/render 50.64 KB (🟡 +30 B) 133.28 KB
/apis/react-dom/server/renderToNodeStream 47.87 KB (🟡 +30 B) 130.51 KB
/apis/react-dom/server/renderToPipeableStream 47.87 KB (🟡 +30 B) 130.51 KB
/apis/react-dom/server/renderToReadableStream 48 KB (🟡 +30 B) 130.65 KB
/apis/react-dom/server/renderToStaticMarkup 48.07 KB (🟡 +30 B) 130.72 KB
/apis/react-dom/server/renderToStaticNodeStream 48.01 KB (🟡 +30 B) 130.65 KB
/apis/react-dom/server/renderToString 47.98 KB (🟡 +30 B) 130.62 KB
/apis/react-dom/unmountComponentAtNode 47.97 KB (🟡 +30 B) 130.61 KB
/apis/react/Children 47.86 KB (🟡 +30 B) 130.5 KB
/apis/react/Component 47.98 KB (🟡 +30 B) 130.62 KB
/apis/react/Fragment 49.04 KB (🟡 +30 B) 131.68 KB
/apis/react/PureComponent 48.05 KB (🟡 +30 B) 130.69 KB
/apis/react/StrictMode 47.75 KB (🟡 +30 B) 130.4 KB
/apis/react/Suspense 47.83 KB (🟡 +30 B) 130.47 KB
/apis/react/cloneElement 47.83 KB (🟡 +30 B) 130.47 KB
/apis/react/createContext 50.22 KB (🟡 +30 B) 132.86 KB
/apis/react/createElement 47.83 KB (🟡 +30 B) 130.48 KB
/apis/react/createFactory 47.83 KB (🟡 +30 B) 130.47 KB
/apis/react/createRef 47.82 KB (🟡 +30 B) 130.46 KB
/apis/react/forwardRef 47.96 KB (🟡 +30 B) 130.6 KB
/apis/react/isValidElement 47.86 KB (🟡 +30 B) 130.5 KB
/apis/react/lazy 47.95 KB (🟡 +30 B) 130.6 KB
/apis/react/memo 47.85 KB (🟡 +30 B) 130.49 KB
/apis/react/startTransition 47.83 KB (🟡 +30 B) 130.47 KB
/apis/react/useCallback 47.85 KB (🟡 +30 B) 130.49 KB
/apis/react/useContext 56.17 KB (🟡 +30 B) 138.81 KB
/apis/react/useDebugValue 47.88 KB (🟡 +30 B) 130.53 KB
/apis/react/useDeferredValue 47.98 KB (🟡 +30 B) 130.62 KB
/apis/react/useEffect 47.83 KB (🟡 +30 B) 130.48 KB
/apis/react/useId 47.97 KB (🟡 +30 B) 130.61 KB
/apis/react/useImperativeHandle 47.84 KB (🟡 +30 B) 130.48 KB
/apis/react/useInsertionEffect 48.09 KB (🟡 +30 B) 130.74 KB
/apis/react/useLayoutEffect 47.84 KB (🟡 +30 B) 130.48 KB
/apis/react/useMemo 47.85 KB (🟡 +30 B) 130.49 KB
/apis/react/useReducer 55.81 KB (🟡 +30 B) 138.45 KB
/apis/react/useRef 53.5 KB (🟡 +30 B) 136.14 KB
/apis/react/useState 59.45 KB (🟡 +30 B) 142.09 KB
/apis/react/useSyncExternalStore 47.98 KB (🟡 +30 B) 130.63 KB
/apis/react/useTransition 47.84 KB (🟡 +30 B) 130.49 KB
/blog 40.99 KB (🟡 +30 B) 123.63 KB
/blog/2013/06/02/jsfiddle-integration 58.49 KB (🟡 +30 B) 141.13 KB
/blog/2013/06/05/why-react 60.22 KB (🟡 +30 B) 142.86 KB
/blog/2013/06/12/community-roundup 59.92 KB (🟡 +30 B) 142.56 KB
/blog/2013/06/19/community-roundup-2 60.58 KB (🟡 +30 B) 143.23 KB
/blog/2013/06/21/react-v0-3-3 58.64 KB (🟡 +30 B) 141.28 KB
/blog/2013/06/27/community-roundup-3 60.95 KB (🟡 +30 B) 143.6 KB
/blog/2013/07/02/react-v0-4-autobind-by-default 59.25 KB (🟡 +30 B) 141.9 KB
/blog/2013/07/03/community-roundup-4 60.32 KB (🟡 +30 B) 142.97 KB
/blog/2013/07/11/react-v0-4-prop-validation-and-default-values 59.13 KB (🟡 +30 B) 141.77 KB
/blog/2013/07/17/react-v0-4-0 59.84 KB (🟡 +30 B) 142.48 KB
/blog/2013/07/23/community-roundup-5 60.71 KB (🟡 +30 B) 143.36 KB
/blog/2013/07/26/react-v0-4-1 58.6 KB (🟡 +30 B) 141.24 KB
/blog/2013/07/30/use-react-and-jsx-in-ruby-on-rails 59.2 KB (🟡 +30 B) 141.84 KB
/blog/2013/08/05/community-roundup-6 60.01 KB (🟡 +30 B) 142.65 KB
/blog/2013/08/19/use-react-and-jsx-in-python-applications 59.22 KB (🟡 +30 B) 141.86 KB
/blog/2013/08/26/community-roundup-7 60.18 KB (🟡 +30 B) 142.82 KB
/blog/2013/09/24/community-roundup-8 61.61 KB (🟡 +30 B) 144.25 KB
/blog/2013/10/03/community-roundup-9 60.54 KB (🟡 +30 B) 143.19 KB
/blog/2013/10/16/react-v0.5.0 60.23 KB (🟡 +30 B) 142.88 KB
/blog/2013/10/29/react-v0-5-1 58.59 KB (🟡 +30 B) 141.23 KB
/blog/2013/11/06/community-roundup-10 62.21 KB (🟡 +30 B) 144.85 KB
/blog/2013/11/18/community-roundup-11 61.29 KB (🟡 +30 B) 143.93 KB
/blog/2013/12/18/react-v0.5.2-v0.4.2 59.06 KB (🟡 +30 B) 141.71 KB
/blog/2013/12/19/react-v0.8.0 59.48 KB (🟡 +30 B) 142.13 KB
/blog/2013/12/23/community-roundup-12 60.94 KB (🟡 +30 B) 143.58 KB
/blog/2013/12/30/community-roundup-13 60.72 KB (🟡 +30 B) 143.36 KB
/blog/2014/01/02/react-chrome-developer-tools 58.98 KB (🟡 +30 B) 141.62 KB
/blog/2014/01/06/community-roundup-14 60.32 KB (🟡 +30 B) 142.96 KB
/blog/2014/02/05/community-roundup-15 61.54 KB (🟡 +30 B) 144.18 KB
/blog/2014/02/15/community-roundup-16 61.24 KB (🟡 +30 B) 143.89 KB
/blog/2014/02/16/react-v0.9-rc1 61.65 KB (🟡 +30 B) 144.3 KB
/blog/2014/02/20/react-v0.9 62.1 KB (🟡 +30 B) 144.74 KB
/blog/2014/02/24/community-roundup-17 60.96 KB (🟡 +30 B) 143.6 KB
/blog/2014/03/14/community-roundup-18 61.93 KB (🟡 +30 B) 144.57 KB
/blog/2014/03/19/react-v0.10-rc1 60.24 KB (🟡 +30 B) 142.88 KB
/blog/2014/03/21/react-v0.10 60.26 KB (🟡 +30 B) 142.9 KB
/blog/2014/03/28/the-road-to-1.0 60.37 KB (🟡 +30 B) 143.01 KB
/blog/2014/04/04/reactnet 59.02 KB (🟡 +30 B) 141.66 KB
/blog/2014/05/06/flux 59.14 KB (🟡 +30 B) 141.78 KB
/blog/2014/05/29/one-year-of-open-source-react 59.36 KB (🟡 +30 B) 142.01 KB
/blog/2014/06/27/community-roundup-19 60.91 KB (🟡 +30 B) 143.55 KB
/blog/2014/07/13/react-v0.11-rc1 61.29 KB (🟡 +30 B) 143.93 KB
/blog/2014/07/17/react-v0.11 62.54 KB (🟡 +30 B) 145.19 KB
/blog/2014/07/25/react-v0.11.1 59.49 KB (🟡 +30 B) 142.14 KB
/blog/2014/07/28/community-roundup-20 61.05 KB (🟡 +30 B) 143.69 KB
/blog/2014/07/30/flux-actions-and-the-dispatcher 60.68 KB (🟡 +30 B) 143.33 KB
/blog/2014/08/03/community-roundup-21 60.72 KB (🟡 +30 B) 143.36 KB
/blog/2014/09/03/introducing-the-jsx-specification 58.72 KB (🟡 +30 B) 141.36 KB
/blog/2014/09/12/community-round-up-22 61.2 KB (🟡 +30 B) 143.84 KB
/blog/2014/09/16/react-v0.11.2 59.49 KB (🟡 +30 B) 142.14 KB
/blog/2014/09/24/testing-flux-applications 62.67 KB (🟡 +30 B) 145.32 KB
/blog/2014/10/14/introducing-react-elements 61.63 KB (🟡 +30 B) 144.27 KB
/blog/2014/10/16/react-v0.12-rc1 61.59 KB (🟡 +30 B) 144.24 KB
/blog/2014/10/17/community-roundup-23 62.16 KB (🟡 +30 B) 144.81 KB
/blog/2014/10/27/react-js-conf 58.77 KB (🟡 +30 B) 141.41 KB
/blog/2014/10/28/react-v0.12 61.54 KB (🟡 +30 B) 144.18 KB
/blog/2014/11/24/react-js-conf-updates 59.15 KB (🟡 +30 B) 141.8 KB
/blog/2014/11/25/community-roundup-24 62.39 KB (🟡 +30 B) 145.04 KB
/blog/2014/12/18/react-v0.12.2 59.18 KB (🟡 +30 B) 141.83 KB
/blog/2014/12/19/react-js-conf-diversity-scholarship 59.58 KB (🟡 +30 B) 142.22 KB
/blog/2015/01/27/react-v0.13.0-beta-1 60.54 KB (🟡 +30 B) 143.19 KB
/blog/2015/02/18/react-conf-roundup-2015 62.53 KB (🟡 +30 B) 145.17 KB
/blog/2015/02/20/introducing-relay-and-graphql 61.68 KB (🟡 +30 B) 144.33 KB
/blog/2015/02/24/react-v0.13-rc1 60.58 KB (🟡 +30 B) 143.22 KB
/blog/2015/02/24/streamlining-react-elements 63.13 KB (🟡 +30 B) 145.78 KB
/blog/2015/03/03/react-v0.13-rc2 59.92 KB (🟡 +30 B) 142.56 KB
/blog/2015/03/04/community-roundup-25 60.88 KB (🟡 +30 B) 143.52 KB
/blog/2015/03/10/react-v0.13 61.2 KB (🟡 +30 B) 143.84 KB
/blog/2015/03/16/react-v0.13.1 59.02 KB (🟡 +30 B) 141.66 KB
/blog/2015/03/19/building-the-facebook-news-feed-with-relay 61.77 KB (🟡 +30 B) 144.42 KB
/blog/2015/03/26/introducing-react-native 58.91 KB (🟡 +30 B) 141.56 KB
/blog/2015/03/30/community-roundup-26 60.84 KB (🟡 +30 B) 143.49 KB
/blog/2015/04/17/react-native-v0.4 59.76 KB (🟡 +30 B) 142.4 KB
/blog/2015/04/18/react-v0.13.2 59.09 KB (🟡 +30 B) 141.74 KB
/blog/2015/05/01/graphql-introduction 63.59 KB (🟡 +30 B) 146.23 KB
/blog/2015/05/08/react-v0.13.3 58.98 KB (🟡 +30 B) 141.62 KB
/blog/2015/05/22/react-native-release-process 59.14 KB (🟡 +30 B) 141.78 KB
/blog/2015/06/12/deprecating-jstransform-and-react-tools 59.59 KB (🟡 +30 B) 142.23 KB
/blog/2015/07/03/react-v0.14-beta-1 61.09 KB (🟡 +30 B) 143.74 KB
/blog/2015/08/03/new-react-devtools-beta 59.7 KB (🟡 +30 B) 142.34 KB
/blog/2015/08/11/relay-technical-preview 59.76 KB (🟡 +30 B) 142.41 KB
/blog/2015/08/13/reacteurope-roundup 61.35 KB (🟡 +30 B) 143.99 KB
/blog/2015/09/02/new-react-developer-tools 59.11 KB (🟡 +30 B) 141.76 KB
/blog/2015/09/10/react-v0.14-rc1 64.8 KB (🟡 +30 B) 147.45 KB
/blog/2015/09/14/community-roundup-27 61.27 KB (🟡 +30 B) 143.92 KB
/blog/2015/10/01/react-render-and-top-level-api 60.25 KB (🟡 +30 B) 142.89 KB
/blog/2015/10/07/react-v0.14 65.28 KB (🟡 +30 B) 147.93 KB
/blog/2015/10/19/reactiflux-is-moving-to-discord 61 KB (🟡 +30 B) 143.64 KB
/blog/2015/10/28/react-v0.14.1 59.01 KB (🟡 +30 B) 141.65 KB
/blog/2015/11/02/react-v0.14.2 59.04 KB (🟡 +30 B) 141.68 KB
/blog/2015/11/18/react-v0.14.3 59.16 KB (🟡 +30 B) 141.8 KB
/blog/2015/12/04/react-js-conf-2016-diversity-scholarship 60.03 KB (🟡 +30 B) 142.68 KB
/blog/2015/12/16/ismounted-antipattern 59.63 KB (🟡 +30 B) 142.28 KB
/blog/2015/12/18/react-components-elements-and-instances 63.55 KB (🟡 +30 B) 146.2 KB
/blog/2015/12/29/react-v0.14.4 58.83 KB (🟡 +30 B) 141.47 KB
/blog/2016/01/08/A-implies-B-does-not-imply-B-implies-A 59.85 KB (🟡 +30 B) 142.49 KB
/blog/2016/01/12/discontinuing-ie8-support 58.66 KB (🟡 +30 B) 141.3 KB
/blog/2016/02/19/new-versioning-scheme 60.04 KB (🟡 +30 B) 142.68 KB
/blog/2016/03/07/react-v15-rc1 62.79 KB (🟡 +30 B) 145.43 KB
/blog/2016/03/16/react-v15-rc2 59.65 KB (🟡 +30 B) 142.29 KB
/blog/2016/03/29/react-v0.14.8 58.79 KB (🟡 +30 B) 141.43 KB
/blog/2016/04/07/react-v15 66.98 KB (🟡 +30 B) 149.62 KB
/blog/2016/04/08/react-v15.0.1 59.54 KB (🟡 +30 B) 142.19 KB
/blog/2016/07/11/introducing-reacts-error-code-system 59.25 KB (🟡 +30 B) 141.9 KB
/blog/2016/07/13/mixins-considered-harmful 67.4 KB (🟡 +30 B) 150.05 KB
/blog/2016/07/22/create-apps-with-no-configuration 62.73 KB (🟡 +30 B) 145.38 KB
/blog/2016/08/05/relay-state-of-the-state 62.77 KB (🟡 +30 B) 145.42 KB
/blog/2016/09/28/our-first-50000-stars 64.22 KB (🟡 +30 B) 146.87 KB
/blog/2016/11/16/react-v15.4.0 62.17 KB (🟡 +30 B) 144.82 KB
/blog/2017/04/07/react-v15.5.0 62.74 KB (🟡 +30 B) 145.38 KB
/blog/2017/05/18/whats-new-in-create-react-app 62.14 KB (🟡 +30 B) 144.78 KB
/blog/2017/06/13/react-v15.6.0 60.76 KB (🟡 +30 B) 143.4 KB
/blog/2017/07/26/error-handling-in-react-16 61.11 KB (🟡 +30 B) 143.75 KB
/blog/2017/09/08/dom-attributes-in-react-16 61.54 KB (🟡 +30 B) 144.18 KB
/blog/2017/09/25/react-v15.6.2 59.87 KB (🟡 +30 B) 142.51 KB
/blog/2017/09/26/react-v16.0 65 KB (🟡 +30 B) 147.64 KB
/blog/2017/11/28/react-v16.2.0-fragment-support 62.93 KB (🟡 +30 B) 145.58 KB
/blog/2017/12/07/introducing-the-react-rfc-process 59.46 KB (🟡 +30 B) 142.1 KB
/blog/2017/12/15/improving-the-repository-infrastructure 75.24 KB (🟡 +30 B) 157.88 KB
/blog/2018/03/01/sneak-peek-beyond-react-16 59.41 KB (🟡 +30 B) 142.05 KB
/blog/2018/03/27/update-on-async-rendering 64.65 KB (🟡 +30 B) 147.3 KB
/blog/2018/03/29/react-v-16-3 61.47 KB (🟡 +30 B) 144.12 KB
/blog/2018/05/23/react-v-16-4 61.61 KB (🟡 +30 B) 144.25 KB
/blog/2018/06/07/you-probably-dont-need-derived-state 65.27 KB (🟡 +30 B) 147.92 KB
/blog/2018/08/01/react-v-16-4-2 60.26 KB (🟡 +30 B) 142.91 KB
/blog/2018/09/10/introducing-the-react-profiler 61.87 KB (🟡 +30 B) 144.51 KB
/blog/2018/10/01/create-react-app-v2 62.35 KB (🟡 +30 B) 144.99 KB
/blog/2018/10/23/react-v-16-6 61.55 KB (🟡 +30 B) 144.19 KB
/blog/2018/11/13/react-conf-recap 59.26 KB (🟡 +30 B) 141.91 KB
/blog/2018/11/27/react-16-roadmap 65.45 KB (🟡 +30 B) 148.1 KB
/blog/2018/12/19/react-v-16-7 60.38 KB (🟡 +30 B) 143.03 KB
/blog/2019/02/06/react-v16.8.0 62.65 KB (🟡 +30 B) 145.29 KB
/blog/2019/02/23/is-react-translated-yet 62.21 KB (🟡 +30 B) 144.86 KB
/blog/2019/08/08/react-v16.9.0 65.14 KB (🟡 +30 B) 147.79 KB
/blog/2019/08/15/new-react-devtools 59.75 KB (🟡 +30 B) 142.4 KB
/blog/2019/10/22/react-release-channels 61.57 KB (🟡 +30 B) 144.22 KB
/blog/2019/11/06/building-great-user-experiences-with-concurrent-mode-and-suspense 66.27 KB (🟡 +30 B) 148.91 KB
/blog/2020/02/26/react-v16.13.0 62.49 KB (🟡 +30 B) 145.13 KB
/blog/2020/08/10/react-v17-rc 68.77 KB (🟡 +30 B) 151.42 KB
/blog/all 57.01 KB (🟡 +30 B) 139.66 KB
/community 48.27 KB (🟡 +30 B) 130.92 KB
/community/acknowledgements 49.48 KB (🟡 +30 B) 132.12 KB
/community/meet-the-team 50.16 KB (🟡 +30 B) 132.8 KB
/learn 53.22 KB (🟡 +30 B) 135.87 KB
/learn/add-react-to-a-website 53.35 KB (🟡 +30 B) 135.99 KB
/learn/adding-interactivity 54.92 KB (🟡 +30 B) 137.56 KB
/learn/choosing-the-state-structure 60.64 KB (-6 B) 143.28 KB
/learn/conditional-rendering 52.87 KB (🟡 +30 B) 135.51 KB
/learn/describing-the-ui 52.08 KB (🟡 +30 B) 134.73 KB
/learn/editor-setup 49.55 KB (🟡 +30 B) 132.19 KB
/learn/escape-hatches 47.6 KB (🟡 +30 B) 130.24 KB
/learn/extracting-state-logic-into-a-reducer 58.28 KB (🟡 +30 B) 140.92 KB
/learn/importing-and-exporting-components 51.27 KB (🟡 +30 B) 133.91 KB
/learn/installation 48.88 KB (🟡 +30 B) 131.52 KB
/learn/javascript-in-jsx-with-curly-braces 51.34 KB (🟡 +30 B) 133.99 KB
/learn/keeping-components-pure 55.47 KB (🟡 +30 B) 138.12 KB
/learn/lifecycle-of-reactive-effects 62.65 KB (🟡 +30 B) 145.29 KB
/learn/managing-state 54.19 KB (🟡 +30 B) 136.84 KB
/learn/manipulating-the-dom-with-refs 56.44 KB (🟡 +30 B) 139.08 KB
/learn/passing-data-deeply-with-context 55.99 KB (🟡 +30 B) 138.63 KB
/learn/passing-props-to-a-component 55.04 KB (🟡 +30 B) 137.69 KB
/learn/preserving-and-resetting-state 59.01 KB (🟡 +30 B) 141.66 KB
/learn/queueing-a-series-of-state-updates 52.84 KB (🟡 +30 B) 135.48 KB
/learn/react-developer-tools 48.83 KB (🟡 +30 B) 131.48 KB
/learn/reacting-to-input-with-state 57.45 KB (🟡 +30 B) 140.1 KB
/learn/referencing-values-with-refs 54.36 KB (🟡 +30 B) 137 KB
/learn/removing-effect-dependencies 63.77 KB (🟡 +107 B) 146.42 KB
/learn/render-and-commit 51.41 KB (🟡 +30 B) 134.05 KB
/learn/rendering-lists 55.43 KB (🟡 +30 B) 138.07 KB
/learn/responding-to-events 54.36 KB (🟡 +30 B) 137 KB
/learn/scaling-up-with-reducer-and-context 52.41 KB (🟡 +30 B) 135.05 KB
/learn/separating-events-from-effects 60.28 KB (🟡 +30 B) 142.92 KB
/learn/sharing-state-between-components 53.49 KB (🟡 +30 B) 136.13 KB
/learn/start-a-new-react-project 49.91 KB (🟡 +30 B) 132.55 KB
/learn/state-a-components-memory 58.57 KB (🟡 +30 B) 141.21 KB
/learn/state-as-a-snapshot 52.14 KB (🟡 +30 B) 134.78 KB
/learn/synchronizing-with-effects 65.26 KB (🟡 +30 B) 147.9 KB
/learn/thinking-in-react 54.21 KB (🟡 +30 B) 136.85 KB
/learn/updating-arrays-in-state 56.44 KB (🟡 +30 B) 139.08 KB
/learn/updating-objects-in-state 56.17 KB (🟡 +30 B) 138.81 KB
/learn/writing-markup-with-jsx 51.59 KB (🟡 +30 B) 134.23 KB
/learn/you-might-not-need-an-effect 64.64 KB (🟡 +30 B) 147.28 KB
/learn/your-first-component 52.18 KB (🟡 +30 B) 134.82 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.

@gaearon gaearon force-pushed the reusing-hooks branch 2 times, most recently from 78fdf35 to cad0eb4 Compare September 1, 2022 23:48
@gaearon
Copy link
Member Author

gaearon commented Sep 2, 2022

will do challenges later

@gaearon gaearon merged commit 59c68a7 into main Sep 2, 2022
@rickhanlonii rickhanlonii deleted the reusing-hooks branch April 29, 2024 02:58
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers
No reviews
Assignees
No one assigned
Labels
beta CLA Signed React Core Team
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
2 participants
@gaearon @facebook-github-bot