Merge pull request #93 from reactjs/sync-30baecf5

Sync with reactjs.org @ 30baecf

Author: balazsorban44

.github/PULL_REQUEST_TEMPLATE.md

@@ -1,14 +1,3 @@
-Note to Hacktoberfest 🎃 participants:
-
-While we appreciate the enthusiasm, we are experiencing a high volume of drive-by pull requests (one-line changes, README tweaks, etc.). Please remember that hundreds of people are subscribed to this repo and will receive notifications for these PRs. Spam submissions will be closed and won't count towards your Hacktoberfest goals.
-
-Please search for issues tagged [`good first issue`][gfi] or [`hacktoberfest`][hacktoberfest] to find things to work on.
-
-You can also search [all of GitHub][all].
-
-[gfi]: https://github.com/reactjs/reactjs.org/issues?q=is%3Aissue+is%3Aopen+label%3A"good+first+issue"
-[hacktoberfest]: https://github.com/reactjs/reactjs.org/issues?q=is%3Aissue+is%3Aopen+label%3A"good+first+issue"
-[all]: https://github.com/search?q=is%3Aissue+hacktoberfest
 <!--
 
 Thank you for the PR! Contributors like you keep React awesome!

content/blog/2020-09-22-introducing-the-new-jsx-transform.md

@@ -99,7 +99,7 @@ Since the new JSX transform doesn't require React to be in scope, [we've also pr
 
 ### Create React App {#create-react-app}
 
