Skip to content

Commit 7cd0225

Browse files
authored
Merge branch 'master' into hooks_custom
2 parents cfb3fe0 + bd33aa0 commit 7cd0225

8 files changed

+58
-91
lines changed

content/blog/2020-08-10-react-v17-rc.md

+15-4
Original file line numberDiff line numberDiff line change
@@ -272,20 +272,20 @@ We encourage you to try React 17.0 Release Candidate soon and [raise any issues]
272272
To install React 17 RC with npm, run:
273273

274274
```bash
275-
275+
276276
```
277277

278278
To install React 17 RC with Yarn, run:
279279

280280
```bash
281-
281+
282282
```
283283

284284
We also provide UMD builds of React via a CDN:
285285

286286
```html
287-
<script crossorigin src="https://unpkg.com/[email protected].0/umd/react.production.min.js"></script>
288-
<script crossorigin src="https://unpkg.com/[email protected].0/umd/react-dom.production.min.js"></script>
287+
<script crossorigin src="https://unpkg.com/[email protected].1/umd/react.production.min.js"></script>
288+
<script crossorigin src="https://unpkg.com/[email protected].1/umd/react-dom.production.min.js"></script>
289289
```
290290

291291
Refer to the documentation for [detailed installation instructions](/docs/installation.html).
@@ -297,6 +297,8 @@ Refer to the documentation for [detailed installation instructions](/docs/instal
297297
* Add `react/jsx-runtime` and `react/jsx-dev-runtime` for the [new JSX transform](https://babeljs.io/blog/2020/03/16/7.9.0#a-new-jsx-transform-11154-https-githubcom-babel-babel-pull-11154). ([@lunaruan](https://github.com/lunaruan) in [#18299](https://github.com/facebook/react/pull/18299))
298298
* Build component stacks from native error frames. ([@sebmarkbage](https://github.com/sebmarkbage) in [#18561](https://github.com/facebook/react/pull/18561))
299299
* Allow to specify `displayName` on context for improved stacks. ([@eps1lon](https://github.com/eps1lon) in [#18224](https://github.com/facebook/react/pull/18224))
300+
* Prevent `'use strict'` from leaking in the UMD bundles. ([@koba04](https://github.com/koba04) in [#19614](https://github.com/facebook/react/pull/19614))
301+
* Stop using `fb.me` for redirects. ([@cylim](https://github.com/cylim) in [#19598](https://github.com/facebook/react/pull/19598))
300302

301303
### React DOM {#react-dom}
302304

@@ -309,6 +311,7 @@ Refer to the documentation for [detailed installation instructions](/docs/instal
309311
* Throw if `forwardRef` or `memo` component returns `undefined`. ([@gaearon](https://github.com/gaearon) in [#19550](https://github.com/facebook/react/pull/19550))
310312
* Remove event pooling. ([@trueadm](https://github.com/trueadm) in [#18969](https://github.com/facebook/react/pull/18969))
311313
* Stop exposing internals that won’t be needed by React Native Web. ([@necolas](https://github.com/necolas) in [#18483](https://github.com/facebook/react/pull/18483))
314+
* Attach all known event listeners when the root mounts. ([@gaearon](https://github.com/gaearon) in [#19659](https://github.com/facebook/react/pull/19659))
312315
* Disable `console` in the second render pass of DEV mode double render. ([@sebmarkbage](https://github.com/sebmarkbage) in [#18547](https://github.com/facebook/react/pull/18547))
313316
* Deprecate the undocumented and misleading `ReactTestUtils.SimulateNative` API. ([@gaearon](https://github.com/gaearon) in [#13407](https://github.com/facebook/react/pull/13407))
314317
* Rename private field names used in the internals. ([@gaearon](https://github.com/gaearon) in [#18377](https://github.com/facebook/react/pull/18377))
@@ -324,11 +327,16 @@ Refer to the documentation for [detailed installation instructions](/docs/instal
324327
* Improve the error message for invalid updates. ([@JoviDeCroock](https://github.com/JoviDeCroock) in [#18316](https://github.com/facebook/react/pull/18316))
325328
* Exclude forwardRef and memo from stack frames. ([@sebmarkbage](https://github.com/sebmarkbage) in [#18559](https://github.com/facebook/react/pull/18559))
326329
* Improve the error message when switching between controlled and uncontrolled inputs. ([@vcarl](https://github.com/vcarl) in [#17070](https://github.com/facebook/react/pull/17070))
330+
* Keep `onTouchStart`, `onTouchMove`, and `onWheel` passive. ([@gaearon](https://github.com/gaearon) in [#19654](https://github.com/facebook/react/pull/19654))
327331
* Fix `setState` hanging in development inside a closed iframe. ([@gaearon](https://github.com/gaearon) in [#19220](https://github.com/facebook/react/pull/19220))
328332
* Fix rendering bailout for lazy components with `defaultProps`. ([@jddxf](https://github.com/jddxf) in [#18539](https://github.com/facebook/react/pull/18539))
329333
* Fix a false positive warning when `dangerouslySetInnerHTML` is `undefined`. ([@eps1lon](https://github.com/eps1lon) in [#18676](https://github.com/facebook/react/pull/18676))
330334
* Fix Test Utils with non-standard `require` implementation. ([@just-boris](https://github.com/just-boris) in [#18632](https://github.com/facebook/react/pull/18632))
331335
* Fix `onBeforeInput` reporting an incorrect `event.type`. ([@eps1lon](https://github.com/eps1lon) in [#19561](https://github.com/facebook/react/pull/19561))
336+
* Fix `event.relatedTarget` reported as `undefined` in Firefox. ([@claytercek](https://github.com/claytercek) in [#19607](https://github.com/facebook/react/pull/19607))
337+
* Fix "unspecified error" in IE11. ([@hemakshis](https://github.com/hemakshis) in [#19664](https://github.com/facebook/react/pull/19664))
338+
* Fix rendering into a shadow root. ([@Jack-Works](https://github.com/Jack-Works) in [#15894](https://github.com/facebook/react/pull/15894))
339+
* Fix `movementX/Y` polyfill with capture events. ([@gaearon](https://github.com/gaearon) in [#19672](https://github.com/facebook/react/pull/19672))
332340
* Use delegation for `onSubmit` and `onReset` events. ([@gaearon](https://github.com/gaearon) in [#19333](https://github.com/facebook/react/pull/19333))
333341
* Improve memory usage. ([@trueadm](https://github.com/trueadm) in [#18970](https://github.com/facebook/react/pull/18970))
334342

@@ -346,9 +354,12 @@ Refer to the documentation for [detailed installation instructions](/docs/instal
346354
* Revamp the priority batching heuristics. ([@acdlite](https://github.com/acdlite) in [#18796](https://github.com/facebook/react/pull/18796))
347355
* Add the `unstable_` prefix before the experimental APIs. ([@acdlite](https://github.com/acdlite) in [#18825](https://github.com/facebook/react/pull/18825))
348356
* Remove `unstable_discreteUpdates` and `unstable_flushDiscreteUpdates`. ([@trueadm](https://github.com/trueadm) in [#18825](https://github.com/facebook/react/pull/18825))
357+
* Remove the `timeoutMs` argument. ([@acdlite](https://github.com/acdlite) in [#19703](https://github.com/facebook/react/pull/19703))
349358
* Disable `<div hidden />` prerendering in favor of a different future API. ([@acdlite](https://github.com/acdlite) in [#18917](https://github.com/facebook/react/pull/18917))
350359
* Add an experimental `unstable_useOpaqueIdentifier` Hook. ([@lunaruan](https://github.com/lunaruan) in [#17322](https://github.com/facebook/react/pull/17322))
360+
* Add an experimental `unstable_startTransition` API. ([@rickhanlonii](https://github.com/rickhanlonii) in [#19696](https://github.com/facebook/react/pull/19696))
351361
* Using `act` in the test renderer no longer flushes Suspense fallbacks. ([@acdlite](https://github.com/acdlite) in [#18596](https://github.com/facebook/react/pull/18596))
362+
* Use global render timeout for CPU Suspense. ([@sebmarkbage](https://github.com/sebmarkbage) in [#19643](https://github.com/facebook/react/pull/19643))
352363
* Clear the existing root content before mounting. ([@bvaughn](https://github.com/bvaughn) in [#18730](https://github.com/facebook/react/pull/18730))
353364
* Fix a bug with error boundaries. ([@acdlite](https://github.com/acdlite) in [#18265](https://github.com/facebook/react/pull/18265))
354365
* Fix a bug causing dropped updates in a suspended tree. ([@acdlite](https://github.com/acdlite) in [#18384](https://github.com/facebook/react/pull/18384) and [#18457](https://github.com/facebook/react/pull/18457))

content/community/conferences.md

+36-81
Original file line numberDiff line numberDiff line change
@@ -12,96 +12,31 @@ Do you know of a local React.js conference? Add it here! (Please keep the list c
1212

1313
## Upcoming Conferences {#upcoming-conferences}
1414

15-
### Reactathon 2020 {#reactathon-2020}
16-
March 30 - 31, 2020 in San Francisco, CA
17-
18-
[Website](https://www.reactathon.com) - [Twitter](https://twitter.com/reactathon) - [Facebook](https://www.facebook.com/events/575942819854160/)
19-
20-
### React Summit - Remote Edition 2020 {#react-summit-remote-2020}
21-
3pm CEST time, April 17, 2020 - remote event
22-
23-
[Website](https://remote.reactsummit.com) - [Twitter](https://twitter.com/reactamsterdam) - [Facebook](https://www.facebook.com/reactamsterdam) - [Videos](https://youtube.com/c/ReactConferences)
24-
25-
### React Day Bangalore 2020 {#react-day-bangalore-2020}
26-
April 25, 2020 in Bangalore, India
27-
28-
[Website](https://reactday.in) - [Twitter](https://twitter.com/ReactDayIn) - [LinkedIn](https://www.linkedin.com/company/react-day/)
29-
30-
### Byteconf React 2020 {#byteconf-react-2020}
31-
May 1, 2020. Streamed online on YouTube.
32-
33-
[Website](https://www.bytesized.xyz) - [Twitter](https://twitter.com/bytesizedcode) - [YouTube](https://www.youtube.com/channel/UC046lFvJZhiwSRWsoH8SFjg)
34-
35-
### ReactEurope 2020 {#reacteurope-2020}
36-
May 14-15, 2020 in Paris, France
37-
38-
[Website](https://www.react-europe.org) - [Twitter](https://twitter.com/ReactEurope) - [Facebook](https://www.facebook.com/ReactEurope) - [Videos](https://www.youtube.com/c/ReacteuropeOrgConf)
39-
40-
### React Finland 2020 {#react-finland-2020}
41-
May 26-29 in Helsinki, Finland
42-
43-
[Website](https://react-finland.fi/) - [Twitter](https://twitter.com/ReactFinland)
44-
45-
### React Next 2020 {#react-next-2020}
46-
June 15, 2020. Tel Aviv, Israel.
47-
48-
[Website](https://react-next.com/) - [Twitter](https://twitter.com/reactnext) - [Facebook](https://www.facebook.com/ReactNext2016/)
49-
50-
### React Loop 2020 {#react-loop-2020}
51-
June 19, 2020. Chicago, Illinois, USA.
52-
53-
[Website](https://reactloop.com) - [Twitter](https://twitter.com/ReactLoop)
54-
55-
### React Week NY 2020 {#react-week-ny-2020}
56-
July 17, 2020. New York City, USA.
57-
58-
[Website](https://reactweek.nyc/) - [Twitter](https://twitter.com/reactweek) - [Facebook](https://www.facebook.com/reactweek)
59-
60-
### React La Conferencia 2020 {#react-la-conferencia-2020}
61-
July 18, 2020. Medellín, Colombia.
62-
63-
[Website](https://reactlaconf.co/) - [Twitter](https://twitter.com/reactlaconf)
64-
65-
### Chain React 2020 {#chain-react-2020}
66-
July 29-30, 2020. Portland, Oregon, USA.
67-
68-
[Website](https://infinite.red/ChainReactConf) - [Twitter](https://twitter.com/ChainReactConf)
69-
70-
### render(ATL) 2020 {#render-atlanta-2020}
71-
August 24-26, 2020. Atlanta, GA, USA.
72-
73-
[Website](https://renderatl.com) - [Twitter](https://twitter.com/renderATL) - [Instagram](https://www.instagram.com/renderatl/) - [Facebook](https://www.facebook.com/renderatl/) - [LinkedIn](https://www.linkedin.com/company/renderatl)
74-
75-
### ComponentsConf 2020 {#components20}
76-
September 1, 2020 in Melbourne, Australia
77-
78-
[Website](https://www.componentsconf.com.au/) - [Twitter](https://twitter.com/ComponentsConf) - [Facebook](https://www.facebook.com/ComponentsConf/) - [LinkedIn](https://www.linkedin.com/company/componentsconf/) - [YouTube](https://www.youtube.com/ComponentsConf)
79-
8015
### React Native EU 2020 {#react-native-eu-2020}
81-
September 5-6, 2020 in Wrocław, Poland
16+
September 3-4, 2020 - remote event
8217

8318
[Website](https://www.react-native.eu/) - [Twitter](https://twitter.com/react_native_eu) - [Facebook](https://www.facebook.com/reactnativeeu/) - [YouTube](https://www.youtube.com/watch?v=m0GfmlGFh3E&list=PLZ3MwD-soTTHy9_88QPLF8DEJkvoB5Tl-) - [Instagram](https://www.instagram.com/reactnative_eu/)
8419

85-
### React Summit Amsterdam 2020 {#react-summit-2020}
86-
September 8-11, 2020 in Amsterdam, The Netherlands
87-
88-
[Website](https://reactsummit.com) - [Twitter](https://twitter.com/reactamsterdam) - [Facebook](https://www.facebook.com/reactamsterdam) - [Videos](https://youtube.com/c/ReactConferences)
89-
90-
### React Advanced 2020 {#react-advanced-2020}
91-
October 21-23, 2020 in London, UK
20+
### render(ATL) 2020 {#render-atlanta-2020}
21+
September 13-15, 2020. Atlanta, GA, USA.
9222

93-
[Website](https://reactadvanced.com) - [Twitter](http://twitter.com/reactadvanced) - [Facebook](https://www.facebook.com/ReactAdvanced) - [Videos](https://youtube.com/c/ReactConferences)
23+
[Website](https://renderatl.com) - [Twitter](https://twitter.com/renderATL) - [Instagram](https://www.instagram.com/renderatl/) - [Facebook](https://www.facebook.com/renderatl/) - [LinkedIn](https://www.linkedin.com/company/renderatl)
9424

95-
### React India 2020 {#react-india-2020}
96-
November 6, 2020 in Mumbai, India
25+
### React Summit 2020 {#react-summit-2020}
26+
7am PST / 1pm EST / 4pm CEST October 15-16, 2020 - remote event
9727

98-
[Website](https://www.reactindia.io) - [Twitter](https://twitter.com/react_india) - [Facebook](https://www.facebook.com/ReactJSIndia/) - [LinkedIn](https://www.linkedin.com/showcase/14545585) - [YouTube](https://www.youtube.com/channel/UCaFbHCBkPvVv1bWs_jwYt3w/videos)
28+
[Website](https://reactsummit.com) - [Twitter](https://twitter.com/reactsummit) - [Facebook](https://www.facebook.com/reactamsterdam) - [Videos](https://youtube.com/c/ReactConferences)
9929

10030
### React Day Berlin 2020 {#react-day-berlin-2020}
10131
November 25-27, 2020 in Berlin, Germany
10232

10333
[Website](https://reactday.berlin) - [Twitter](https://twitter.com/reactdayberlin) - [Facebook](https://www.facebook.com/reactdayberlin/) - [Videos](https://www.youtube.com/reactdayberlin)
10434

35+
### React Next 2020 {#react-next-2020}
36+
December 1, 2020. Tel Aviv, Israel.
37+
38+
[Website](https://react-next.com/) - [Twitter](https://twitter.com/reactnext) - [Facebook](https://www.facebook.com/ReactNext2016/)
39+
10540
## Past Conferences {#past-conferences}
10641

10742
### React.js Conf 2015 {#reactjs-conf-2015}
@@ -129,7 +64,7 @@ February 22 & 23 in San Francisco, CA
12964
### React Amsterdam 2016 {#react-amsterdam-2016}
13065
April 16 in Amsterdam, The Netherlands
13166

132-
[Website](https://reactsummit.com) - [Twitter](https://twitter.com/reactamsterdam) - [Facebook](https://www.facebook.com/reactamsterdam) - [Videos](https://youtube.com/c/ReactConferences)
67+
[Website](https://reactsummit.com) - [Twitter](https://twitter.com/reactsummit) - [Facebook](https://www.facebook.com/reactamsterdam) - [Videos](https://youtube.com/c/ReactConferences)
13368

13469
### ReactEurope 2016 {#reacteurope-2016}
13570
June 2 & 3 in Paris, France
@@ -179,7 +114,7 @@ March 28th at the [QEII Centre, London](http://qeiicentre.london/)
179114
### React Amsterdam 2017 {#react-amsterdam-2017}
180115
April 21st in Amsterdam, The Netherlands
181116

182-
[Website](https://reactsummit.com) - [Twitter](https://twitter.com/reactamsterdam) - [Videos](https://youtube.com/c/ReactConferences)
117+
[Website](https://reactsummit.com) - [Twitter](https://twitter.com/reactsummit) - [Videos](https://youtube.com/c/ReactConferences)
183118

184119
### ReactEurope 2017 {#reacteurope-2017}
185120
May 18th & 19th in Paris, France
@@ -284,7 +219,7 @@ March 31 in Kiev, Ukraine
284219
### React Amsterdam 2018 {#react-amsterdam-2018}
285220
April 13 in Amsterdam, The Netherlands
286221

287-
[Website](https://reactsummit.com) - [Twitter](https://twitter.com/reactamsterdam) - [Facebook](https://www.facebook.com/reactamsterdam)
222+
[Website](https://reactsummit.com) - [Twitter](https://twitter.com/reactsummit) - [Facebook](https://www.facebook.com/reactamsterdam)
288223

289224
### React Finland 2018 {#react-finland-2018}
290225
April 24-26 in Helsinki, Finland
@@ -389,7 +324,7 @@ April 4-5, 2019 in Kraków, Poland
389324
### React Amsterdam 2019 {#react-amsterdam-2019}
390325
April 12, 2019 in Amsterdam, The Netherlands
391326

392-
[Website](https://reactsummit.com) - [Twitter](https://twitter.com/reactamsterdam) - [Facebook](https://www.facebook.com/reactamsterdam) - [Videos](https://youtube.com/c/ReactConferences)
327+
[Website](https://reactsummit.com) - [Twitter](https://twitter.com/reactsummit) - [Facebook](https://www.facebook.com/reactamsterdam) - [Videos](https://youtube.com/c/ReactConferences)
393328

394329
### React Finland 2019 {#react-finland-2019}
395330
April 24-26 in Helsinki, Finland
@@ -515,3 +450,23 @@ February 1-2, 2020 in Cologne, Germany
515450
February 27 & 28, 2020 in Sydney, Australia
516451

517452
[Website](https://reactconfau.com/) - [Twitter](https://twitter.com/reactconfau) - [Facebook](https://www.facebook.com/reactconfau) - [Instagram](https://www.instagram.com/reactconfau/)
453+
454+
### Reactathon 2020 {#reactathon-2020}
455+
March 30 - 31, 2020 in San Francisco, CA
456+
457+
[Website](https://www.reactathon.com) - [Twitter](https://twitter.com/reactathon) - [Facebook](https://www.facebook.com/events/575942819854160/)
458+
459+
### React Summit - Remote Edition 2020 {#react-summit-remote-2020}
460+
3pm CEST time, April 17, 2020 - remote event
461+
462+
[Website](https://remote.reactsummit.com) - [Twitter](https://twitter.com/reactsummit) - [Facebook](https://www.facebook.com/reactamsterdam) - [Videos](https://youtube.com/c/ReactConferences)
463+
464+
### Byteconf React 2020 {#byteconf-react-2020}
465+
May 1, 2020. Streamed online on YouTube.
466+
467+
[Website](https://www.bytesized.xyz) - [Twitter](https://twitter.com/bytesizedcode) - [YouTube](https://www.youtube.com/channel/UC046lFvJZhiwSRWsoH8SFjg)
468+
469+
### ReactEurope 2020 {#reacteurope-2020}
470+
May 14-15, 2020 in Paris, France
471+
472+
[Website](https://www.react-europe.org) - [Twitter](https://twitter.com/ReactEurope) - [Facebook](https://www.facebook.com/ReactEurope) - [Videos](https://www.youtube.com/c/ReacteuropeOrgConf)

content/docs/concurrent-mode-adoption.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -71,7 +71,7 @@ import ReactDOM from 'react-dom';
7171
//
7272
// 다음과 같이 작성하여 Concurrent 모드를 선택할 수 있습니다.
7373

74-
ReactDOM.createRoot(
74+
ReactDOM.unstable_createRoot(
7575
document.getElementById('root')
7676
).render(<App />);
7777
```

content/docs/hooks-faq.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -580,7 +580,7 @@ Depending on your use case, there are a few more options described below.
580580
581581
Let's see why this matters.
582582

583-
If you specify a [list of dependencies](/docs/hooks-reference.html#conditionally-firing-an-effect) as the last argument to `useEffect`, `useMemo`, `useCallback`, or `useImperativeHandle`, it must include all values that are used inside the callback and participate in the React data flow. That includes props, state, and anything derived from them.
583+
If you specify a [list of dependencies](/docs/hooks-reference.html#conditionally-firing-an-effect) as the last argument to `useEffect`, `useLayoutEffect`, `useMemo`, `useCallback`, or `useImperativeHandle`, it must include all values that are used inside the callback and participate in the React data flow. That includes props, state, and anything derived from them.
584584

585585
It is **only** safe to omit a function from the dependency list if nothing in it (or the functions called by it) references props, state, or values derived from them. This example has a bug:
586586

content/docs/reference-react.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -124,9 +124,9 @@ const MyComponent = React.memo(function MyComponent(props) {
124124
});
125125
```
126126

127-
`React.memo`[고차 컴포넌트(Higher Order Component)](/docs/higher-order-components.html)입니다. [`React.PureComponent`](#reactpurecomponent)와 비슷하지만 class가 아니라 함수 컴포넌트라는 점이 다릅니다.
127+
`React.memo`[고차 컴포넌트(Higher Order Component)](/docs/higher-order-components.html)입니다.
128128

129-
당신의 함수 컴포넌트가 동일한 props로 동일한 결과를 렌더링해낸다면, `React.memo`를 호출하고 결과를 메모이징(Memoizing)하도록 래핑하여 경우에 따라 성능 향상을 누릴 수 있습니다. 즉, React는 컴포넌트를 렌더링하지 않고 마지막으로 렌더링된 결과를 재사용합니다.
129+
당신의 컴포넌트가 동일한 props로 동일한 결과를 렌더링해낸다면, `React.memo`를 호출하고 결과를 메모이징(Memoizing)하도록 래핑하여 경우에 따라 성능 향상을 누릴 수 있습니다. 즉, React는 컴포넌트를 렌더링하지 않고 마지막으로 렌더링된 결과를 재사용합니다.
130130

131131
`React.memo` only checks for prop changes. If your function component wrapped in `React.memo` has a [`useState`](/docs/hooks-state.html) or [`useContext`](/docs/hooks-reference.html#usecontext) Hook in its implementation, it will still rerender when state or context change.
132132

0 commit comments

Comments
 (0)