feat: translate react dev tools

[neighborhood999]

Screenshots

[github-actions]

Size Changes

📦 Next.js Bundle Analysis

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

One Hundred Eighty-six Pages Changed Size

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

Page	Size (compressed)	First Load
/	51.11 KB (🟡 +59 B)	145.97 KB
/404	50.21 KB (🟡 +59 B)	145.08 KB
/apis	50.8 KB (🟡 +59 B)	145.67 KB
/apis/reactdom	50.91 KB (🟡 +59 B)	145.78 KB
/apis/render	52.97 KB (🟡 +59 B)	147.84 KB
/apis/useref	56.03 KB (🟡 +59 B)	150.9 KB
/apis/usestate	61.92 KB (🟡 +59 B)	156.79 KB
/blog	41.08 KB (🟡 +59 B)	135.95 KB
/blog/2013/06/02/jsfiddle-integration	61.49 KB (🟡 +59 B)	156.35 KB
/blog/2013/06/05/why-react	63.22 KB (🟡 +59 B)	158.08 KB
/blog/2013/06/12/community-roundup	62.92 KB (🟡 +59 B)	157.79 KB
/blog/2013/06/19/community-roundup-2	63.59 KB (🟡 +59 B)	158.45 KB
/blog/2013/06/21/react-v0-3-3	61.64 KB (🟡 +59 B)	156.5 KB
/blog/2013/06/27/community-roundup-3	63.96 KB (🟡 +59 B)	158.82 KB
/blog/2013/07/02/react-v0-4-autobind-by-default	62.26 KB (🟡 +59 B)	157.12 KB
/blog/2013/07/03/community-roundup-4	63.33 KB (🟡 +59 B)	158.19 KB
/blog/2013/07/11/react-v0-4-prop-validation-and-default-values	62.13 KB (🟡 +59 B)	156.99 KB
/blog/2013/07/17/react-v0-4-0	62.84 KB (🟡 +59 B)	157.7 KB
/blog/2013/07/23/community-roundup-5	63.72 KB (🟡 +59 B)	158.58 KB
/blog/2013/07/26/react-v0-4-1	61.6 KB (🟡 +59 B)	156.47 KB
/blog/2013/07/30/use-react-and-jsx-in-ruby-on-rails	62.21 KB (🟡 +59 B)	157.07 KB
/blog/2013/08/05/community-roundup-6	63.01 KB (🟡 +59 B)	157.88 KB
/blog/2013/08/19/use-react-and-jsx-in-python-applications	62.22 KB (🟡 +59 B)	157.08 KB
/blog/2013/08/26/community-roundup-7	63.18 KB (🟡 +59 B)	158.05 KB
/blog/2013/09/24/community-roundup-8	64.62 KB (🟡 +59 B)	159.48 KB
/blog/2013/10/03/community-roundup-9	63.55 KB (🟡 +59 B)	158.41 KB
/blog/2013/10/16/react-v0.5.0	63.23 KB (🟡 +59 B)	158.1 KB
/blog/2013/10/29/react-v0-5-1	61.59 KB (🟡 +59 B)	156.46 KB
/blog/2013/11/06/community-roundup-10	65.21 KB (🟡 +59 B)	160.08 KB
/blog/2013/11/18/community-roundup-11	64.29 KB (🟡 +59 B)	159.16 KB
/blog/2013/12/18/react-v0.5.2-v0.4.2	62.06 KB (🟡 +59 B)	156.93 KB
/blog/2013/12/19/react-v0.8.0	62.49 KB (🟡 +59 B)	157.35 KB
/blog/2013/12/23/community-roundup-12	63.94 KB (🟡 +59 B)	158.81 KB
/blog/2013/12/30/community-roundup-13	63.73 KB (🟡 +59 B)	158.59 KB
/blog/2014/01/02/react-chrome-developer-tools	61.98 KB (🟡 +59 B)	156.85 KB
/blog/2014/01/06/community-roundup-14	63.32 KB (🟡 +59 B)	158.18 KB
/blog/2014/02/05/community-roundup-15	64.54 KB (🟡 +59 B)	159.4 KB
/blog/2014/02/15/community-roundup-16	64.25 KB (🟡 +59 B)	159.11 KB
/blog/2014/02/16/react-v0.9-rc1	64.65 KB (🟡 +59 B)	159.52 KB
/blog/2014/02/20/react-v0.9	65.1 KB (🟡 +59 B)	159.96 KB
/blog/2014/02/24/community-roundup-17	63.96 KB (🟡 +59 B)	158.83 KB
/blog/2014/03/14/community-roundup-18	64.93 KB (🟡 +59 B)	159.79 KB
/blog/2014/03/19/react-v0.10-rc1	63.24 KB (🟡 +59 B)	158.1 KB
/blog/2014/03/21/react-v0.10	63.26 KB (🟡 +59 B)	158.13 KB
/blog/2014/03/28/the-road-to-1.0	63.37 KB (🟡 +59 B)	158.24 KB
/blog/2014/04/04/reactnet	62.02 KB (🟡 +59 B)	156.88 KB
/blog/2014/05/06/flux	62.14 KB (🟡 +59 B)	157 KB
/blog/2014/05/29/one-year-of-open-source-react	62.36 KB (🟡 +59 B)	157.23 KB
/blog/2014/06/27/community-roundup-19	63.91 KB (🟡 +59 B)	158.77 KB
/blog/2014/07/13/react-v0.11-rc1	64.29 KB (🟡 +59 B)	159.16 KB
/blog/2014/07/17/react-v0.11	65.55 KB (🟡 +59 B)	160.42 KB
/blog/2014/07/25/react-v0.11.1	62.5 KB (🟡 +59 B)	157.36 KB
/blog/2014/07/28/community-roundup-20	64.05 KB (🟡 +59 B)	158.92 KB
/blog/2014/07/30/flux-actions-and-the-dispatcher	63.69 KB (🟡 +59 B)	158.55 KB
/blog/2014/08/03/community-roundup-21	63.72 KB (🟡 +59 B)	158.58 KB
/blog/2014/09/03/introducing-the-jsx-specification	61.72 KB (🟡 +59 B)	156.59 KB
/blog/2014/09/12/community-round-up-22	64.2 KB (🟡 +59 B)	159.06 KB
/blog/2014/09/16/react-v0.11.2	62.5 KB (🟡 +59 B)	157.36 KB
/blog/2014/09/24/testing-flux-applications	65.67 KB (🟡 +59 B)	160.54 KB
/blog/2014/10/14/introducing-react-elements	64.63 KB (🟡 +59 B)	159.5 KB
/blog/2014/10/16/react-v0.12-rc1	64.59 KB (🟡 +59 B)	159.46 KB
/blog/2014/10/17/community-roundup-23	65.17 KB (🟡 +59 B)	160.03 KB
/blog/2014/10/27/react-js-conf	61.77 KB (🟡 +59 B)	156.63 KB
/blog/2014/10/28/react-v0.12	64.54 KB (🟡 +59 B)	159.4 KB
/blog/2014/11/24/react-js-conf-updates	62.16 KB (🟡 +59 B)	157.02 KB
/blog/2014/11/25/community-roundup-24	65.4 KB (🟡 +59 B)	160.26 KB
/blog/2014/12/18/react-v0.12.2	62.18 KB (🟡 +59 B)	157.05 KB
/blog/2014/12/19/react-js-conf-diversity-scholarship	62.58 KB (🟡 +59 B)	157.44 KB
/blog/2015/01/27/react-v0.13.0-beta-1	63.55 KB (🟡 +59 B)	158.41 KB
/blog/2015/02/18/react-conf-roundup-2015	65.53 KB (🟡 +59 B)	160.4 KB
/blog/2015/02/20/introducing-relay-and-graphql	64.68 KB (🟡 +59 B)	159.55 KB
/blog/2015/02/24/react-v0.13-rc1	63.58 KB (🟡 +59 B)	158.45 KB
/blog/2015/02/24/streamlining-react-elements	66.14 KB (🟡 +59 B)	161 KB
/blog/2015/03/03/react-v0.13-rc2	62.92 KB (🟡 +59 B)	157.79 KB
/blog/2015/03/04/community-roundup-25	63.88 KB (🟡 +59 B)	158.74 KB
/blog/2015/03/10/react-v0.13	64.2 KB (🟡 +59 B)	159.06 KB
/blog/2015/03/16/react-v0.13.1	62.02 KB (🟡 +59 B)	156.88 KB
/blog/2015/03/19/building-the-facebook-news-feed-with-relay	64.78 KB (🟡 +59 B)	159.64 KB
/blog/2015/03/26/introducing-react-native	61.91 KB (🟡 +59 B)	156.78 KB
/blog/2015/03/30/community-roundup-26	63.85 KB (🟡 +59 B)	158.71 KB
/blog/2015/04/17/react-native-v0.4	62.76 KB (🟡 +59 B)	157.63 KB
/blog/2015/04/18/react-v0.13.2	62.1 KB (🟡 +59 B)	156.96 KB
/blog/2015/05/01/graphql-introduction	66.59 KB (🟡 +59 B)	161.45 KB
/blog/2015/05/08/react-v0.13.3	61.99 KB (🟡 +59 B)	156.85 KB
/blog/2015/05/22/react-native-release-process	62.14 KB (🟡 +59 B)	157 KB
/blog/2015/06/12/deprecating-jstransform-and-react-tools	62.59 KB (🟡 +59 B)	157.45 KB
/blog/2015/07/03/react-v0.14-beta-1	64.1 KB (🟡 +59 B)	158.97 KB
/blog/2015/08/03/new-react-devtools-beta	62.7 KB (🟡 +59 B)	157.57 KB
/blog/2015/08/11/relay-technical-preview	62.77 KB (🟡 +59 B)	157.63 KB
/blog/2015/08/13/reacteurope-roundup	64.35 KB (🟡 +59 B)	159.22 KB
/blog/2015/09/02/new-react-developer-tools	62.12 KB (🟡 +59 B)	156.98 KB
/blog/2015/09/10/react-v0.14-rc1	67.8 KB (🟡 +59 B)	162.67 KB
/blog/2015/09/14/community-roundup-27	64.28 KB (🟡 +59 B)	159.14 KB
/blog/2015/10/01/react-render-and-top-level-api	63.25 KB (🟡 +59 B)	158.12 KB
/blog/2015/10/07/react-v0.14	68.29 KB (🟡 +59 B)	163.15 KB
/blog/2015/10/19/reactiflux-is-moving-to-discord	64 KB (🟡 +59 B)	158.86 KB
/blog/2015/10/28/react-v0.14.1	62.01 KB (🟡 +59 B)	156.88 KB
/blog/2015/11/02/react-v0.14.2	62.04 KB (🟡 +59 B)	156.9 KB
/blog/2015/11/18/react-v0.14.3	62.16 KB (🟡 +59 B)	157.03 KB
/blog/2015/12/04/react-js-conf-2016-diversity-scholarship	63.04 KB (🟡 +59 B)	157.9 KB
/blog/2015/12/16/ismounted-antipattern	62.64 KB (🟡 +59 B)	157.5 KB
/blog/2015/12/18/react-components-elements-and-instances	66.56 KB (🟡 +59 B)	161.42 KB
/blog/2015/12/29/react-v0.14.4	61.83 KB (🟡 +59 B)	156.7 KB
/blog/2016/01/08/A-implies-B-does-not-imply-B-implies-A	62.85 KB (🟡 +59 B)	157.71 KB
/blog/2016/01/12/discontinuing-ie8-support	61.66 KB (🟡 +59 B)	156.52 KB
/blog/2016/02/19/new-versioning-scheme	63.04 KB (🟡 +59 B)	157.9 KB
/blog/2016/03/07/react-v15-rc1	65.79 KB (🟡 +59 B)	160.66 KB
/blog/2016/03/16/react-v15-rc2	62.65 KB (🟡 +59 B)	157.52 KB
/blog/2016/03/29/react-v0.14.8	61.79 KB (🟡 +59 B)	156.65 KB
/blog/2016/04/07/react-v15	69.98 KB (🟡 +59 B)	164.84 KB
/blog/2016/04/08/react-v15.0.1	62.54 KB (🟡 +59 B)	157.41 KB
/blog/2016/07/11/introducing-reacts-error-code-system	62.26 KB (🟡 +59 B)	157.12 KB
/blog/2016/07/13/mixins-considered-harmful	70.41 KB (🟡 +59 B)	165.27 KB
/blog/2016/07/22/create-apps-with-no-configuration	65.74 KB (🟡 +59 B)	160.6 KB
/blog/2016/08/05/relay-state-of-the-state	65.78 KB (🟡 +59 B)	160.64 KB
/blog/2016/09/28/our-first-50000-stars	67.22 KB (🟡 +59 B)	162.09 KB
/blog/2016/11/16/react-v15.4.0	65.18 KB (🟡 +59 B)	160.04 KB
/blog/2017/04/07/react-v15.5.0	65.74 KB (🟡 +59 B)	160.6 KB
/blog/2017/05/18/whats-new-in-create-react-app	65.14 KB (🟡 +59 B)	160 KB
/blog/2017/06/13/react-v15.6.0	63.76 KB (🟡 +59 B)	158.62 KB
/blog/2017/07/26/error-handling-in-react-16	64.11 KB (🟡 +59 B)	158.97 KB
/blog/2017/09/08/dom-attributes-in-react-16	64.54 KB (🟡 +59 B)	159.4 KB
/blog/2017/09/25/react-v15.6.2	62.88 KB (🟡 +59 B)	157.74 KB
/blog/2017/09/26/react-v16.0	68 KB (🟡 +59 B)	162.87 KB
/blog/2017/11/28/react-v16.2.0-fragment-support	65.94 KB (🟡 +59 B)	160.8 KB
/blog/2017/12/07/introducing-the-react-rfc-process	62.46 KB (🟡 +59 B)	157.32 KB
/blog/2017/12/15/improving-the-repository-infrastructure	78.25 KB (🟡 +59 B)	173.11 KB
/blog/2018/03/01/sneak-peek-beyond-react-16	62.41 KB (🟡 +59 B)	157.28 KB
/blog/2018/03/27/update-on-async-rendering	67.65 KB (🟡 +59 B)	162.52 KB
/blog/2018/03/29/react-v-16-3	64.47 KB (🟡 +59 B)	159.34 KB
/blog/2018/05/23/react-v-16-4	64.61 KB (🟡 +59 B)	159.48 KB
/blog/2018/06/07/you-probably-dont-need-derived-state	68.27 KB (🟡 +59 B)	163.14 KB
/blog/2018/08/01/react-v-16-4-2	63.26 KB (🟡 +59 B)	158.13 KB
/blog/2018/09/10/introducing-the-react-profiler	64.88 KB (🟡 +59 B)	159.74 KB
/blog/2018/10/01/create-react-app-v2	65.35 KB (🟡 +59 B)	160.22 KB
/blog/2018/10/23/react-v-16-6	64.55 KB (🟡 +59 B)	159.42 KB
/blog/2018/11/13/react-conf-recap	62.26 KB (🟡 +59 B)	157.13 KB
/blog/2018/11/27/react-16-roadmap	68.46 KB (🟡 +59 B)	163.32 KB
/blog/2018/12/19/react-v-16-7	63.39 KB (🟡 +59 B)	158.25 KB
/blog/2019/02/06/react-v16.8.0	65.65 KB (🟡 +59 B)	160.52 KB
/blog/2019/02/23/is-react-translated-yet	65.22 KB (🟡 +59 B)	160.08 KB
/blog/2019/08/08/react-v16.9.0	68.15 KB (🟡 +59 B)	163.01 KB
/blog/2019/08/15/new-react-devtools	62.76 KB (🟡 +59 B)	157.62 KB
/blog/2019/10/22/react-release-channels	64.57 KB (🟡 +59 B)	159.43 KB
/blog/2019/11/06/building-great-user-experiences-with-concurrent-mode-and-suspense	69.27 KB (🟡 +59 B)	164.13 KB
/blog/2020/02/26/react-v16.13.0	65.5 KB (🟡 +59 B)	160.36 KB
/blog/2020/08/10/react-v17-rc	71.78 KB (🟡 +59 B)	166.64 KB
/blog/all	57.1 KB (🟡 +59 B)	151.96 KB
/community	50.8 KB (🟡 +59 B)	145.66 KB
/community/acknowledgements	51.99 KB (🟡 +59 B)	146.85 KB
/community/meet-the-team	52.51 KB (🟡 +59 B)	147.38 KB
/learn	55.29 KB (🟡 +59 B)	150.16 KB
/learn/add-react-to-a-website	56.45 KB (🟡 +59 B)	151.32 KB
/learn/adding-interactivity	57.43 KB (🟡 +59 B)	152.29 KB
/learn/choosing-the-state-structure	63.16 KB (🟡 +59 B)	158.03 KB
/learn/conditional-rendering	55.4 KB (🟡 +59 B)	150.26 KB
/learn/describing-the-ui	54.62 KB (🟡 +59 B)	149.48 KB
/learn/editor-setup	52.38 KB (🟡 +59 B)	147.25 KB
/learn/escape-hatches	50.13 KB (🟡 +59 B)	144.99 KB
/learn/extracting-state-logic-into-a-reducer	60.8 KB (🟡 +59 B)	155.66 KB
/learn/importing-and-exporting-components	53.8 KB (🟡 +59 B)	148.66 KB
/learn/installation	51.46 KB (🟡 +59 B)	146.32 KB
/learn/javascript-in-jsx-with-curly-braces	53.87 KB (🟡 +59 B)	148.73 KB
/learn/keeping-components-pure	58 KB (🟡 +59 B)	152.87 KB
/learn/managing-state	56.72 KB (🟡 +59 B)	151.59 KB
/learn/manipulating-the-dom-with-refs	58.99 KB (🟡 +59 B)	153.85 KB
/learn/passing-data-deeply-with-context	58.14 KB (🟡 +59 B)	153.01 KB
/learn/passing-props-to-a-component	57.57 KB (🟡 +59 B)	152.44 KB
/learn/preserving-and-resetting-state	60.39 KB (🟡 +59 B)	155.25 KB
/learn/queueing-a-series-of-state-updates	55.37 KB (🟡 +59 B)	150.23 KB
/learn/react-developer-tools	51.57 KB (🟡 +308 B)	146.43 KB
/learn/reacting-to-input-with-state	59.84 KB (🟡 +59 B)	154.71 KB
/learn/referencing-values-with-refs	56.89 KB (🟡 +59 B)	151.75 KB
/learn/render-and-commit	53.86 KB (🟡 +59 B)	148.73 KB
/learn/rendering-lists	57.92 KB (🟡 +59 B)	152.79 KB
/learn/responding-to-events	56.92 KB (🟡 +59 B)	151.78 KB
/learn/scaling-up-with-reducer-and-context	54.94 KB (🟡 +59 B)	149.8 KB
/learn/sharing-state-between-components	55.65 KB (🟡 +59 B)	150.51 KB
/learn/start-a-new-react-project	52.8 KB (🟡 +59 B)	147.66 KB
/learn/state-a-components-memory	61.09 KB (🟡 +59 B)	155.96 KB
/learn/state-as-a-snapshot	54.91 KB (🟡 +59 B)	149.78 KB
/learn/thinking-in-react	56.73 KB (🟡 +59 B)	151.6 KB
/learn/updating-arrays-in-state	58.97 KB (🟡 +59 B)	153.83 KB
/learn/updating-objects-in-state	58.69 KB (🟡 +59 B)	153.56 KB
/learn/writing-markup-with-jsx	53.8 KB (🟡 +59 B)	148.66 KB
/learn/your-first-component	54.7 KB (🟡 +59 B)	149.57 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.