Skip to content

Commit 9a93114

Browse files
vldmrklvldmrkl
authored
Sync with reactjs.org @ 1becaff (#230)
2 parents c7d294f + 512f1cd commit 9a93114

29 files changed

Lines changed: 385 additions & 382 deletions

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

Lines changed: 19 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -162,17 +162,17 @@ useEffect(() => {
162162

163163
Most effects don't need to delay screen updates, so React runs them asynchronously soon after the update has been reflected on the screen. (For the rare cases where you need an effect to block paint, e.g. to measure and position a tooltip, prefer `useLayoutEffect`.)
164164

165-
However, the effect *cleanup* function, when it exists, used to run synchronously in React 16. We've found that, similar to `componentWillUnmount` being synchronous in classes, this is not ideal for larger apps because it slows down large screen transitions (e.g. switching tabs).
165+
However, when a component is unmounting, effect *cleanup* functions used to run synchronously (similar to `componentWillUnmount` being synchronous in classes). We've found that this is not ideal for larger apps because it slows down large screen transitions (e.g. switching tabs).
166166

167-
**In React 17, the effect cleanup function also runs asynchronously -- for example, if the component is unmounting, the cleanup will run _after_ the screen has been updated.**
167+
**In React 17, the effect cleanup function will always runs asynchronously -- for example, if the component is unmounting, the cleanup will run _after_ the screen has been updated.**
168168

169-
This mirrors how the effects themselves run more closely. In the rare cases where you might want to rely on the synchronous execution, you can switch to `useLayoutEffect` instead.
169+
This mirrors how the effects themselves run more closely. In the rare cases where you might want to rely on the synchronous execution, you can switch to `useLayoutEffect` instead.
170170

171171
>Note
172172
>
173173
>You might be wondering whether this means that you'll now be unable to fix warnings about `setState` on unmounted components. Don't worry -- React specifically checks for this case, and does *not* fire `setState` warnings in the short gap between unmounting and the cleanup. **So code cancelling requests or intervals can almost always stay the same.**
174174
175-
Additionally, React 17 executes the cleanup functions in the same order as the effects, according to their position in the tree. Previously, this order was occasionally different.
175+
Additionally, React 17 will always execute all effect cleanup functions (for all components) before it runs any new effects. React 16 only guaranteed this ordering for effects within a component.
176176

177177
#### Potential Issues {#potential-issues}
178178

@@ -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-
npm install react@17.0.0-rc.0 react-dom@17.0.0-rc.0
275+
npm install react@17.0.0-rc.1 react-dom@17.0.0-rc.1
276276
```
277277

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

280280
```bash
281-
yarn add react@17.0.0-rc.0 react-dom@17.0.0-rc.0
281+
yarn add react@17.0.0-rc.1 react-dom@17.0.0-rc.1
282282
```
283283

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

286286
```html
287-
<script crossorigin src="https://unpkg.com/react@17.0.0-rc.0/umd/react.production.min.js"></script>
288-
<script crossorigin src="https://unpkg.com/react-dom@17.0.0-rc.0/umd/react-dom.production.min.js"></script>
287+
<script crossorigin src="https://unpkg.com/react@17.0.0-rc.1/umd/react.production.min.js"></script>
288+
<script crossorigin src="https://unpkg.com/react-dom@17.0.0-rc.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‎

Lines changed: 36 additions & 81 deletions
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)

0 commit comments

Comments
 (0)