Skip to content
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

Translate "Passing props to a component" #461

Merged
merged 2 commits into from
Jan 6, 2022
Merged

Translate "Passing props to a component" #461

merged 2 commits into from
Jan 6, 2022

Conversation

smikitky
Copy link
Member

Betaの記事ひとつ翻訳です

(こんどこそCIが上手く動いてほしい…)

@github-actions github-actions bot added the beta label Dec 28, 2021
@smikitky smikitky requested review from koba04 and potato4d December 28, 2021 01:46
@github-actions
Copy link

github-actions bot commented Dec 28, 2021 •
edited
Loading

Size Changes

📦 Next.js Bundle Analysis

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

One Hundred Eighty-five Pages Changed Size

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

Page Size (compressed) First Load
/ 203.84 KB (🟡 +4 B) 295.16 KB
/404 202.94 KB (🟡 +4 B) 294.27 KB
/blog 37.37 KB (🟡 +4 B) 128.69 KB
/blog/2013/06/02/jsfiddle-integration 213.96 KB (🟡 +4 B) 305.28 KB
/blog/2013/06/05/why-react 215.68 KB (🟡 +4 B) 307.01 KB
/blog/2013/06/12/community-roundup 215.39 KB (🟡 +4 B) 306.71 KB
/blog/2013/06/19/community-roundup-2 216.05 KB (🟡 +4 B) 307.38 KB
/blog/2013/06/21/react-v0-3-3 214.1 KB (🟡 +4 B) 305.43 KB
/blog/2013/06/27/community-roundup-3 216.42 KB (🟡 +4 B) 307.74 KB
/blog/2013/07/02/react-v0-4-autobind-by-default 214.72 KB (🟡 +4 B) 306.05 KB
/blog/2013/07/03/community-roundup-4 215.79 KB (🟡 +4 B) 307.12 KB
/blog/2013/07/11/react-v0-4-prop-validation-and-default-values 214.59 KB (🟡 +4 B) 305.92 KB
/blog/2013/07/17/react-v0-4-0 215.3 KB (🟡 +4 B) 306.63 KB
/blog/2013/07/23/community-roundup-5 216.18 KB (🟡 +4 B) 307.51 KB
/blog/2013/07/26/react-v0-4-1 214.07 KB (🟡 +4 B) 305.39 KB
/blog/2013/07/30/use-react-and-jsx-in-ruby-on-rails 214.67 KB (🟡 +4 B) 306 KB
/blog/2013/08/05/community-roundup-6 215.48 KB (🟡 +4 B) 306.8 KB
/blog/2013/08/19/use-react-and-jsx-in-python-applications 214.68 KB (🟡 +4 B) 306.01 KB
/blog/2013/08/26/community-roundup-7 215.65 KB (🟡 +4 B) 306.97 KB
/blog/2013/09/24/community-roundup-8 217.08 KB (🟡 +4 B) 308.4 KB
/blog/2013/10/03/community-roundup-9 216.01 KB (🟡 +4 B) 307.34 KB
/blog/2013/10/16/react-v0.5.0 215.7 KB (🟡 +4 B) 307.02 KB
/blog/2013/10/29/react-v0-5-1 214.06 KB (🟡 +4 B) 305.38 KB
/blog/2013/11/06/community-roundup-10 217.67 KB (🟡 +4 B) 309 KB
/blog/2013/11/18/community-roundup-11 216.75 KB (🟡 +4 B) 308.08 KB
/blog/2013/12/18/react-v0.5.2-v0.4.2 214.53 KB (🟡 +4 B) 305.85 KB
/blog/2013/12/19/react-v0.8.0 214.95 KB (🟡 +4 B) 306.27 KB
/blog/2013/12/23/community-roundup-12 216.41 KB (🟡 +4 B) 307.73 KB
/blog/2013/12/30/community-roundup-13 216.19 KB (🟡 +4 B) 307.52 KB
/blog/2014/01/02/react-chrome-developer-tools 214.45 KB (🟡 +4 B) 305.77 KB
/blog/2014/01/06/community-roundup-14 215.79 KB (🟡 +4 B) 307.11 KB
/blog/2014/02/05/community-roundup-15 217 KB (🟡 +4 B) 308.33 KB
/blog/2014/02/15/community-roundup-16 216.71 KB (🟡 +4 B) 308.04 KB
/blog/2014/02/16/react-v0.9-rc1 217.12 KB (🟡 +4 B) 308.44 KB
/blog/2014/02/20/react-v0.9 217.57 KB (🟡 +4 B) 308.89 KB
/blog/2014/02/24/community-roundup-17 216.43 KB (🟡 +4 B) 307.75 KB
/blog/2014/03/14/community-roundup-18 217.39 KB (🟡 +4 B) 308.72 KB
/blog/2014/03/19/react-v0.10-rc1 215.7 KB (🟡 +4 B) 307.03 KB
/blog/2014/03/21/react-v0.10 215.73 KB (🟡 +4 B) 307.05 KB
/blog/2014/03/28/the-road-to-1.0 215.84 KB (🟡 +4 B) 307.16 KB
/blog/2014/04/04/reactnet 214.48 KB (🟡 +4 B) 305.8 KB
/blog/2014/05/06/flux 214.61 KB (🟡 +4 B) 305.93 KB
/blog/2014/05/29/one-year-of-open-source-react 214.83 KB (🟡 +4 B) 306.15 KB
/blog/2014/06/27/community-roundup-19 216.37 KB (🟡 +4 B) 307.7 KB
/blog/2014/07/13/react-v0.11-rc1 216.76 KB (🟡 +4 B) 308.08 KB
/blog/2014/07/17/react-v0.11 218.01 KB (🟡 +4 B) 309.34 KB
/blog/2014/07/25/react-v0.11.1 214.97 KB (🟡 +4 B) 306.29 KB
/blog/2014/07/28/community-roundup-20 216.52 KB (🟡 +4 B) 307.84 KB
/blog/2014/07/30/flux-actions-and-the-dispatcher 216.15 KB (🟡 +4 B) 307.48 KB
/blog/2014/08/03/community-roundup-21 216.19 KB (🟡 +4 B) 307.51 KB
/blog/2014/09/03/introducing-the-jsx-specification 214.19 KB (🟡 +4 B) 305.51 KB
/blog/2014/09/12/community-round-up-22 216.67 KB (🟡 +4 B) 307.99 KB
/blog/2014/09/16/react-v0.11.2 214.96 KB (🟡 +4 B) 306.28 KB
/blog/2014/09/24/testing-flux-applications 218.14 KB (🟡 +4 B) 309.46 KB
/blog/2014/10/14/introducing-react-elements 217.1 KB (🟡 +4 B) 308.42 KB
/blog/2014/10/16/react-v0.12-rc1 217.06 KB (🟡 +4 B) 308.38 KB
/blog/2014/10/17/community-roundup-23 217.63 KB (🟡 +4 B) 308.96 KB
/blog/2014/10/27/react-js-conf 214.23 KB (🟡 +4 B) 305.56 KB
/blog/2014/10/28/react-v0.12 217 KB (🟡 +4 B) 308.33 KB
/blog/2014/11/24/react-js-conf-updates 214.62 KB (🟡 +4 B) 305.94 KB
/blog/2014/11/25/community-roundup-24 217.86 KB (🟡 +4 B) 309.18 KB
/blog/2014/12/18/react-v0.12.2 214.65 KB (🟡 +4 B) 305.97 KB
/blog/2014/12/19/react-js-conf-diversity-scholarship 215.04 KB (🟡 +4 B) 306.37 KB
/blog/2015/01/27/react-v0.13.0-beta-1 216.01 KB (🟡 +4 B) 307.33 KB
/blog/2015/02/18/react-conf-roundup-2015 218 KB (🟡 +4 B) 309.32 KB
/blog/2015/02/20/introducing-relay-and-graphql 217.15 KB (🟡 +4 B) 308.47 KB
/blog/2015/02/24/react-v0.13-rc1 216.05 KB (🟡 +4 B) 307.38 KB
/blog/2015/02/24/streamlining-react-elements 218.6 KB (🟡 +4 B) 309.93 KB
/blog/2015/03/03/react-v0.13-rc2 215.38 KB (🟡 +4 B) 306.71 KB
/blog/2015/03/04/community-roundup-25 216.35 KB (🟡 +4 B) 307.67 KB
/blog/2015/03/10/react-v0.13 216.67 KB (🟡 +4 B) 307.99 KB
/blog/2015/03/16/react-v0.13.1 214.48 KB (🟡 +4 B) 305.81 KB
/blog/2015/03/19/building-the-facebook-news-feed-with-relay 217.24 KB (🟡 +4 B) 308.57 KB
/blog/2015/03/26/introducing-react-native 214.38 KB (🟡 +4 B) 305.7 KB
/blog/2015/03/30/community-roundup-26 216.31 KB (🟡 +4 B) 307.64 KB
/blog/2015/04/17/react-native-v0.4 215.23 KB (🟡 +4 B) 306.55 KB
/blog/2015/04/18/react-v0.13.2 214.56 KB (🟡 +4 B) 305.88 KB
/blog/2015/05/01/graphql-introduction 219.05 KB (🟡 +4 B) 310.37 KB
/blog/2015/05/08/react-v0.13.3 214.45 KB (🟡 +4 B) 305.78 KB
/blog/2015/05/22/react-native-release-process 214.6 KB (🟡 +4 B) 305.93 KB
/blog/2015/06/12/deprecating-jstransform-and-react-tools 215.06 KB (🟡 +4 B) 306.38 KB
/blog/2015/07/03/react-v0.14-beta-1 216.57 KB (🟡 +4 B) 307.89 KB
/blog/2015/08/03/new-react-devtools-beta 215.17 KB (🟡 +4 B) 306.49 KB
/blog/2015/08/11/relay-technical-preview 215.23 KB (🟡 +4 B) 306.55 KB
/blog/2015/08/13/reacteurope-roundup 216.82 KB (🟡 +4 B) 308.14 KB
/blog/2015/09/02/new-react-developer-tools 214.58 KB (🟡 +4 B) 305.91 KB
/blog/2015/09/10/react-v0.14-rc1 220.22 KB (🟡 +4 B) 311.54 KB
/blog/2015/09/14/community-roundup-27 216.74 KB (🟡 +4 B) 308.07 KB
/blog/2015/10/01/react-render-and-top-level-api 215.71 KB (🟡 +4 B) 307.04 KB
/blog/2015/10/07/react-v0.14 220.7 KB (🟡 +4 B) 312.02 KB
/blog/2015/10/19/reactiflux-is-moving-to-discord 216.46 KB (🟡 +4 B) 307.79 KB
/blog/2015/10/28/react-v0.14.1 214.47 KB (🟡 +4 B) 305.8 KB
/blog/2015/11/02/react-v0.14.2 214.5 KB (🟡 +4 B) 305.83 KB
/blog/2015/11/18/react-v0.14.3 214.63 KB (🟡 +4 B) 305.95 KB
/blog/2015/12/04/react-js-conf-2016-diversity-scholarship 215.5 KB (🟡 +4 B) 306.82 KB
/blog/2015/12/16/ismounted-antipattern 215.1 KB (🟡 +4 B) 306.42 KB
/blog/2015/12/18/react-components-elements-and-instances 219.02 KB (🟡 +4 B) 310.35 KB
/blog/2015/12/29/react-v0.14.4 214.3 KB (🟡 +4 B) 305.62 KB
/blog/2016/01/08/A-implies-B-does-not-imply-B-implies-A 215.31 KB (🟡 +4 B) 306.64 KB
/blog/2016/01/12/discontinuing-ie8-support 214.12 KB (🟡 +4 B) 305.45 KB
/blog/2016/02/19/new-versioning-scheme 215.5 KB (🟡 +4 B) 306.83 KB
/blog/2016/03/07/react-v15-rc1 218.2 KB (🟡 +4 B) 309.52 KB
/blog/2016/03/16/react-v15-rc2 215.12 KB (🟡 +4 B) 306.44 KB
/blog/2016/03/29/react-v0.14.8 214.25 KB (🟡 +4 B) 305.57 KB
/blog/2016/04/07/react-v15 222.32 KB (🟡 +4 B) 313.64 KB
/blog/2016/04/08/react-v15.0.1 215.01 KB (🟡 +4 B) 306.33 KB
/blog/2016/07/11/introducing-reacts-error-code-system 214.72 KB (🟡 +4 B) 306.04 KB
/blog/2016/07/13/mixins-considered-harmful 222.87 KB (🟡 +4 B) 314.2 KB
/blog/2016/07/22/create-apps-with-no-configuration 218.2 KB (🟡 +4 B) 309.53 KB
/blog/2016/08/05/relay-state-of-the-state 218.24 KB (🟡 +4 B) 309.57 KB
/blog/2016/09/28/our-first-50000-stars 219.69 KB (🟡 +4 B) 311.01 KB
/blog/2016/11/16/react-v15.4.0 217.64 KB (🟡 +4 B) 308.96 KB
/blog/2017/04/07/react-v15.5.0 218.2 KB (🟡 +4 B) 309.53 KB
/blog/2017/05/18/whats-new-in-create-react-app 217.6 KB (🟡 +4 B) 308.93 KB
/blog/2017/06/13/react-v15.6.0 216.22 KB (🟡 +4 B) 307.55 KB
/blog/2017/07/26/error-handling-in-react-16 216.57 KB (🟡 +4 B) 307.9 KB
/blog/2017/09/08/dom-attributes-in-react-16 217 KB (🟡 +4 B) 308.33 KB
/blog/2017/09/25/react-v15.6.2 215.34 KB (🟡 +4 B) 306.66 KB
/blog/2017/09/26/react-v16.0 220.47 KB (🟡 +4 B) 311.79 KB
/blog/2017/11/28/react-v16.2.0-fragment-support 218.38 KB (🟡 +4 B) 309.7 KB
/blog/2017/12/07/introducing-the-react-rfc-process 214.92 KB (🟡 +4 B) 306.25 KB
/blog/2017/12/15/improving-the-repository-infrastructure 230.71 KB (🟡 +4 B) 322.03 KB
/blog/2018/03/01/sneak-peek-beyond-react-16 214.88 KB (🟡 +4 B) 306.2 KB
/blog/2018/03/27/update-on-async-rendering 220.12 KB (🟡 +4 B) 311.44 KB
/blog/2018/03/29/react-v-16-3 216.94 KB (🟡 +4 B) 308.27 KB
/blog/2018/05/23/react-v-16-4 217.08 KB (🟡 +4 B) 308.4 KB
/blog/2018/06/07/you-probably-dont-need-derived-state 220.74 KB (🟡 +4 B) 312.06 KB
/blog/2018/08/01/react-v-16-4-2 215.73 KB (🟡 +4 B) 307.05 KB
/blog/2018/09/10/introducing-the-react-profiler 217.34 KB (🟡 +4 B) 308.66 KB
/blog/2018/10/01/create-react-app-v2 217.82 KB (🟡 +4 B) 309.14 KB
/blog/2018/10/23/react-v-16-6 217.01 KB (🟡 +4 B) 308.34 KB
/blog/2018/11/13/react-conf-recap 214.73 KB (🟡 +4 B) 306.05 KB
/blog/2018/11/27/react-16-roadmap 220.92 KB (🟡 +4 B) 312.25 KB
/blog/2018/12/19/react-v-16-7 215.85 KB (🟡 +4 B) 307.18 KB
/blog/2019/02/06/react-v16.8.0 218.12 KB (🟡 +4 B) 309.44 KB
/blog/2019/02/23/is-react-translated-yet 217.69 KB (🟡 +4 B) 309.01 KB
/blog/2019/08/08/react-v16.9.0 220.61 KB (🟡 +4 B) 311.94 KB
/blog/2019/08/15/new-react-devtools 215.22 KB (🟡 +4 B) 306.54 KB
/blog/2019/10/22/react-release-channels 217.03 KB (🟡 +4 B) 308.36 KB
/blog/2019/11/06/building-great-user-experiences-with-concurrent-mode-and-suspense 221.74 KB (🟡 +4 B) 313.06 KB
/blog/2020/02/26/react-v16.13.0 217.96 KB (🟡 +4 B) 309.28 KB
/blog/2020/08/10/react-v17-rc 224.24 KB (🟡 +4 B) 315.56 KB
/blog/all 53.49 KB (🟡 +4 B) 144.81 KB
/community 203.53 KB (🟡 +4 B) 294.85 KB
/community/acknowledgements 204.72 KB (🟡 +4 B) 296.05 KB
/community/meet-the-team 205.24 KB (🟡 +4 B) 296.57 KB
/learn 212.24 KB (🟡 +4 B) 303.56 KB
/learn/add-react-to-a-website 208.36 KB (🟡 +4 B) 299.68 KB
/learn/adding-interactivity 210.16 KB (🟡 +4 B) 301.48 KB
/learn/choosing-the-state-structure 215.9 KB (🟡 +4 B) 307.22 KB
/learn/conditional-rendering 208.13 KB (🟡 +4 B) 299.45 KB
/learn/describing-the-ui 207.34 KB (🟡 +4 B) 298.67 KB
/learn/editor-setup 204.62 KB (🟡 +4 B) 295.94 KB
/learn/escape-hatches 202.86 KB (🟡 +4 B) 294.18 KB
/learn/extracting-state-logic-into-a-reducer 213.5 KB (🟡 +4 B) 304.83 KB
/learn/importing-and-exporting-components 207.47 KB (🟡 +4 B) 298.79 KB
/learn/installation 204.18 KB (🟡 +4 B) 295.5 KB
/learn/javascript-in-jsx-with-curly-braces 207.46 KB (🟡 +4 B) 298.78 KB
/learn/keeping-components-pure 210.74 KB (🟡 +4 B) 302.06 KB
/learn/managing-state 209.46 KB (🟡 +4 B) 300.78 KB
/learn/manipulating-the-dom-with-refs 211.37 KB (🟡 +4 B) 302.69 KB
/learn/passing-data-deeply-with-context 210.88 KB (🟡 +4 B) 302.21 KB
/learn/passing-props-to-a-component 211.92 KB (🟡 +1.62 KB) 303.25 KB
/learn/preserving-and-resetting-state 213.12 KB (🟡 +4 B) 304.45 KB
/learn/queueing-a-series-of-state-updates 208.1 KB (🟡 +4 B) 299.42 KB
/learn/react-developer-tools 204.06 KB (🟡 +4 B) 295.38 KB
/learn/reacting-to-input-with-state 212.58 KB (🟡 +4 B) 303.9 KB
/learn/referencing-values-with-refs 209.62 KB (🟡 +4 B) 300.94 KB
/learn/render-and-commit 206.59 KB (🟡 +4 B) 297.92 KB
/learn/rendering-lists 210.66 KB (🟡 +4 B) 301.98 KB
/learn/responding-to-events 209.65 KB (🟡 +4 B) 300.98 KB
/learn/scaling-up-with-reducer-and-context 207.68 KB (🟡 +4 B) 299 KB
/learn/sharing-state-between-components 208.39 KB (🟡 +4 B) 299.71 KB
/learn/start-a-new-react-project 205.03 KB (🟡 +4 B) 296.35 KB
/learn/state-a-components-memory 213.83 KB (🟡 +4 B) 305.15 KB
/learn/state-as-a-snapshot 207.65 KB (🟡 +4 B) 298.97 KB
/learn/thinking-in-react 209.53 KB (🟡 +4 B) 300.86 KB
/learn/updating-arrays-in-state 211.72 KB (🟡 +4 B) 303.04 KB
/learn/updating-objects-in-state 211.43 KB (🟡 +4 B) 302.76 KB
/learn/writing-markup-with-jsx 207.52 KB (🟡 +4 B) 298.84 KB
/learn/your-first-component 208.84 KB (🟡 +4 B) 300.17 KB
/reference 203.48 KB (🟡 +4 B) 294.81 KB
/reference/reactdom 203.63 KB (🟡 +4 B) 294.96 KB
/reference/render 204.97 KB (🟡 +4 B) 296.3 KB
/reference/usestate 211.46 KB (🟡 +4 B) 302.78 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.

koba04
koba04 approved these changes Jan 6, 2022
View reviewed changes
Copy link
Member

@koba04 koba04 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ありがとうございます！ LGTM!!! 👍 👍
一点だけ細かいコメント残しましたが approve しておきます。

@smikitky smikitky merged commit a471609 into main Jan 6, 2022
@smikitky smikitky deleted the tr/passing-props-to-a-component branch January 6, 2022 23:00
@smikitky smikitky mentioned this pull request Apr 18, 2022
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@koba04 koba04 koba04 approved these changes

@potato4d potato4d Awaiting requested review from potato4d

Assignees
No one assigned
Labels
beta
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
2 participants
@smikitky @koba04