Skip to content

Commit 3edd189

Browse files
Merge branch 'master' into master
2 parents d3d9385 + 4fda677 commit 3edd189

File tree

4 files changed

+5
-5
lines changed

4 files changed

+5
-5
lines changed

content/community/conferences.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ February 27 & 28, 2020 in Sydney, Australia
2525
### ReactConf Japan 2020 {#reactconfjp-2020}
2626
March 21, 2020 in Tokyo, Japan
2727

28-
[Website](https://reactconf.jp/) - [Twitter](https://twitter.com/reactjapanconf)
28+
[Website](https://reactconf.jp/) - [Twitter](https://twitter.com/reactjp)
2929

3030
### Reactathon 2020 {#reactathon-2020}
3131
March 30 - 31, 2020 in San Francisco, CA

content/docs/concurrent-mode-patterns.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -507,7 +507,7 @@ function ProfileTrivia({ resource }) {
507507

508508
**[Try it on CodeSandbox](https://codesandbox.io/s/focused-mountain-uhkzg)**
509509

510-
If you press "Open Profile" now, you can tell something is wrong. It takes whole seven seconds to make the transition now! This is because our trivia API is too slow. Let's say we can't make the API faster. How can we improve the user experience with this constraint?
510+
If you press "Open Profile" now, you can tell something is wrong. It takes a whole seven seconds to make the transition now! This is because our trivia API is too slow. Let's say we can't make the API faster. How can we improve the user experience with this constraint?
511511

512512
If we don't want to stay in the Pending state for too long, our first instinct might be to set `timeoutMs` in `useTransition` to something smaller, like `3000`. You can try this [here](https://codesandbox.io/s/practical-kowalevski-kpjg4). This lets us escape the prolonged Pending state, but we still don't have anything useful to show!
513513

content/docs/reconciliation.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -142,7 +142,7 @@ As a last resort, you can pass an item's index in the array as a key. This can w
142142

143143
Reorders can also cause issues with component state when indexes are used as keys. Component instances are updated and reused based on their key. If the key is an index, moving an item changes it. As a result, component state for things like uncontrolled inputs can get mixed up and updated in unexpected ways.
144144

145-
[Here](codepen://reconciliation/index-used-as-key) is an example of the issues that can be caused by using indexes as keys on CodePen, and [here](codepen://reconciliation/no-index-used-as-key) is an updated version of the same example showing how not using indexes as keys will fix these reordering, sorting, and prepending issues.
145+
Here is [an example of the issues that can be caused by using indexes as keys](codepen://reconciliation/index-used-as-key) on CodePen, and here is [an updated version of the same example showing how not using indexes as keys will fix these reordering, sorting, and prepending issues](codepen://reconciliation/no-index-used-as-key).
146146

147147
## Tradeoffs {#tradeoffs}
148148

content/docs/strict-mode.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@ When strict mode is enabled, React compiles a list of all class components using
3232

3333
![](../images/blog/strict-mode-unsafe-lifecycles-warning.png)
3434

35-
Addressing the issues identified by strict mode _now_ will make it easier for you to take advantage of async rendering in future releases of React.
35+
Addressing the issues identified by strict mode _now_ will make it easier for you to take advantage of concurrent rendering in future releases of React.
3636

3737
### Warning about legacy string ref API usage {#warning-about-legacy-string-ref-api-usage}
3838

@@ -83,7 +83,7 @@ Conceptually, React does work in two phases:
8383
* The **render** phase determines what changes need to be made to e.g. the DOM. During this phase, React calls `render` and then compares the result to the previous render.
8484
* The **commit** phase is when React applies any changes. (In the case of React DOM, this is when React inserts, updates, and removes DOM nodes.) React also calls lifecycles like `componentDidMount` and `componentDidUpdate` during this phase.
8585

86-
The commit phase is usually very fast, but rendering can be slow. For this reason, the upcoming async mode (which is not enabled by default yet) breaks the rendering work into pieces, pausing and resuming the work to avoid blocking the browser. This means that React may invoke render phase lifecycles more than once before committing, or it may invoke them without committing at all (because of an error or a higher priority interruption).
86+
The commit phase is usually very fast, but rendering can be slow. For this reason, the upcoming concurrent mode (which is not enabled by default yet) breaks the rendering work into pieces, pausing and resuming the work to avoid blocking the browser. This means that React may invoke render phase lifecycles more than once before committing, or it may invoke them without committing at all (because of an error or a higher priority interruption).
8787

8888
Render phase lifecycles include the following class component methods:
8989
* `constructor`

0 commit comments

Comments
 (0)