-Create React App support [has been added](https://github.com/facebook/create-react-app/pull/9645) and will be available in the [upcoming v4.0 release](https://gist.github.com/iansu/4fab7a9bfa5fa6ebc87a908c62f5340b) which is currently in beta testing.
+Create React App [4.0.0](https://github.com/facebook/create-react-app/releases/tag/v4.0.0)+ uses the new transform for compatible React versions.
 
 ### Next.js {#nextjs}
 
@@ -143,7 +143,7 @@ npm update @babel/core @babel/preset-react
 yarn upgrade @babel/core @babel/preset-react
 ```
 
-Currently, the old transform (`"runtime": "classic"`) is the default option. To enable the new transform, you can pass `{"runtime": "automatic"}` as an option to `@babel/plugin-transform-react-jsx` or `@babel/preset-react`:
+Currently, the old transform `{"runtime": "classic"}` is the default option. To enable the new transform, you can pass `{"runtime": "automatic"}` as an option to `@babel/plugin-transform-react-jsx` or `@babel/preset-react`:
 
 ```js
 // If you are using @babel/preset-react
@@ -192,11 +192,11 @@ If you are using [eslint-plugin-react](https://github.com/yannickcr/eslint-plugi
 
 ### TypeScript {#typescript}
 
-TypeScript supports the JSX transform in [v4.1 beta](https://devblogs.microsoft.com/typescript/announcing-typescript-4-1-beta/#jsx-factories).
+TypeScript supports the new JSX transform in [v4.1 beta](https://devblogs.microsoft.com/typescript/announcing-typescript-4-1-beta/#jsx-factories).
 
 ### Flow {#flow}
 
-Flow supports the new JSX transform in [v0.126.0](https://github.com/facebook/flow/releases/tag/v0.126.0) and up.
+Flow supports the new JSX transform in [v0.126.0](https://github.com/facebook/flow/releases/tag/v0.126.0) and up, by adding `react.runtime=automatic` to your Flow configuration options. 
 
 ## Removing Unused React Imports {#removing-unused-react-imports}
 
@@ -213,7 +213,6 @@ npx react-codemod update-react-imports
 >
 >Keep in mind that the codemod output will not always match your project's coding style, so you might want to run [Prettier](https://prettier.io/) after the codemod finishes for consistent formatting.
 
-
 Running this codemod will:
 
 * Remove all unused React imports as a result of upgrading to the new JSX transform.

content/community/meetups.md

@@ -75,6 +75,7 @@ Do you have a local React.js meetup? Add it here! (Please keep the list alphabet
 * [React Berlin](https://www.meetup.com/React-Open-Source/)
 
 ## Greece {#greece}
+* [Athens](https://www.meetup.com/React-To-React-Athens-MeetUp/)
 * [Thessaloniki](https://www.meetup.com/Thessaloniki-ReactJS-Meetup/)
 
 ## Hungary {#hungary}

content/docs/concurrent-mode-patterns.md

@@ -193,7 +193,7 @@ function App() {
 
 It took us only seven lines of code to add this transition:
 
-* We've imported the `useTransition` Hook and used it the component that updates the state.
+* We've imported the `useTransition` Hook and used it in the component that updates the state.
 * We've passed `{timeoutMs: 3000}` to stay on the previous screen for at most 3 seconds.
 * We've wrapped our state update into `startTransition` to tell React it's okay to delay it.
 * We're using `isPending` to communicate the state transition progress to the user and to disable the button.

content/docs/context.md

@@ -128,7 +128,7 @@ The `defaultValue` argument is **only** used when a component does not have a ma
 
 Every Context object comes with a Provider React component that allows consuming components to subscribe to context changes.
 
-Accepts a `value` prop to be passed to consuming components that are descendants of this Provider. One Provider can be connected to many consumers. Providers can be nested to override values deeper within the tree.
+The Provider component accepts a `value` prop to be passed to consuming components that are descendants of this Provider. One Provider can be connected to many consumers. Providers can be nested to override values deeper within the tree.
 
 All consumers that are descendants of a Provider will re-render whenever the Provider's `value` prop changes. The propagation from Provider to its descendant consumers (including [`.contextType`](#classcontexttype) and [`useContext`](/docs/hooks-reference.html#usecontext)) is not subject to the `shouldComponentUpdate` method, so the consumer is updated even when an ancestor component skips an update.
 

content/docs/getting-started.md

@@ -36,7 +36,7 @@ A React folyamatos adaptációra lett tervezve és **pont annyi Reactet használ
 
 ### Online Játszóterek {#online-playgrounds}
 
-Az Online Játszótereken lehetőséged van kipróbálni a React funkcionalitásait. Próbáld ki a Helló Világ sablont [CodePenen](codepen://hello-world), [CodeSandboxon](https://codesandbox.io/s/new), [Glitchen](https://glitch.com/edit/#!/remix/starter-react-template), vagy [Stackblitzen](https://stackblitz.com/fork/react).
+Az Online Játszótereken lehetőséged van kipróbálni a React funkcionalitásait. Próbáld ki a Helló Világ sablont [CodePenen](codepen://hello-world), [CodeSandboxon](https://codesandbox.io/s/new), vagy [Stackblitzen](https://stackblitz.com/fork/react).
 
 Ha a saját kódszerkesztődet használnád, [letöltheted ezt a HTML fájlt](https://raw.githubusercontent.com/reactjs/reactjs.org/master/static/html/single-file-example.html), szerkesztheted és megnyithatod a lokális böngésződben. Ez egy lassú kód transzformációt tartalmaz, így ezt csak a példakód futtatásához ajánljuk.
 

content/docs/reference-events.md

@@ -55,7 +55,7 @@ Az alábbi eseménykezelők egy esemény által lettek elindítva a "bubbling" f
   - [Fókuszálás-események {#focus-events}](#fókuszálás-események-focus-events)
     - [onFocus](#onfocus)
     - [onBlur](#onblur)
-    - [Fókuszálás és fókuszálás elvesztésének detektálása](#fókuszálás-és-fókuszálás-elvesztésének-detektálása)
+    - [Fókuszálás és fókuszálás elvesztésének detektálása {#detecting-focus-entering-and-leaving}](#fókuszálás-és-fókuszálás-elvesztésének-detektálása)
   - [Űrlapesemények {#form-events}](#űrlapesemények-form-events)
   - [Általános események {#generic-events}](#általános-események-generic-events)
   - [Egéresemények {#mouse-events}](#egéresemények-mouse-events)
@@ -152,7 +152,7 @@ Tulajdonságok:
 DOMEventTarget relatedTarget
 ```
 
-#### onFocus
+#### onFocus {#onfocus}
 
 Az `onFocus` esemény akkor van meghívva, amikor az elem (vagy valamelyik elem azon belül) fókuszálva van. Például amikor a felhasználó egy szöveg beivteli mezőre kattint.
 
@@ -169,7 +169,7 @@ function Example() {
 }
 ```
 
-#### onBlur
+#### onBlur {#onblur}
 
 Az `onBlur` esemény akkor van meghívva, amikor a fókuszálás elhagyta az elemet (vagy valamelyik elemet azon belül). Például akkor, amikor a felhasználó egy fókuszált szöveg beviteli mezőn kívülre kattint.
 
@@ -186,7 +186,7 @@ function Example() {
 }
 ```
 
-#### Fókuszálás és fókuszálás elvesztésének detektálása
+#### Fókuszálás és fókuszálás elvesztésének detektálása {#detecting-focus-entering-and-leaving}
 
 You can use the `currentTarget` and `relatedTarget` to differentiate if the focusing or blurring events originated from _outside_ of the parent element. Here is a demo you can copy and paste that shows how to detect focusing a child, focusing the element itself, and focus entering or leaving the whole subtree.
 Használhatod a `currentTarget` és `releatedTarget`-et, hogy meg tudd különböztetni, hogy a fókuszálás vagy fókuszálás elvesztésének eseménye a szülő komponensen _kívülről_ jön-e. Itt egy demo amit kimásolhatsz és beilleszthetsz, ami megmutatja hogyan detektálj fókuszálást egy gyermek elemre, magára az elemre, és fókuszálást vagy fókuszálás elvesztést a teljes alfára.
@@ -226,7 +226,6 @@ function Example() {
 }
 ```
 
-
 * * *
 
 ### Űrlapesemények {#form-events}