From 3794c8a505b885204235159991c9fd8a632430ff Mon Sep 17 00:00:00 2001 From: Ivaylo Kirov Date: Wed, 20 Nov 2019 14:08:48 -0500 Subject: [PATCH 1/8] Update accessibility.md (#2579) Fixed a small typo. --- content/docs/accessibility.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/accessibility.md b/content/docs/accessibility.md index 6e75e34e6..a8c73e64b 100644 --- a/content/docs/accessibility.md +++ b/content/docs/accessibility.md @@ -492,7 +492,7 @@ Refer to the following guides on how to best use NVDA: VoiceOver is an integrated screen reader on Apple devices. -Refer to the following guides on how activate and use VoiceOver: +Refer to the following guides on how to activate and use VoiceOver: - [WebAIM - Using VoiceOver to Evaluate Web Accessibility](https://webaim.org/articles/voiceover/) - [Deque - VoiceOver for OS X Keyboard Shortcuts](https://dequeuniversity.com/screenreaders/voiceover-keyboard-shortcuts) From 05206d70c9dfbf03dd623bea80011389f784b129 Mon Sep 17 00:00:00 2001 From: Josh Kramer Date: Mon, 25 Nov 2019 04:18:53 -0500 Subject: [PATCH 2/8] Remove dynamic import proposal text (#2564) Dynamic imports have reached stage 4 and are now part of ECMAScript. --- content/docs/code-splitting.md | 7 ------- 1 file changed, 7 deletions(-) diff --git a/content/docs/code-splitting.md b/content/docs/code-splitting.md index d6a9e9be2..e58eb0df9 100644 --- a/content/docs/code-splitting.md +++ b/content/docs/code-splitting.md @@ -94,13 +94,6 @@ import("./math").then(math => { }); ``` -> Note: -> -> The dynamic `import()` syntax is a ECMAScript (JavaScript) -> [proposal](https://github.com/tc39/proposal-dynamic-import) not currently -> part of the language standard. It is expected to be accepted in the -> near future. - When Webpack comes across this syntax, it automatically starts code-splitting your app. If you're using Create React App, this is already configured for you and you can [start using it](https://facebook.github.io/create-react-app/docs/code-splitting) immediately. It's also supported From 4dfde3eb02188a61081c5610b7c0daf3282a9225 Mon Sep 17 00:00:00 2001 From: "Kent C. Dodds" Date: Mon, 25 Nov 2019 02:19:22 -0700 Subject: [PATCH 3/8] fix typo in concurrent mode/suspense blog post (#2565) --- ...-great-user-experiences-with-concurrent-mode-and-suspense.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/blog/2019-11-06-building-great-user-experiences-with-concurrent-mode-and-suspense.md b/content/blog/2019-11-06-building-great-user-experiences-with-concurrent-mode-and-suspense.md index c21983eff..5ffa9d1f8 100644 --- a/content/blog/2019-11-06-building-great-user-experiences-with-concurrent-mode-and-suspense.md +++ b/content/blog/2019-11-06-building-great-user-experiences-with-concurrent-mode-and-suspense.md @@ -194,7 +194,7 @@ function Post(props) {

{postData.title}

by {postData.author}

- {/* @defer pairs naturally w to make the UI non-blocking too */} + {/* @defer pairs naturally with to make the UI non-blocking too */} }> From dd605354e0401391bbf176445b3c43343b26e3cc Mon Sep 17 00:00:00 2001 From: Joe Maddalone Date: Mon, 25 Nov 2019 03:24:32 -0600 Subject: [PATCH 4/8] Add React Loop 2020 (#2574) * Add React Loop 2020 * Update conferences.md Co-authored-by: Joe Maddalone <> Co-authored-by: Alexey Pyltsyn --- content/community/conferences.md | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/content/community/conferences.md b/content/community/conferences.md index 864f5cb5c..ab0659194 100644 --- a/content/community/conferences.md +++ b/content/community/conferences.md @@ -62,6 +62,11 @@ June 15, 2020. Tel Aviv, Israel. [Website](https://react-next.com/) - [Twitter](https://twitter.com/reactnext) - [Facebook](https://www.facebook.com/ReactNext2016/) +### React Loop 2020 {#react-loop-2020} +June 19, 2020. Chicago, Illinois, USA. + +[Website](https://reactloop.com) - [Twitter](https://twitter.com/ReactLoop) + ### React Week NY 2020 {#react-week-ny-2020} July 17, 2020. New York City, USA. From 598de227039a1b8af6762f3bcfb90adf5267bf7b Mon Sep 17 00:00:00 2001 From: Silviya Boteva Date: Mon, 25 Nov 2019 11:25:37 +0200 Subject: [PATCH 5/8] Add Developer Productivity Tips article (#2569) * Add Developer Productivity Tips article * Update the URL * Update --- content/community/articles.md | 1 + 1 file changed, 1 insertion(+) diff --git a/content/community/articles.md b/content/community/articles.md index 6424b3b22..1ae40e4bc 100644 --- a/content/community/articles.md +++ b/content/community/articles.md @@ -17,3 +17,4 @@ permalink: community/articles.html - [How to Use the React Profiler Component to Measure Render Performance](https://medium.com/@adamhenson/how-to-use-the-react-profiler-component-to-measure-performance-improvements-from-hooks-d43b7092d7a8) - Adam Henson's article exemplifying a use case for ``. - [Thinking in React Hooks](https://wattenberger.com/blog/react-hooks) - Amelia Wattenberger's provides visualizations and highlighting the mindset change needed switching from classes to functional components + hooks. - [React/Redux Links](https://github.com/markerikson/react-redux-links) - Curated tutorial and resource links by Mark Erikson collected on React, Redux, ES6, and more. Very helpful for all kind of developers because of it's categorised content. +- [Developer Productivity Tips from the React Experts](https://www.telerik.com/kendo-react-ui/react-best-practices-and-productivity-tips/) - The KendoReact team curated the top productivity tips of 20+ React experts. Includes tips from Emma Wedekind, Kent C. Dodds, vjeux and many more. From 9d878b4434b7260c4dc915a4be772f8f2b8b3038 Mon Sep 17 00:00:00 2001 From: Keyan Zhang Date: Mon, 25 Nov 2019 17:26:53 +0800 Subject: [PATCH 6/8] Link to docs from the Concurrent Mode feature comparison table (#2550) * Link to docs from the Concurrent Mode feature comparison table * feedback * Update concurrent-mode-adoption.md Co-authored-by: Alexey Pyltsyn --- content/docs/concurrent-mode-adoption.md | 20 ++++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) diff --git a/content/docs/concurrent-mode-adoption.md b/content/docs/concurrent-mode-adoption.md index f0624b282..45d3b0ea3 100644 --- a/content/docs/concurrent-mode-adoption.md +++ b/content/docs/concurrent-mode-adoption.md @@ -118,21 +118,21 @@ You can think of the Blocking Mode as a "gracefully degraded" version of the Con | |Legacy Mode |Blocking Mode |Concurrent Mode | |--- |--- |--- |--- | -|String Refs |✅ |🚫** |🚫** | -|Legacy Context |✅ |🚫** |🚫** | -|findDOMNode |✅ |🚫** |🚫** | -|Suspense |✅ |✅ |✅ | -|SuspenseList |🚫 |✅ |✅ | +|[String Refs](/docs/refs-and-the-dom.html#legacy-api-string-refs) |✅ |🚫** |🚫** | +|[Legacy Context](/docs/legacy-context.html) |✅ |🚫** |🚫** | +|[findDOMNode](/docs/strict-mode.html#warning-about-deprecated-finddomnode-usage) |✅ |🚫** |🚫** | +|[Suspense](/docs/concurrent-mode-suspense.html#what-is-suspense-exactly) |✅ |✅ |✅ | +|[SuspenseList](/docs/concurrent-mode-patterns.html#suspenselist) |🚫 |✅ |✅ | |Suspense SSR + Hydration |🚫 |✅ |✅ | |Progressive Hydration |🚫 |✅ |✅ | |Selective Hydration |🚫 |🚫 |✅ | |Cooperative Multitasking |🚫 |🚫 |✅ | |Automatic batching of multiple setStates    |🚫* |✅ |✅ | -|Priority-based Rendering |🚫 |🚫 |✅ | -|Interruptible Prerendering |🚫 |🚫 |✅ | -|useTransition |🚫 |🚫 |✅ | -|useDeferredValue |🚫 |🚫 |✅ | -|Suspense Reveal "Train" |🚫 |🚫 |✅ | +|[Priority-based Rendering](/docs/concurrent-mode-patterns.html#splitting-high-and-low-priority-state) |🚫 |🚫 |✅ | +|[Interruptible Prerendering](/docs/concurrent-mode-intro.html#interruptible-rendering) |🚫 |🚫 |✅ | +|[useTransition](/docs/concurrent-mode-patterns.html#transitions) |🚫 |🚫 |✅ | +|[useDeferredValue](/docs/concurrent-mode-patterns.html#deferring-a-value) |🚫 |🚫 |✅ | +|[Suspense Reveal "Train"](/docs/concurrent-mode-patterns.html#suspense-reveal-train) |🚫 |🚫 |✅ |
From 99b790188735016c72a9265a42dbfc87c3221729 Mon Sep 17 00:00:00 2001 From: Robert Martin Date: Mon, 25 Nov 2019 03:32:13 -0600 Subject: [PATCH 7/8] Update examples.md (#2581) Fix minor typos --- content/community/examples.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/content/community/examples.md b/content/community/examples.md index d330ef0bf..12bbd8af2 100644 --- a/content/community/examples.md +++ b/content/community/examples.md @@ -11,15 +11,15 @@ There are many example projects created by the React community. Feel free to add * **[Calculator](https://github.com/ahfarmer/calculator)** Implementation of the iOS calculator built in React * **[Emoji Search](https://github.com/ahfarmer/emoji-search)** Simple React app for searching emoji -* **[Github Battle App](https://tm.dev/react-course-project/)** Battle two Github users and see the most popular Github projects for any language. -* **[React Powered Hacker News Client](https://github.com/insin/react-hn)** A React & react-router-powered implementation of Hacker News using its Firebase API. +* **[GitHub Battle App](https://tm.dev/react-course-project/)** Battle two GitHub users and see the most popular Github projects for any language. +* **[React Powered Hacker News Client](https://github.com/insin/react-hn)** A React & `react-router`-powered implementation of Hacker News using its Firebase API * **[Pokedex](https://github.com/alik0211/pokedex)** The list of Pokémon with live search -* **[Shopping Cart](https://github.com/jeffersonRibeiro/react-shopping-cart)** Simple ecommerce cart application built using React +* **[Shopping Cart](https://github.com/jeffersonRibeiro/react-shopping-cart)** Simple e-commerce cart application built using React * **[Progressive Web Tetris](https://github.com/skidding/flatris)** Besides a beautiful, mobile-friendly implementation of Tetris, this project is a playground for integrating and experimenting with web technologies. * **[Product Comparison Page](https://github.com/Rhymond/product-compare-react)** Simple Product Compare page built in React -* **[Hacker News Clone React/GraphQL](https://github.com/clintonwoo/hackernews-react-graphql)** Hacker News clone rewritten with universal JavaScript, using React and GraphQL. -* **[Bitcoin Price Index](https://github.com/mrkjlchvz/bitcoin-price-index)** Simple bitcoin price index data from CoinDesk API. -* **[Builder Book](https://github.com/builderbook/builderbook)** Open source web app to write and host documentation or sell books. Built with React, Material-UI, Next, Express, Mongoose, MongoDB. +* **[Hacker News Clone React/GraphQL](https://github.com/clintonwoo/hackernews-react-graphql)** Hacker News clone rewritten with universal JavaScript, using React and GraphQL +* **[Bitcoin Price Index](https://github.com/mrkjlchvz/bitcoin-price-index)** Simple Bitcoin price index data from CoinDesk API +* **[Builder Book](https://github.com/builderbook/builderbook)** Open-source web app to write and host documentation or sell books. Built with React, Material-UI, Next, Express, Mongoose, MongoDB. * **[GFonts Space](https://github.com/pankajladhar/GFontsSpace)** A space which allows user to play with Google fonts. Built with React, Redux and React-Router. * **[Course Learn Page](https://github.com/ulearnpro/ulearn)** Open Source LMS script in Laravel 5.8 and ReactJS 16.9 * **[Speedy math](https://github.com/pankajladhar/speedy-math)** An application which allows kids to practice basic Mathematics i.e Addition, Subtraction, Multiply, Comparison. It is a PWA (Progressive web app) with offline support and install as App features. From 8e8800f3df1e6040f7fd36726361a1c4b4532aa4 Mon Sep 17 00:00:00 2001 From: Linh Le Date: Mon, 25 Nov 2019 21:53:13 -0500 Subject: [PATCH 8/8] resolve conflict --- content/docs/accessibility.md | 6 +----- content/docs/code-splitting.md | 13 ------------- 2 files changed, 1 insertion(+), 18 deletions(-) diff --git a/content/docs/accessibility.md b/content/docs/accessibility.md index d23cac4f8..e81aef72c 100644 --- a/content/docs/accessibility.md +++ b/content/docs/accessibility.md @@ -489,11 +489,7 @@ Xem hướng dẫn bên dưới để biết cách dùng NVDA hiệu quả nhấ VoiceOver là một screen reader được tích hợp sẵn trong những thiết bị của Apple. -<<<<<<< HEAD -Xem hướng dẫn sau đây để biết cách kích hoạt và sử dụng Voice Over: -======= -Refer to the following guides on how to activate and use VoiceOver: ->>>>>>> 99b790188735016c72a9265a42dbfc87c3221729 +Xem hướng dẫn sau đây để biết cách kích hoạt và sử dụng VoiceOver: - [WebAIM - Sử dụng VoiceOver để đánh giá Web Accessibility](http://webaim.org/articles/voiceover/) - [Deque - VoiceOver cho OS X Keyboard Shortcuts](https://dequeuniversity.com/screenreaders/voiceover-keyboard-shortcuts) diff --git a/content/docs/code-splitting.md b/content/docs/code-splitting.md index 96336e0de..d701a9817 100644 --- a/content/docs/code-splitting.md +++ b/content/docs/code-splitting.md @@ -75,22 +75,9 @@ import("./math").then(math => { }); ``` -<<<<<<< HEAD -> Chú ý: -> -> Cú pháp `import()` động là một đoạn ECMAScript (JavaScript) -> [proposal](https://github.com/tc39/proposal-dynamic-import) hiện tại chưa được xem -> như một phần tiêu chuẩn của ngôn ngữ. Nó mong đợi sẽ được chấp nhận trong tương lai gần. - Khi Webpack chạy đến cú pháp này, nó sẽ tự động phân chia code trong ứng dụng của bạn. Nếu bạn sử dụng Create React App, việc này đã được thiết lập sẵn cho bạn và bạn có thể [bắt đầu sử dụng](https://facebook.github.io/create-react-app/docs/code-splitting) ngay. Nó cũng được hỗ trợ sẵn trong [Next.js](https://github.com/zeit/next.js/#dynamic-import). -======= -When Webpack comes across this syntax, it automatically starts code-splitting -your app. If you're using Create React App, this is already configured for you -and you can [start using it](https://facebook.github.io/create-react-app/docs/code-splitting) immediately. It's also supported -out of the box in [Next.js](https://github.com/zeit/next.js/#dynamic-import). ->>>>>>> 99b790188735016c72a9265a42dbfc87c3221729 Nếu bạn đang tự mình cấu hình Webpack, bạn có thể sẽ muốn tham khảo Webpack's [hướng dẫn phân chia code](https://webpack.js.org/guides/code-splitting/). Cấu hình Webpack của bạn có thể sẽ trông mơ hồ [như thế này](https://gist.github.com/gaearon/ca6e803f5c604d37468b0091d9959269).