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 */} }> 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. 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. 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. diff --git a/content/docs/accessibility.md b/content/docs/accessibility.md index ed5e32a6b..e81aef72c 100644 --- a/content/docs/accessibility.md +++ b/content/docs/accessibility.md @@ -489,7 +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. -Xem hướng dẫn sau đây để biết cách kích hoạt và sử dụng Voice Over: +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 9db2a369d..d701a9817 100644 --- a/content/docs/code-splitting.md +++ b/content/docs/code-splitting.md @@ -75,12 +75,6 @@ import("./math").then(math => { }); ``` -> 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). 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) |🚫 |🚫 |✅ |