translate Importing and Exporting Components

[carburo]

#500

[github-actions]

Size Changes

Details

📦 Next.js Bundle Analysis

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

Two Hundred Thirty-two 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.67 KB(🟡 +4 B)	133.35 KB
/404	47.76 KB(🟡 +4 B)	132.45 KB
/apis/react	49.97 KB(🟡 +4 B)	134.65 KB
/apis/react-dom	48.99 KB(🟡 +4 B)	133.68 KB
/apis/react-dom/client/createRoot	53.4 KB(🟡 +4 B)	138.09 KB
/apis/react-dom/client/hydrateRoot	51.61 KB(🟡 +4 B)	136.3 KB
/apis/react-dom/createPortal	47.97 KB(🟡 +4 B)	132.66 KB
/apis/react-dom/findDOMNode	48.23 KB(🟡 +4 B)	132.92 KB
/apis/react-dom/flushSync	47.97 KB(🟡 +4 B)	132.66 KB
/apis/react-dom/hydrate	48.04 KB(🟡 +4 B)	132.72 KB
/apis/react-dom/render	50.72 KB(🟡 +4 B)	135.41 KB
/apis/react-dom/server/renderToNodeStream	47.95 KB(🟡 +4 B)	132.64 KB
/apis/react-dom/server/renderToPipeableStream	47.95 KB(🟡 +4 B)	132.64 KB
/apis/react-dom/server/renderToReadableStream	48.09 KB(🟡 +4 B)	132.78 KB
/apis/react-dom/server/renderToStaticMarkup	48.16 KB(🟡 +4 B)	132.85 KB
/apis/react-dom/server/renderToStaticNodeStream	48.1 KB(🟡 +4 B)	132.79 KB
/apis/react-dom/server/renderToString	48.07 KB(🟡 +4 B)	132.75 KB
/apis/react-dom/unmountComponentAtNode	48.06 KB(🟡 +4 B)	132.75 KB
/apis/react/Children	47.95 KB(🟡 +4 B)	132.64 KB
/apis/react/Component	48.06 KB(🟡 +4 B)	132.75 KB
/apis/react/Fragment	48.12 KB(🟡 +4 B)	132.81 KB
/apis/react/PureComponent	48.14 KB(🟡 +4 B)	132.83 KB
/apis/react/StrictMode	47.84 KB(🟡 +4 B)	132.53 KB
/apis/react/Suspense	47.92 KB(🟡 +4 B)	132.61 KB
/apis/react/cloneElement	47.92 KB(🟡 +4 B)	132.61 KB
/apis/react/createContext	50.3 KB(🟡 +4 B)	134.99 KB
/apis/react/createElement	47.92 KB(🟡 +4 B)	132.61 KB
/apis/react/createFactory	47.91 KB(🟡 +4 B)	132.6 KB
/apis/react/createRef	47.91 KB(🟡 +4 B)	132.59 KB
/apis/react/forwardRef	48.04 KB(🟡 +4 B)	132.73 KB
/apis/react/isValidElement	47.95 KB(🟡 +4 B)	132.64 KB
/apis/react/lazy	48.04 KB(🟡 +4 B)	132.73 KB
/apis/react/memo	47.94 KB(🟡 +4 B)	132.63 KB
/apis/react/startTransition	47.91 KB(🟡 +4 B)	132.6 KB
/apis/react/useCallback	47.93 KB(🟡 +4 B)	132.62 KB
/apis/react/useContext	56.26 KB(🟡 +4 B)	140.95 KB
/apis/react/useDebugValue	47.97 KB(🟡 +4 B)	132.66 KB
/apis/react/useDeferredValue	48.07 KB(🟡 +4 B)	132.75 KB
/apis/react/useEffect	47.92 KB(🟡 +4 B)	132.61 KB
/apis/react/useId	48.05 KB(🟡 +4 B)	132.74 KB
/apis/react/useImperativeHandle	47.93 KB(🟡 +4 B)	132.62 KB
/apis/react/useInsertionEffect	48.18 KB(🟡 +4 B)	132.87 KB
/apis/react/useLayoutEffect	47.93 KB(🟡 +4 B)	132.62 KB
/apis/react/useMemo	47.93 KB(🟡 +4 B)	132.62 KB
/apis/react/useReducer	55.9 KB(🟡 +4 B)	140.58 KB
/apis/react/useRef	53.59 KB(🟡 +4 B)	138.28 KB
/apis/react/useState	59.54 KB(🟡 +4 B)	144.22 KB
/apis/react/useSyncExternalStore	48.07 KB(🟡 +4 B)	132.76 KB
/apis/react/useTransition	47.93 KB(🟡 +4 B)	132.62 KB
/blog	41 KB(🟡 +4 B)	125.69 KB
/blog/2013/06/02/jsfiddle-integration	58.58 KB(🟡 +4 B)	143.26 KB
/blog/2013/06/05/why-react	60.3 KB(🟡 +4 B)	144.99 KB
/blog/2013/06/12/community-roundup	60.01 KB(🟡 +4 B)	144.7 KB
/blog/2013/06/19/community-roundup-2	60.67 KB(🟡 +4 B)	145.36 KB
/blog/2013/06/21/react-v0-3-3	58.72 KB(🟡 +4 B)	143.41 KB
/blog/2013/06/27/community-roundup-3	61.04 KB(🟡 +4 B)	145.73 KB
/blog/2013/07/02/react-v0-4-autobind-by-default	59.34 KB(🟡 +4 B)	144.03 KB
/blog/2013/07/03/community-roundup-4	60.41 KB(🟡 +4 B)	145.1 KB
/blog/2013/07/11/react-v0-4-prop-validation-and-default-values	59.21 KB(🟡 +4 B)	143.9 KB
/blog/2013/07/17/react-v0-4-0	59.92 KB(🟡 +4 B)	144.61 KB
/blog/2013/07/23/community-roundup-5	60.8 KB(🟡 +4 B)	145.49 KB
/blog/2013/07/26/react-v0-4-1	58.69 KB(🟡 +4 B)	143.38 KB
/blog/2013/07/30/use-react-and-jsx-in-ruby-on-rails	59.29 KB(🟡 +4 B)	143.98 KB
/blog/2013/08/05/community-roundup-6	60.1 KB(🟡 +4 B)	144.79 KB
/blog/2013/08/19/use-react-and-jsx-in-python-applications	59.3 KB(🟡 +4 B)	143.99 KB
/blog/2013/08/26/community-roundup-7	60.27 KB(🟡 +4 B)	144.95 KB
/blog/2013/09/24/community-roundup-8	61.7 KB(🟡 +4 B)	146.39 KB
/blog/2013/10/03/community-roundup-9	60.63 KB(🟡 +4 B)	145.32 KB
/blog/2013/10/16/react-v0.5.0	60.32 KB(🟡 +4 B)	145.01 KB
/blog/2013/10/29/react-v0-5-1	58.68 KB(🟡 +4 B)	143.37 KB
/blog/2013/11/06/community-roundup-10	62.29 KB(🟡 +4 B)	146.98 KB
/blog/2013/11/18/community-roundup-11	61.38 KB(🟡 +4 B)	146.06 KB
/blog/2013/12/18/react-v0.5.2-v0.4.2	59.15 KB(🟡 +4 B)	143.84 KB
/blog/2013/12/19/react-v0.8.0	59.57 KB(🟡 +4 B)	144.26 KB
/blog/2013/12/23/community-roundup-12	61.03 KB(🟡 +4 B)	145.72 KB
/blog/2013/12/30/community-roundup-13	60.81 KB(🟡 +4 B)	145.5 KB
/blog/2014/01/02/react-chrome-developer-tools	59.07 KB(🟡 +4 B)	143.76 KB
/blog/2014/01/06/community-roundup-14	60.41 KB(🟡 +4 B)	145.09 KB
/blog/2014/02/05/community-roundup-15	61.62 KB(🟡 +4 B)	146.31 KB
/blog/2014/02/15/community-roundup-16	61.33 KB(🟡 +4 B)	146.02 KB
/blog/2014/02/16/react-v0.9-rc1	61.74 KB(🟡 +4 B)	146.43 KB
/blog/2014/02/20/react-v0.9	62.18 KB(🟡 +4 B)	146.87 KB
/blog/2014/02/24/community-roundup-17	61.05 KB(🟡 +4 B)	145.74 KB
/blog/2014/03/14/community-roundup-18	62.02 KB(🟡 +4 B)	146.7 KB
/blog/2014/03/19/react-v0.10-rc1	60.32 KB(🟡 +4 B)	145.01 KB
/blog/2014/03/21/react-v0.10	60.35 KB(🟡 +4 B)	145.04 KB
/blog/2014/03/28/the-road-to-1.0	60.46 KB(🟡 +4 B)	145.15 KB
/blog/2014/04/04/reactnet	59.1 KB(🟡 +4 B)	143.79 KB
/blog/2014/05/06/flux	59.23 KB(🟡 +4 B)	143.91 KB
/blog/2014/05/29/one-year-of-open-source-react	59.45 KB(🟡 +4 B)	144.14 KB
/blog/2014/06/27/community-roundup-19	60.99 KB(🟡 +4 B)	145.68 KB
/blog/2014/07/13/react-v0.11-rc1	61.38 KB(🟡 +4 B)	146.07 KB
/blog/2014/07/17/react-v0.11	62.63 KB(🟡 +4 B)	147.32 KB
/blog/2014/07/25/react-v0.11.1	59.58 KB(🟡 +4 B)	144.27 KB
/blog/2014/07/28/community-roundup-20	61.13 KB(🟡 +4 B)	145.82 KB
/blog/2014/07/30/flux-actions-and-the-dispatcher	60.77 KB(🟡 +4 B)	145.46 KB
/blog/2014/08/03/community-roundup-21	60.8 KB(🟡 +4 B)	145.49 KB
/blog/2014/09/03/introducing-the-jsx-specification	58.81 KB(🟡 +4 B)	143.5 KB
/blog/2014/09/12/community-round-up-22	61.28 KB(🟡 +4 B)	145.97 KB
/blog/2014/09/16/react-v0.11.2	59.58 KB(🟡 +4 B)	144.27 KB
/blog/2014/09/24/testing-flux-applications	62.76 KB(🟡 +4 B)	147.45 KB
/blog/2014/10/14/introducing-react-elements	61.71 KB(🟡 +4 B)	146.4 KB
/blog/2014/10/16/react-v0.12-rc1	61.68 KB(🟡 +4 B)	146.37 KB
/blog/2014/10/17/community-roundup-23	62.25 KB(🟡 +4 B)	146.94 KB
/blog/2014/10/27/react-js-conf	58.85 KB(🟡 +4 B)	143.54 KB
/blog/2014/10/28/react-v0.12	61.62 KB(🟡 +4 B)	146.31 KB
/blog/2014/11/24/react-js-conf-updates	59.24 KB(🟡 +4 B)	143.93 KB
/blog/2014/11/25/community-roundup-24	62.48 KB(🟡 +4 B)	147.17 KB
/blog/2014/12/18/react-v0.12.2	59.27 KB(🟡 +4 B)	143.96 KB
/blog/2014/12/19/react-js-conf-diversity-scholarship	59.66 KB(🟡 +4 B)	144.35 KB
/blog/2015/01/27/react-v0.13.0-beta-1	60.63 KB(🟡 +4 B)	145.32 KB
/blog/2015/02/18/react-conf-roundup-2015	62.61 KB(🟡 +4 B)	147.3 KB
/blog/2015/02/20/introducing-relay-and-graphql	61.77 KB(🟡 +4 B)	146.46 KB
/blog/2015/02/24/react-v0.13-rc1	60.67 KB(🟡 +4 B)	145.36 KB
/blog/2015/02/24/streamlining-react-elements	63.22 KB(🟡 +4 B)	147.91 KB
/blog/2015/03/03/react-v0.13-rc2	60 KB(🟡 +4 B)	144.69 KB
/blog/2015/03/04/community-roundup-25	60.96 KB(🟡 +4 B)	145.65 KB
/blog/2015/03/10/react-v0.13	61.28 KB(🟡 +4 B)	145.97 KB
/blog/2015/03/16/react-v0.13.1	59.1 KB(🟡 +4 B)	143.79 KB
/blog/2015/03/19/building-the-facebook-news-feed-with-relay	61.86 KB(🟡 +4 B)	146.55 KB
/blog/2015/03/26/introducing-react-native	59 KB(🟡 +4 B)	143.69 KB
/blog/2015/03/30/community-roundup-26	60.93 KB(🟡 +4 B)	145.62 KB
/blog/2015/04/17/react-native-v0.4	59.84 KB(🟡 +4 B)	144.53 KB
/blog/2015/04/18/react-v0.13.2	59.18 KB(🟡 +4 B)	143.87 KB
/blog/2015/05/01/graphql-introduction	63.67 KB(🟡 +4 B)	148.36 KB
/blog/2015/05/08/react-v0.13.3	59.07 KB(🟡 +4 B)	143.76 KB
/blog/2015/05/22/react-native-release-process	59.22 KB(🟡 +4 B)	143.91 KB
/blog/2015/06/12/deprecating-jstransform-and-react-tools	59.67 KB(🟡 +4 B)	144.36 KB
/blog/2015/07/03/react-v0.14-beta-1	61.18 KB(🟡 +4 B)	145.87 KB
/blog/2015/08/03/new-react-devtools-beta	59.78 KB(🟡 +4 B)	144.47 KB
/blog/2015/08/11/relay-technical-preview	59.85 KB(🟡 +4 B)	144.54 KB
/blog/2015/08/13/reacteurope-roundup	61.44 KB(🟡 +4 B)	146.13 KB
/blog/2015/09/02/new-react-developer-tools	59.2 KB(🟡 +4 B)	143.89 KB
/blog/2015/09/10/react-v0.14-rc1	64.89 KB(🟡 +4 B)	149.58 KB
/blog/2015/09/14/community-roundup-27	61.36 KB(🟡 +4 B)	146.05 KB
/blog/2015/10/01/react-render-and-top-level-api	60.33 KB(🟡 +4 B)	145.02 KB
/blog/2015/10/07/react-v0.14	65.37 KB(🟡 +4 B)	150.06 KB
/blog/2015/10/19/reactiflux-is-moving-to-discord	61.08 KB(🟡 +4 B)	145.77 KB
/blog/2015/10/28/react-v0.14.1	59.09 KB(🟡 +4 B)	143.78 KB
/blog/2015/11/02/react-v0.14.2	59.12 KB(🟡 +4 B)	143.81 KB
/blog/2015/11/18/react-v0.14.3	59.25 KB(🟡 +4 B)	143.93 KB
/blog/2015/12/04/react-js-conf-2016-diversity-scholarship	60.12 KB(🟡 +4 B)	144.81 KB
/blog/2015/12/16/ismounted-antipattern	59.72 KB(🟡 +4 B)	144.41 KB
/blog/2015/12/18/react-components-elements-and-instances	63.64 KB(🟡 +4 B)	148.33 KB
/blog/2015/12/29/react-v0.14.4	58.92 KB(🟡 +4 B)	143.6 KB
/blog/2016/01/08/A-implies-B-does-not-imply-B-implies-A	59.93 KB(🟡 +4 B)	144.62 KB
/blog/2016/01/12/discontinuing-ie8-support	58.74 KB(🟡 +4 B)	143.43 KB
/blog/2016/02/19/new-versioning-scheme	60.12 KB(🟡 +4 B)	144.81 KB
/blog/2016/03/07/react-v15-rc1	62.88 KB(🟡 +4 B)	147.56 KB
/blog/2016/03/16/react-v15-rc2	59.74 KB(🟡 +4 B)	144.43 KB
/blog/2016/03/29/react-v0.14.8	58.87 KB(🟡 +4 B)	143.56 KB
/blog/2016/04/07/react-v15	67.06 KB(🟡 +4 B)	151.75 KB
/blog/2016/04/08/react-v15.0.1	59.63 KB(🟡 +4 B)	144.32 KB
/blog/2016/07/11/introducing-reacts-error-code-system	59.34 KB(🟡 +4 B)	144.03 KB
/blog/2016/07/13/mixins-considered-harmful	67.49 KB(🟡 +4 B)	152.18 KB
/blog/2016/07/22/create-apps-with-no-configuration	62.82 KB(🟡 +4 B)	147.51 KB
/blog/2016/08/05/relay-state-of-the-state	62.86 KB(🟡 +4 B)	147.55 KB
/blog/2016/09/28/our-first-50000-stars	64.31 KB(🟡 +4 B)	149 KB
/blog/2016/11/16/react-v15.4.0	62.26 KB(🟡 +4 B)	146.95 KB
/blog/2017/04/07/react-v15.5.0	62.83 KB(🟡 +4 B)	147.51 KB
/blog/2017/05/18/whats-new-in-create-react-app	62.22 KB(🟡 +4 B)	146.91 KB
/blog/2017/06/13/react-v15.6.0	60.84 KB(🟡 +4 B)	145.53 KB
/blog/2017/07/26/error-handling-in-react-16	61.19 KB(🟡 +4 B)	145.88 KB
/blog/2017/09/08/dom-attributes-in-react-16	61.62 KB(🟡 +4 B)	146.31 KB
/blog/2017/09/25/react-v15.6.2	59.96 KB(🟡 +4 B)	144.64 KB
/blog/2017/09/26/react-v16.0	65.09 KB(🟡 +4 B)	149.78 KB
/blog/2017/11/28/react-v16.2.0-fragment-support	63.02 KB(🟡 +4 B)	147.71 KB
/blog/2017/12/07/introducing-the-react-rfc-process	59.54 KB(🟡 +4 B)	144.23 KB
/blog/2017/12/15/improving-the-repository-infrastructure	75.33 KB(🟡 +4 B)	160.02 KB
/blog/2018/03/01/sneak-peek-beyond-react-16	59.5 KB(🟡 +4 B)	144.19 KB
/blog/2018/03/27/update-on-async-rendering	64.74 KB(🟡 +4 B)	149.43 KB
/blog/2018/03/29/react-v-16-3	61.56 KB(🟡 +4 B)	146.25 KB
/blog/2018/05/23/react-v-16-4	61.7 KB(🟡 +4 B)	146.39 KB
/blog/2018/06/07/you-probably-dont-need-derived-state	65.36 KB(🟡 +4 B)	150.05 KB
/blog/2018/08/01/react-v-16-4-2	60.35 KB(🟡 +4 B)	145.04 KB
/blog/2018/09/10/introducing-the-react-profiler	61.96 KB(🟡 +4 B)	146.65 KB
/blog/2018/10/01/create-react-app-v2	62.44 KB(🟡 +4 B)	147.13 KB
/blog/2018/10/23/react-v-16-6	61.63 KB(🟡 +4 B)	146.32 KB
/blog/2018/11/13/react-conf-recap	59.35 KB(🟡 +4 B)	144.04 KB
/blog/2018/11/27/react-16-roadmap	65.54 KB(🟡 +4 B)	150.23 KB
/blog/2018/12/19/react-v-16-7	60.47 KB(🟡 +4 B)	145.16 KB
/blog/2019/02/06/react-v16.8.0	62.74 KB(🟡 +4 B)	147.43 KB
/blog/2019/02/23/is-react-translated-yet	62.3 KB(🟡 +4 B)	146.99 KB
/blog/2019/08/08/react-v16.9.0	65.23 KB(🟡 +4 B)	149.92 KB
/blog/2019/08/15/new-react-devtools	59.84 KB(🟡 +4 B)	144.53 KB
/blog/2019/10/22/react-release-channels	61.66 KB(🟡 +4 B)	146.35 KB
/blog/2019/11/06/building-great-user-experiences-with-concurrent-mode-and-suspense	66.36 KB(🟡 +4 B)	151.04 KB
/blog/2020/02/26/react-v16.13.0	62.58 KB(🟡 +4 B)	147.27 KB
/blog/2020/08/10/react-v17-rc	68.86 KB(🟡 +4 B)	153.55 KB
/blog/all	57.03 KB(🟡 +4 B)	141.71 KB
/community	48.36 KB(🟡 +4 B)	133.05 KB
/community/acknowledgements	49.56 KB(🟡 +4 B)	134.25 KB
/community/meet-the-team	50.24 KB(🟡 +4 B)	134.93 KB
/learn	53.83 KB(🟡 +4 B)	138.52 KB
/learn/add-react-to-a-website	53.9 KB(🟡 +4 B)	138.59 KB
/learn/adding-interactivity	55.01 KB(🟡 +4 B)	139.7 KB
/learn/choosing-the-state-structure	60.72 KB(🟡 +4 B)	145.41 KB
/learn/conditional-rendering	52.96 KB(🟡 +4 B)	137.64 KB
/learn/describing-the-ui	52.46 KB(🟡 +4 B)	137.14 KB
/learn/editor-setup	49.94 KB(🟡 +4 B)	134.62 KB
/learn/escape-hatches	47.69 KB(🟡 +4 B)	132.38 KB
/learn/extracting-state-logic-into-a-reducer	58.36 KB(🟡 +4 B)	143.05 KB
/learn/importing-and-exporting-components	51.66 KB(🟡 +318 B)	136.35 KB
/learn/installation	49.06 KB(🟡 +4 B)	133.75 KB
/learn/javascript-in-jsx-with-curly-braces	51.67 KB(🟡 +4 B)	136.36 KB
/learn/keeping-components-pure	55.56 KB(🟡 +4 B)	140.25 KB
/learn/lifecycle-of-reactive-effects	62.74 KB(🟡 +4 B)	147.42 KB
/learn/managing-state	54.28 KB(🟡 +4 B)	138.97 KB
/learn/manipulating-the-dom-with-refs	56.53 KB(🟡 +4 B)	141.22 KB
/learn/passing-data-deeply-with-context	56.08 KB(🟡 +4 B)	140.76 KB
/learn/passing-props-to-a-component	55.13 KB(🟡 +4 B)	139.82 KB
/learn/preserving-and-resetting-state	59.1 KB(🟡 +4 B)	143.79 KB
/learn/queueing-a-series-of-state-updates	52.93 KB(🟡 +4 B)	137.61 KB
/learn/react-developer-tools	49.1 KB(🟡 +4 B)	133.79 KB
/learn/reacting-to-input-with-state	57.54 KB(🟡 +4 B)	142.23 KB
/learn/referencing-values-with-refs	54.45 KB(🟡 +4 B)	139.13 KB
/learn/render-and-commit	51.43 KB(🟡 +4 B)	136.12 KB
/learn/rendering-lists	55.52 KB(🟡 +4 B)	140.2 KB
/learn/responding-to-events	54.45 KB(🟡 +4 B)	139.14 KB
/learn/scaling-up-with-reducer-and-context	52.49 KB(🟡 +4 B)	137.18 KB
/learn/separating-events-from-effects	54.62 KB(🟡 +4 B)	139.31 KB
/learn/sharing-state-between-components	53.58 KB(🟡 +4 B)	138.26 KB
/learn/start-a-new-react-project	50.29 KB(🟡 +4 B)	134.98 KB
/learn/state-a-components-memory	58.66 KB(🟡 +4 B)	143.34 KB
/learn/state-as-a-snapshot	52.23 KB(🟡 +4 B)	136.92 KB
/learn/synchronizing-with-effects	65.34 KB(🟡 +4 B)	150.03 KB
/learn/thinking-in-react	54.89 KB(🟡 +4 B)	139.58 KB
/learn/updating-arrays-in-state	56.52 KB(🟡 +4 B)	141.21 KB
/learn/updating-objects-in-state	56.25 KB(🟡 +4 B)	140.94 KB
/learn/writing-markup-with-jsx	52.01 KB(🟡 +4 B)	136.7 KB
/learn/you-might-not-need-an-effect	64.72 KB(🟡 +4 B)	149.41 KB
/learn/your-first-component	52.74 KB(🟡 +4 B)	137.43 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.