From 59c3c0a1551841cedfc8478524808492289e61f5 Mon Sep 17 00:00:00 2001 From: Wojtek Date: Fri, 29 Mar 2019 20:05:00 +0100 Subject: [PATCH 1/5] Fix explanation of the `useState` example in 'Hooks API Reference' page (#1881) --- content/docs/hooks-reference.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/hooks-reference.md b/content/docs/hooks-reference.md index 98c2e14c0..24145eac2 100644 --- a/content/docs/hooks-reference.md +++ b/content/docs/hooks-reference.md @@ -67,7 +67,7 @@ function Counter({initialCount}) { } ``` -The "+" and "-" buttons use the functional form, because the updated value is based on the previous value. But the "Reset" button uses the normal form, because it always sets the count back to 0. +The "+" and "-" buttons use the functional form, because the updated value is based on the previous value. But the "Reset" button uses the normal form, because it always sets the count back to the initial value. > Note > From 8de5aff111bba0f04ff254aad1a084a2b2f48743 Mon Sep 17 00:00:00 2001 From: Nat Alison Date: Mon, 1 Apr 2019 23:53:19 -0700 Subject: [PATCH 2/5] Update languages.yml to show italian finishing --- content/languages.yml | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/content/languages.yml b/content/languages.yml index 844607526..a7fe36f1f 100644 --- a/content/languages.yml +++ b/content/languages.yml @@ -66,7 +66,7 @@ - name: Italian translated_name: Italiano code: it - status: 1 + status: 2 - name: Japanese translated_name: 日本語 code: ja @@ -174,4 +174,4 @@ - name: Traditional Chinese translated_name: 繁體中文 code: zh-hant - status: 0 + status: 1 From c7dde3d237489c86afacc0df62e6b9b1055e023e Mon Sep 17 00:00:00 2001 From: Parker Bond Date: Wed, 3 Apr 2019 13:31:06 -0600 Subject: [PATCH 3/5] Add Chain React to conferences list (#1900) Chain React is a React Native focused conference put on yearly. This will be the 3rd year it has been held. --- content/community/conferences.md | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/content/community/conferences.md b/content/community/conferences.md index 833e44c40..0c94b6c2a 100644 --- a/content/community/conferences.md +++ b/content/community/conferences.md @@ -52,6 +52,11 @@ June 21, 2019 Chicago, Illinois USA [Website](https://reactloop.com) - [Twitter](https://twitter.com/ReactLoop) +### Chain React 2019 +July 11-12, 2019. Portland, OR, USA. + +[Website](https://infinite.red/ChainReactConf) + ### React Rally 2019 August 22-23, 2019. Salt Lake City, USA. @@ -59,6 +64,7 @@ August 22-23, 2019. Salt Lake City, USA. ### ComponentsConf 2019 {#componentsconf-2019} September 6, 2019 in Melbourne, Australia + [Website](https://www.componentsconf.com.au/) - [Twitter](https://twitter.com/componentsconf) ### React Native EU 2019 {#react-native-eu-2019} From 2a1b08943c2c65bbf5a6a1e63777488833909f45 Mon Sep 17 00:00:00 2001 From: Camilo Giraldo Date: Wed, 3 Apr 2019 14:51:42 -0500 Subject: [PATCH 4/5] Fix 1640: Formatting for code blocks nested in blockquote (#1899) --- src/theme.js | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/theme.js b/src/theme.js index a4d445206..8d0c2735f 100644 --- a/src/theme.js +++ b/src/theme.js @@ -405,6 +405,10 @@ const sharedStyles = { marginTop: 0, }, }, + + '& .gatsby-highlight': { + marginLeft: 0, + }, }, '& .gatsby-highlight + blockquote': { From a1c0a4533a5961faa7dd93281f5874050863d564 Mon Sep 17 00:00:00 2001 From: Hyuna Lee Date: Thu, 4 Apr 2019 21:05:28 +0900 Subject: [PATCH 5/5] Translate Uncontrolled Components (#66) * feat(uncontrolled-components): translate * fix(uncontrolled-components): remove blank * fix(uncontrolled-component): Check the term & Spelling check * fix(uncontrolled-component): code review * docs(uncontrolled-component): review * Update some translation --- content/docs/uncontrolled-components.md | 31 ++++++++++++------------- 1 file changed, 15 insertions(+), 16 deletions(-) diff --git a/content/docs/uncontrolled-components.md b/content/docs/uncontrolled-components.md index 10b6eab28..bdb1c2037 100644 --- a/content/docs/uncontrolled-components.md +++ b/content/docs/uncontrolled-components.md @@ -1,14 +1,14 @@ --- id: uncontrolled-components -title: Uncontrolled Components +title: 비제어 컴포넌트 permalink: docs/uncontrolled-components.html --- -In most cases, we recommend using [controlled components](/docs/forms.html) to implement forms. In a controlled component, form data is handled by a React component. The alternative is uncontrolled components, where form data is handled by the DOM itself. +대부분 경우에 폼을 구현하는데 [제어 컴포넌트](/docs/forms.html)를 사용하는 것이 좋습니다. 제어 컴포넌트에서 폼 데이터는 React 컴포넌트에서 다루어집니다. 대안인 비제어 컴포넌트는 DOM 자체에서 폼 데이터가 다루어집니다. -To write an uncontrolled component, instead of writing an event handler for every state update, you can [use a ref](/docs/refs-and-the-dom.html) to get form values from the DOM. +모든 state 업데이트에 대한 이벤트 핸들러를 작성하는 대신 비제어 컴포넌트를 만들려면 [ref를 사용](/docs/refs-and-the-dom.html)하여 DOM에서 폼 값을 가져올 수 있습니다. -For example, this code accepts a single name in an uncontrolled component: +예를 들어 아래 코드는 비제어 컴포넌트에 단일 이름을 허용합니다. ```javascript{5,9,18} class NameForm extends React.Component { @@ -37,15 +37,15 @@ class NameForm extends React.Component { } ``` -[**Try it on CodePen**](https://codepen.io/gaearon/pen/WooRWa?editors=0010) +[**CodePen에서 실행하기**](https://codepen.io/gaearon/pen/WooRWa?editors=0010) -Since an uncontrolled component keeps the source of truth in the DOM, it is sometimes easier to integrate React and non-React code when using uncontrolled components. It can also be slightly less code if you want to be quick and dirty. Otherwise, you should usually use controlled components. +비제어 컴포넌트는 DOM에 신뢰 가능한 출처를 유지하므로 비제어 컴포넌트를 사용할 때 React와 non-React 코드를 통합하는 것이 쉬울 수 있습니다. 빠르고 간편하게 적은 코드를 작성할 수 있지만, 그 외에는 일반적으로 제어된 컴포넌트를 사용해야 합니다. -If it's still not clear which type of component you should use for a particular situation, you might find [this article on controlled versus uncontrolled inputs](https://goshakkk.name/controlled-vs-uncontrolled-inputs-react/) to be helpful. +특정 상황에서 사용해야 하는 컴포넌트의 타입이 명확하지 않은 경우, [제어 입력과 비제어 입력에 대한 글](https://goshakkk.name/controlled-vs-uncontrolled-inputs-react/)이 도움이 될 것입니다. -### Default Values {#default-values} +### 기본 값 {#default-values} -In the React rendering lifecycle, the `value` attribute on form elements will override the value in the DOM. With an uncontrolled component, you often want React to specify the initial value, but leave subsequent updates uncontrolled. To handle this case, you can specify a `defaultValue` attribute instead of `value`. +React 렌더링 생명주기에서 폼 엘리먼트의 `value` 어트리뷰트는 DOM의 value를 대체합니다. 비제어 컴포넌트를 사용하면 React 초깃값을 지정하지만, 그 이후의 업데이트는 제어하지 않는 것이 좋습니다. 이러한 경우에 `value` 어트리뷰트 대신 `defaultValue`를 지정할 수 있습니다. ```javascript{7} render() { @@ -64,21 +64,20 @@ render() { } ``` -Likewise, `` and `` support `defaultChecked`, and `