From 923ba8a2ddac7889f2ddd590a1bbf2888def8fd0 Mon Sep 17 00:00:00 2001 From: sunnylqm Date: Mon, 2 Jan 2023 20:18:29 +0800 Subject: [PATCH] Squashed commit of the following: MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit commit eb540aeaaf06d15f6601ae858e7f5b58ac25eba5 Author: Timothy Yung Date: Fri Dec 30 04:13:03 2022 -0500 Remove `NativeDeprecated` from "Direct Manipulation" page (#3489) commit bc31146236dc79f615c6c3d947cdd87ab0221324 Author: Luna Date: Wed Dec 28 11:57:30 2022 -0800 Clarify New Architecture = Fabric and link to instructions commit e1bebde7895dee188394a8a672e30d9498015555 Author: Nick Gerleman Date: Thu Dec 22 16:09:46 2022 -0800 Update Linting to RN 0.71.0-rc.5 (#3486) Updates to a package with newer RN typings, which no longer require patching. commit 170430f42e7ee5aae4a902866902e0e2f9873425 Author: David Angulo Date: Mon Dec 19 23:38:42 2022 +0800 Rename `POST_NOTIFICATION` to `POST_NOTIFICATIONS` (#3448) commit 8003fbdd160469748cac4ee8241dc728981ceb04 Author: Nick Gerleman Date: Sat Dec 17 09:56:39 2022 -0800 Update AccessibilityInfo Inline JSX to TSX (#3484) This slipped by. Updating the examples here for TS. commit 3ed46a9e91ec2534e052a84e5293f1cb8937f10f Author: Christoph Purrer Date: Fri Dec 16 10:40:57 2022 +0100 Make C++ TM example work with C++17 (#3483) The example given uses C++20 syntax which MSVC does not support yet. It works in clang with some special compiler flags. Updated sample also works in C++17. Verified that example compiles in Xcode commit 2f542db420d7311a2a2d79e92609412c7fb3487d Author: Nick Gerleman Date: Thu Dec 15 11:29:16 2022 -0800 Update Inline JSX and Type Definitions (2/2) (#3478) * Update Inline JSX and Type Definitions (2/2) This is a best effort attempt at updating all of the non-snack code examples to TypeScript, adding type definitions to signatures, updating existing type signature documentation to align to TS instead of Flow, and applying a couple formatting changes for consistency with RN's prettier config. A lot of instances of removeListener have been removed in code, and are now removed on the website. I also removed some APIs which should not be called by user code (e.g. functions called by native from the framework). I also marked a couple of the removed APIs as removed instead of deprecated, and didn't bother to update them. Finally, we now consistently end function declarations with a semicolon where before some docs did, and others didn't. * Update docs/new-architecture-library-intro.md * Update docs/virtualizedlist.md * Update docs/pixelratio.md * format * dedent getItemLayout * Update docs/new-architecture-library-intro.md * Update docs/new-architecture-library-intro.md * Update docs/new-architecture-library-intro.md * Update docs/permissionsandroid.md * Update docs/settings.md * Update docs/statusbar.md * Update docs/systrace.md * Update docs/timers.md * Update docs/toastandroid.md * Update docs/vibration.md commit b78694f84d98d55164b5c98ad3e5c597f86c205e Author: Nick Gerleman Date: Thu Dec 15 11:05:05 2022 -0800 Update Inline JSX and Type Definitions (1/2) (#3477) * Update Inline JSX and Type Definitions (1/2) This is a best effort attempt at updating all of the non-snack code examples to TypeScript, adding type definitions to signatures, updating existing type signature documentation to align to TS instead of Flow, and applying a couple formatting changes for consistency with RN's prettier config. A lot of instances of `removeListener` have been removed in code, and are now removed on the website. I also removed some APIs which should not be called by user code (e.g. functions called by native from the framework). I also marked a couple of the removed APIs as removed instead of deprecated, and didn't bother to update them. Finally, we now consistenyl end function declarations with a semicolon where before some docs did, and others didn't. * Fix InteractionManager * fix keyboard spacing * . * formatting * Update docs/flatlist.md * Apply suggestions from code review * Update docs/native-modules-ios.md * format * Update website prettierrc to match React Native's * format versioned docs commit 4131de4ac88ef8c88403fc1251547773b3f7c24f Author: Nick Gerleman Date: Thu Dec 15 10:02:43 2022 -0800 Typescriptify Examples T-Z (and enforce) (#3474) * Typescriptify Examples T-Z (and enforce) This makes examples in documents starting from T-Z valid for TypeScript, and enables typechecking as part of linting to enforce new examples are clean. Because of that, this change must be merged after https://github.com/facebook/react-native-website/pull/3473 * Run yarn from repo root commit 333f1742f6b8bd601f1675d85eb441fc6145730f Author: Oskar Kwaśniewski Date: Thu Dec 15 17:58:30 2022 +0100 chore: fix objective-c syntax highlighting (#3482) commit 741b3b23f9899437e8919fe161dce4f766c3ea62 Author: Manuel Carrillo Almoguera Date: Thu Dec 15 14:50:16 2022 +0100 Fixed "Staying up to date" blog link (#3481) commit 25b8e43ba23df806a113a323b43afd887f7ec2aa Author: Oskar Kwaśniewski Date: Thu Dec 15 13:17:32 2022 +0100 fix: remove explicit folly version as it's not needed anymore (#3471) commit bcc51045c7fbea239983e7f09b1d36e05b6770ff Author: Christoph Purrer Date: Thu Dec 15 12:01:17 2022 +0100 Add Cxx TurboModule Guide (#3439) A comprehensive guide to C++ Turbo Native Modules commit 53b4e1bf4552f28f89207bfabab87603465871b4 Author: Luna Date: Wed Dec 14 16:55:14 2022 -0800 Fix a typo and consistently capitalize New Architecture commit 0c3364e80186eaa7c5a389e9af751d5dcf908703 Author: Nicola Corti Date: Wed Dec 14 21:51:34 2022 +0000 [0.71][Android] Update pages on New Architecture for 71 (#3453) * [0.71] Update page on New Architecture for 71 * Fix broken link * Apply suggestions from code review Co-authored-by: Riccardo * Update docs/the-new-architecture/pillars-fabric-components.md Co-authored-by: Riccardo * Update docs/the-new-architecture/pillars-fabric-components.md Co-authored-by: Riccardo * Handle all the review feedback * Fix lint Co-authored-by: Riccardo commit 1e3ba7402f2eb0b14b2b54ad3a1006786e547f49 Author: Nicola Corti Date: Wed Dec 14 21:33:09 2022 +0000 [0.71] Add page on React Native Gradle Plugin for 71 (#3476) * [0.71] Add page on React Native Gradle Plugin for 71 * Fix alex warnings * Apply suggestions from code review Co-authored-by: Riccardo Co-authored-by: Riccardo commit ae5696fca49cf1779f7165e3c573845d6f27b7c0 Author: Nick Gerleman Date: Wed Dec 14 00:35:44 2022 -0800 Typescriptify Examples Q-S (#3473) * Typescriptify Examples Q-S This makes examples in documents starting from Q-S valid for TypeScript. This leaves 9 examples left. Verified these pages locally after the change. * Fix StatusBar commit 8f47d0b831433c7e95a55209a6ea9133e14029c9 Author: Vincent Riemer <1398555+vincentriemer@users.noreply.github.com> Date: Tue Dec 13 15:00:23 2022 -0800 Refine the "Pointer Events in React Native" blog post's intro (#3475) Co-authored-by: Luna commit 89aa89c768dfeb882c4b3474488c59bd05a45990 Author: Vincent Riemer <1398555+vincentriemer@users.noreply.github.com> Date: Tue Dec 13 10:53:01 2022 -0800 Add "Pointer Events in React Native" blog post (#3464) commit 035054cbdba34b7d1ff4eaed15af463e23431e61 Author: Nick Gerleman Date: Fri Dec 9 17:41:49 2022 -0800 Fix rendering of snacks on route update on mobile (#3463) * Fix rendering of snacks on mobile Switching pages on mobile currently causes a blank snack example to show. This is root caused to a workaround on the `onRouteUpdate` to read the DOM after mutation, which seems to work on desktop, but not on the mobile version of the site. This change moves to a newer lifecycle method called after the document is rendered to the DOM, which fixes the issue. * Update console.log commit 3f087e8ad3f6d96115607a56814b9b95fab2801c Author: Vincent Riemer <1398555+vincentriemer@users.noreply.github.com> Date: Thu Dec 8 14:34:40 2022 -0800 Add Vincent Riemer as a blog post author (#3462) commit 1fd54895cbe783efe8a29b472d20ab4017b72a44 Author: Nicola Corti Date: Thu Dec 8 08:11:32 2022 +0100 [0.71] Update page on Enabling Hermes for 71 (#3449) commit c3bfaf34fedcf19a57dd93638107407634e5f020 Author: Nick Gerleman Date: Wed Dec 7 21:15:10 2022 -0800 This makes examples in documents starting from K-P valid for TypeScript. This leaves 23 examples left. Verified these pages locally after the change. (#3461) commit 08b81be5041bb65845cfbb79a6c6397330db908a Author: Nick Gerleman Date: Wed Dec 7 21:14:49 2022 -0800 Typescriptify Examples H-I (#3460) This makes examples in documents starting from H-I valid for TypeScript. This leaves 36 examples left. Verified these pages locally after the change. commit 1e5817ea907bae0c68fcca085486f085c733b58e Author: Van der Auwermeulen Grégoire Date: Thu Dec 8 01:43:21 2022 +0100 Update pillars-fabric-components.md (#3454) * Update pillars-fabric-components.md * please run pipeline commit 07fc1e6198370bca7a2b36c60527e4ca6ce0afc2 Author: Nick Gerleman Date: Wed Dec 7 12:55:57 2022 -0800 Typescriptify Examples A-F (#3459) This updates examples so that all documents starting with A-F pass typechecking. This needed to add a patch-package for incorrect types that should be temporary (will see if we can cherry-pick into 0.71). Tested by `yarn tsc-examples` and visiting the pages edited. commit 87a3039f9ab74eb0e33c9be89a108589b34cdd22 Author: Smyja Date: Wed Dec 7 09:15:52 2022 +0100 Updated Expo installation instructions (#3452) commit 5c798f6422c64c83ba87e697c040fe281563bb0d Author: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Date: Tue Dec 6 14:40:22 2022 -0800 Bump decode-uri-component from 0.2.0 to 0.2.2 (#3458) Bumps [decode-uri-component](https://github.com/SamVerschueren/decode-uri-component) from 0.2.0 to 0.2.2. - [Release notes](https://github.com/SamVerschueren/decode-uri-component/releases) - [Commits](https://github.com/SamVerschueren/decode-uri-component/compare/v0.2.0...v0.2.2) --- updated-dependencies: - dependency-name: decode-uri-component dependency-type: indirect ... Signed-off-by: dependabot[bot] Signed-off-by: dependabot[bot] Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> commit 0dd7d9623c7ba92e8309872ed00254733873830a Author: Krastan Dimitrov Date: Tue Dec 6 12:37:42 2022 -0600 Update ignite blurb on more resources (#3457) * Update Ignite blurb with current Ignite version Removed ignite bowser link as it is no longer relevant and maverick doesn't have its own * Update ignite blurb to mention built in component library commit 4b72533298d07d537529aa03bea61c78e7aab0fa Author: Nick Gerleman Date: Tue Dec 6 09:32:14 2022 -0800 Start TypeScriptify-ing the examples (#3450) * Start TypeScriptify-ing the examples This change starts migrating the examples to TypeScript. Every example is now linted as both tsx and jsx, unless an extension is specified. All of the existing ESLint warnings, minus those for inline styles which I have disabled for now, are addressed, so we can now flag new lint warnings when examples are added. A script `tsc-examples` is added, in addition to ESLint, but I haven't folded it into `lint:examples` yet because not everything has been fixed, and doing so will take multiple PRs. 100/171 examples are clean for both ESLint and TypeScript in strict mode, with an additional in this change opted out of typechecking (Clipboard) since it has been removed and is no longer part of typings. Most examples are already valid as both JSX and strict TSX, but some are separated into tabs (where TypeScript is shown first and by deafult), require changes so that TypeScript can infer the types (while still being valid JS), or require fixup (e.g. due to changed APIs). Some pages like Syststrace are out of date/broken and will need to be opted out of typechecking (and given a warning) while they are in disrepair. * Update scripts/lint-examples/bin/tsc-examples.js commit 3a3e1dee8622d163159b011914274c25570ac984 Author: Nicola Corti Date: Fri Dec 2 17:57:25 2022 +0100 [0.71] Update page on Integration with Existing Apps for 71 (#3446) Co-authored-by: Bartosz Kaszubowski commit 8bdacb3182050789f899f42237c439cbb48d231f Author: Nick Gerleman Date: Fri Dec 2 08:16:32 2022 -0800 Update TS Instructions for Simplified Template (#3444) commit 424942f4deb353c1c24b7813eebc04379f56d406 Author: Lorenzo Sciandra Date: Fri Dec 2 11:40:37 2022 +0000 fix changelog entries (#3447) commit e86aebea593d886bd183f240b1f8d0e363805c30 Author: Nick Gerleman Date: Thu Dec 1 12:37:47 2022 -0800 Lint/Format all the snack examples (#3422) * Lint/Format all the examples This adds a script which can run ESLint on each Snack example in Markdown. This is wired to the default RN ESLint configuration, and a Prettier configuration to limit to 70 lines to prevent wrapping. Apart from snforcing consistency, it means copy/pasting examples into a new RN project will not create formatting errors. Not all examples are clean of lint errors/warnings so this is not enforced yet. The script is also currently very slow. But it's a good start, and we can later apply something similar to `tsc`. * Remove package-local gitignore * Remove deps * Fix for Windows * let lint:examples lint the example code commit d926b9e0abf155b2ef75e4fa6d8fd0923d6a8ca3 Author: Nick Gerleman Date: Thu Dec 1 11:29:18 2022 -0800 Add [Breaking] to commit changelog documentation (#3445) * Add [Breaking] to commit changelog documentation See here for how it is used in code https://github.com/microsoft/rnx-kit/blob/a9fd54dedc8fb84898778bca8256b43fea670942/incubator/rn-changelog-generator/src/utils/getChangeDimensions.ts#L4 * wrong place commit 20baa2bdcf5ca327932fa4e975a57c4ea351d05a Author: Riccardo Date: Wed Nov 30 11:17:39 2022 +0000 feat: add instructions in case the release fails (#3433) commit 718bcdeefedf0d31ca33248f3e48779cb1b04b50 Author: Ponikar <54766861+ponikar@users.noreply.github.com> Date: Wed Nov 30 00:44:25 2022 +0530 Fabric component example java classname typo fixed (#3437) There was a typo in `CenteredTextPackage.java` it should be `CenteredTextPackage` and not `RTNCenteredTextPackage`. commit 5f865b9f400e108f4989496f54598e2eed4cd10d Author: LeoTM <1881059+leotm@users.noreply.github.com> Date: Tue Nov 29 19:14:05 2022 +0000 Update changelogs-in-pull-requests.md (#3436) * Update changelogs-in-pull-requests.md Close: https://github.com/facebook/react-native-website/issues/3435 * Remove couple trailing spaces * Update website/contributing/changelogs-in-pull-requests.md Co-authored-by: Nicola Corti Co-authored-by: Nicola Corti commit 6410c78a0d0476f32e8f78c66a88472353b7d1ef Author: Bartosz Kaszubowski Date: Tue Nov 29 20:13:48 2022 +0100 [website] fix lint scripts glob patterns (#3441) commit 381f34b558464aa06615fbf217884d27355355de Author: Subrat Kumar Das <72245773+subrataindia@users.noreply.github.com> Date: Wed Nov 30 00:43:09 2022 +0530 Update why.md (#3442) commit fe8af6beff794ee9d6d589c84d38d6afff28c460 Author: Luna Date: Mon Nov 28 17:52:02 2022 -0800 Fix React Native CLI link (#3440) commit 72e96c309eaf7da48f8963d9c74e9226fca71a92 Author: Nick Gerleman Date: Mon Nov 28 09:18:35 2022 -0800 Update TypeScript Page and References to TypeScript (#3429) * Update TypeScript Page and References to TypeScript This change updates the main TypeScript page with new instructions for 0.71, where TypeScript is the default language, and RN types are included by default. This does not yet update samples for TS, which is still a work in progress. I also chose to omit information about the 0.70 to 0.71 migration, since it seems like it might make more sense in either the release announcement or a separate blog post instead of long-term in the documentation, but I would be open to feedback on that. * lint * Update docs/typescript.md commit 2e6f810e046175e22f137f64db1299208650b6cf Author: Nick Gerleman Date: Mon Nov 28 09:18:16 2022 -0800 Allow TypeScript in Snacks (and optional "ext" parameter) (#3426) * Add optional "ext" parameter to SnackPlayer examples This makes a couple changes in preparation for TypeScript examples. Going through 20 pages for core components, most examples can be shifted to be both JavaScript and strict TypeScript. Some are not compatible as both, and need to be separated as JS examples vs TS examples. **Adds a parameter to SnackPlayer blocks for extension** Snack defaults a codeblock to represent a file named [`App.js`](https://github.com/expo/snack/blob/main/docs/url-query-parameters.md#parameters). This extenstion effects how the file is parsed during bundling, and the syntax highlighting it is given in the editor. We allow passing the extension, so that specific examples can specifically target JS vs TS. This directive will also be used to determine how the file is used during linting. **Change the default extension of SnackPlayer examples to `.tsx`:** This is needed for Snack to parse an input as TypeScript during bundling and syntax highlighting. Vanilla JS is still allowed, and it seems to create an identical result to before in the snack player. * workaround * Remove data-snack-files workaround commit 39eae28b5a4bf632a9274b24330bb1075e9515ff Author: Stafford Williams Date: Mon Nov 28 19:45:23 2022 +1100 Fabric Native Components: grammar fix (#3434) commit 168bf198d4a6a2a02bb38c6d1908e309427d3fd1 Author: Lorenzo Sciandra Date: Fri Nov 25 11:53:34 2022 +0000 chore(showcase): add links to MSFT devblog (#3430) commit e9545cceca3a45da8481286b6d6acd138614f030 Author: Keerthilingu Date: Wed Nov 23 15:17:42 2022 +0530 Update navigation.md (#3427) * Update navigation.md * Update docs/navigation.md Co-authored-by: Nicola Corti Co-authored-by: Nicola Corti commit b182e82ed8f4c39b249d0274f0adf69648e8a802 Author: Nicola Corti Date: Tue Nov 22 17:20:42 2022 +0000 [Blogpost] Core Contributor Summit 2022 (#3428) * [Blogpost] Core Contributor Summit 2022 * Apply suggestions from code review Co-authored-by: Bartosz Kaszubowski * Update date to Nov 22nd * Fix heading for Metro session * Update website/blog/2022-11-22-react-native-core-contributor-summit-2022.md Co-authored-by: Michał Pierzchała * Update website/blog/2022-11-22-react-native-core-contributor-summit-2022.md Co-authored-by: Michał Pierzchała Co-authored-by: Bartosz Kaszubowski Co-authored-by: Michał Pierzchała commit 8e4f65db0146c406d93c976f0d8fdf11e784aa86 Author: Nick Gerleman Date: Fri Nov 18 15:23:30 2022 -0800 Don't document VirtualizedList imperative context functions (#3394) This is an API really meant to only be called by VirtualizedList, but is public so other VirtualizedList instances can call it. The object shape, parameters, etc can change (and did change a bit in 0.71). Remove it from documentation, since folks should not rely on it. commit 6ed0435b856cf5fe7d11047b4776cde818df7270 Author: Nick Gerleman Date: Fri Nov 18 15:22:30 2022 -0800 Recommend Pressable over Touchable for alternative to Button (#3421) * Recommend Pressable over Touchable for alternative to Button Fix this sentence with more up to date guidance. * Update docs/button.md commit a1fa30d3b70278e25cc3df3e2e7ec1ee3b4580cd Author: Nicola Corti Date: Fri Nov 18 19:42:59 2022 +0100 Fix documentation for Turbo Native Modules on 0.70 (#3425) commit 1f3e936f95cd91949bc1544f5946c45a51e10601 Author: LeoTM <1881059+leotm@users.noreply.github.com> Date: Fri Nov 18 16:31:31 2022 +0000 Deprecate ANDROID_SDK_ROOT back to ANDROID_HOME 🔁 (#3266) Close https://github.com/facebook/react-native-website/issues/3118 commit 23d1c1ca698e1ad5fd830fb78626539dd75a2665 Author: McCoy Appleseed Date: Thu Nov 17 22:19:14 2022 -0500 feat(ios): `Share` with `anchor` (0.71.0 release) (#3420) commit ea99507460e5fc50ce94f488a689763b43b24048 Author: Romain Le Quellec <13620579+romainlq@users.noreply.github.com> Date: Fri Nov 18 04:13:23 2022 +0100 chore: fix typo (#3412) commit db6be2466d9b931001b1bebb406683bd1575ec60 Author: Hyungu Kang | Airen Date: Fri Nov 18 12:10:03 2022 +0900 Update optimizing-flatlist-configuration.md (#3418) commit 3fc81efda00dbca0407afddb4cf7e0c1334d72c2 Author: Gabriel Donadel Dall'Agnol Date: Wed Nov 16 11:56:09 2022 -0300 Add role prop to Text, View and Accessibility docs (#3408) commit 0516a78f2e3eeb499b3bea7d24bf54107972d42c Author: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Date: Wed Nov 16 10:08:00 2022 +0100 Bump loader-utils from 2.0.3 to 2.0.4 (#3419) Bumps [loader-utils](https://github.com/webpack/loader-utils) from 2.0.3 to 2.0.4. - [Release notes](https://github.com/webpack/loader-utils/releases) - [Changelog](https://github.com/webpack/loader-utils/blob/v2.0.4/CHANGELOG.md) - [Commits](https://github.com/webpack/loader-utils/compare/v2.0.3...v2.0.4) --- updated-dependencies: - dependency-name: loader-utils dependency-type: indirect ... Signed-off-by: dependabot[bot] Signed-off-by: dependabot[bot] Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> commit d83ebd6530d6b7f0c9902e197c31911e2f86c2fa Author: Lorenzo Sciandra Date: Thu Nov 10 12:32:50 2022 +0000 update FAQ about support policy (#3414) commit df3776eba6dcb1cfbd25f6e7520e8d684ea66857 Author: Bartosz Kaszubowski Date: Wed Nov 9 19:54:48 2022 +0100 global style tweaks for the category pages feature (#3411) commit 1d610ddff2b86d593b5b3fb56753f348111efb31 Author: Gabriel Donadel Dall'Agnol Date: Wed Nov 9 10:40:20 2022 -0300 feat: Update TextInput autoComplete docs [w3c] (#3409) Co-authored-by: Bartosz Kaszubowski commit b5359fa01e9a0fdf7ba4be80c20a8eee81ccb369 Author: Gabriel Donadel Dall'Agnol Date: Wed Nov 9 05:35:23 2022 -0300 Image: Add alt prop (#3407) commit 8568f53a28be88b5d06666163800c81573d731d5 Author: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Date: Tue Nov 8 08:51:20 2022 +0100 Bump loader-utils from 2.0.0 to 2.0.3 (#3406) Bumps [loader-utils](https://github.com/webpack/loader-utils) from 2.0.0 to 2.0.3. - [Release notes](https://github.com/webpack/loader-utils/releases) - [Changelog](https://github.com/webpack/loader-utils/blob/v2.0.3/CHANGELOG.md) - [Commits](https://github.com/webpack/loader-utils/compare/v2.0.0...v2.0.3) --- updated-dependencies: - dependency-name: loader-utils dependency-type: indirect ... Signed-off-by: dependabot[bot] Signed-off-by: dependabot[bot] Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> commit 7d7bda47aa563f3a2bb9052804ae04bf38ee8f2a Author: nishan (o^▽^o) Date: Tue Nov 8 00:40:21 2022 +0530 feat: flex gap docs (0.71.0 release) (#3398) * wip: flex gap docs * fix * improve example and description * cleanup * Apply suggestions from code review * Fixup code block * Fix bad merge * Update docs/layout-props.md Co-authored-by: Nick Gerleman * Update docs/layout-props.md Co-authored-by: Nick Gerleman * Update docs/layout-props.md Co-authored-by: Nick Gerleman Co-authored-by: Nick Gerleman commit 374a767cc6e4d0df10dbd00f9be8eca51b347aa1 Author: Gabriel Donadel Dall'Agnol Date: Mon Nov 7 14:50:22 2022 -0300 Add aria props to component docs (#3404) Co-authored-by: Bartosz Kaszubowski commit d45f79af2d302b0d2299f5b14aebe8be871f3f0c Author: Bartosz Kaszubowski Date: Mon Nov 7 17:12:36 2022 +0100 update useWindowDimensions docs and example (#2877) * update useWindowDimensions docs and example * 0.67 file update * 0.68 file update * update new versioned files commit 95a121ef2ae1414677f13badf2f2cfd3aee375cf Author: skinheadz <113230343+skinheadz@users.noreply.github.com> Date: Mon Nov 7 07:27:42 2022 -0800 chore: fix typos (#3405) commit c8fdd9b4e4847b74167eeac5bb246c69d145ef0d Author: Gabriel Donadel Dall'Agnol Date: Mon Nov 7 12:12:16 2022 -0300 Update documentation regarding W3C Web Styles (#3403) commit 5f155368e3e166c1e344f0a85695d8e0c2acdf57 Author: Michael Neeley Date: Mon Nov 7 10:06:25 2022 -0500 Getting started: remove M1 note in macOS guide (#3384) This step isn't needed anymore. commit 659430cebe599237991b2e00ed4e4121cd33b62c Author: Anderson Scouto da Silva (Dan) Date: Mon Nov 7 11:35:38 2022 -0300 Fix adb logcat command (#3397) commit 7c1231384b9a0c85e100aa2e26ad09e85c2e5527 Author: Héctor Ramos <165856+hramos@users.noreply.github.com> Date: Mon Nov 7 07:35:23 2022 -0700 Update Hermes docs with recent changes (#3393) * Cleanup mentions of RN versions in Hermes docs. * Expand docs on Hermes and other JS engines * Remove mention of 0.60.4 in 0.61+ commit 39a234f2cc7a9fecad23896dc2824475d8cd4cf0 Author: Bartosz Kaszubowski Date: Mon Nov 7 14:41:52 2022 +0100 remove M1 Cocoapods note (#3399) commit 1ebdea3334d33b8e0a30e638b399af7b5b712af6 Author: Bartosz Kaszubowski Date: Mon Nov 7 14:41:31 2022 +0100 State: reformat example (#3400) commit 2e70c88a8bf58b72de5dccee61871b099bfac129 Author: Bartosz Kaszubowski Date: Mon Nov 7 14:40:40 2022 +0100 Speeding up Build: backport ccache command change to versioned docs (#3401) commit cdf6715111866d67e6d8e764e676fb80a185d925 Author: Bartosz Kaszubowski Date: Mon Nov 7 14:39:45 2022 +0100 Platform Specific Code: tweak wording (#3402) commit 00c2808a71cee840d16b12d0f1406a3c87a0facf Author: Hyungu Kang | Airen Date: Sun Nov 6 21:14:16 2022 +0900 Added lineBreakStrategyIOS to Text and TextInput (#2566) Co-authored-by: Bartosz Kaszubowski commit ab32e2dea93e04577cea66bac6ea61966348eeb4 Author: Robbie Plankenhorn Date: Sun Nov 6 02:38:15 2022 -0600 Speeding up Build: Fixing symbolic links (#3329) commit 8e222896ea2158029b84408d3716c4c8ed7ddb67 Author: Eric Edouard Amilhat Date: Sat Nov 5 08:44:59 2022 +0100 View Style Props: Add borderCurve prop (#2785) commit c9440215742146c092573c8f6be5779afec20891 Author: Robbie Date: Sat Nov 5 07:41:43 2022 +0000 Alert: Add "isPreferred" to AlertButtonStyle (#2839) commit f279c065587fbee364709168975b7b3496675d47 Author: Gabriel Donadel Dall'Agnol Date: Sat Nov 5 04:18:08 2022 -0300 Add missing aria props to Accessibility docs (#3396) commit 00646cd845c7ba296159c4d392ffe3b54eb92f28 Author: Gabriel Donadel Dall'Agnol Date: Fri Nov 4 21:20:18 2022 -0300 feat: Update fontVariant supported types docs (#3378) commit 96f429765133de969e3aafdf4142d132c0b29e06 Author: khali70 <59835449+khali70@users.noreply.github.com> Date: Sat Nov 5 02:16:15 2022 +0200 update to microsoft-openjdk11 (#3386) commit cdd9399f16571b6a9669226fec27fd7734ed4848 Author: Gabriel Donadel Dall'Agnol Date: Fri Nov 4 05:38:35 2022 -0300 Fix documentation typos (#3395) commit ea4f803121f7852f2de83a417aa8401726eca216 Author: Alex Hunt Date: Wed Nov 2 21:07:20 2022 +0000 Tweak homepage text to more broadly refer to platforms (#3391) commit 1636d5e07eb5a037f2d1d83f530f3532af8795a9 Author: Rafael Ricardo Vieceli <2790845+rvieceli@users.noreply.github.com> Date: Tue Nov 1 12:31:44 2022 +0100 Replaced editUrl branch name with main (#3389) commit b47dc1df6fca663fe6abd74f311e07e14c02b157 Author: David Narbutovich <4661784+retyui@users.noreply.github.com> Date: Mon Oct 31 11:35:57 2022 +0100 Recommend to use `es2019` and use community driven TS config `@tsconfig/react-native` (#3342) commit fd87e46a2cc9e9d3ba514f44f65e6aff1f072837 Author: Peter Cho Date: Fri Oct 28 17:54:38 2022 -0400 Build from Source: add missing paren in publishing (#3387) commit d4fcb9375f3ed40aa4c54028f912f55bd6c91431 Author: Héctor Ramos <165856+hramos@users.noreply.github.com> Date: Thu Oct 27 19:38:17 2022 -0700 The Hermes docs in next, also apply to 0.70. (#3380) commit 0339cae6d8ad78fc56ffc4513b75fa6613ef2466 Author: Héctor Ramos <165856+hramos@users.noreply.github.com> Date: Tue Oct 25 09:42:20 2022 -0700 Add updated instructions on using Hermes (#3376) * Add updated instructions on using Hermes * lint commit df492cefb920a0375f2bb982951229380a73ad88 Author: Telmen Date: Wed Oct 19 19:20:52 2022 +0800 Fix typo in New Architecture Intro (#3374) Co-authored-by: Bartosz Kaszubowski commit 262ff68833ac34982e64d174c997f0d194eb7e10 Author: mjh <61671361+mjh316@users.noreply.github.com> Date: Wed Oct 19 01:39:56 2022 -0700 Fixed typo in headless-js-android.md (#3377) commit e4d09821bdfcf1264e25afb3d3407f4a100f3228 Author: Lorenzo Sciandra Date: Tue Oct 18 16:50:27 2022 +0100 chore(release): Update release testing section for new E2E testing script (#3368) * remove E2E section until we'll re-add it post E2E setup * remove mention of the E2E script * rework the release testing page * add mention of where to find the info to turn on new arch * typo * re-add section commit 20908b3563daec70ac964ed9d11482f4f198eab1 Author: Nicola Corti Date: Sun Oct 16 16:45:48 2022 +0100 New Architecture - Remove the extra steps required to copy .so files (#3356) commit ae47850fc526af4edaa03e27a7ba9479643a9130 Author: Riccardo Date: Sun Oct 16 16:45:12 2022 +0100 fix: improve TM explanation (#3364) commit f042dca61acf8b5c06157752e787f6c6a704caf3 Author: Bartosz Kaszubowski Date: Wed Oct 12 20:50:17 2022 +0200 add back missing docs vote component (#3371) commit 6dc2805e4d93a6e47ae1a70f2aaab1303d47d77f Author: Luis Medina Date: Wed Oct 12 03:19:27 2022 -0500 docs: update running on simulator iOS (#3346) commit 3add39c3f258868673a5740a873b7559bd2434dc Author: Karl Horky Date: Wed Oct 12 10:16:55 2022 +0200 Getting Started: list zsh before bash in macOS guide (#3358) Co-authored-by: Nicola Corti commit f6be947a820080785db66904f961cdecd6051aa5 Author: Chukwu Smart Date: Wed Oct 12 09:14:23 2022 +0100 ScrollView: rephrase onContentSizeChange description (#3357) Co-authored-by: Nicola Corti commit 37d85ba6a1b4f061f7c0767c6a35cb62ad27c61c Author: Gabriel Donadel Dall'Agnol Date: Wed Oct 12 05:11:14 2022 -0300 Layout Props: Update aspectRatio supported types (#3363) commit e00c9b0f5d3e207422c10b609a1e00b2893ee78e Author: Jesse Katsumata Date: Wed Oct 12 17:07:36 2022 +0900 Getting Started: fix Android version label in older docs (#3367) commit 03d88486b5136e2bdf62d78ce6ff68254216e7cc Author: Timothy Yung Date: Tue Oct 11 15:15:08 2022 -0700 Fix headers on *.ts files (#3370) commit e5ba872c47bdd8ca58d3e4360ac3ce1c4591821c Author: Timothy Yung Date: Tue Oct 11 15:07:00 2022 -0700 Missing header in `docusaurus.config.js` (#3369) commit f0d9c4a13e1da72b544b569334bd63bb48fb7363 Author: Jesse Katsumata Date: Sat Oct 8 05:45:16 2022 +0900 Communities: remove duplicate header (#3365) commit a6e74190571efadcdbe1437cce85eaedbce4e503 Author: Gabriel Donadel Dall'Agnol Date: Thu Oct 6 06:45:52 2022 -0300 feat: Add verticalAlign to Text Style Props docs (#3361) commit 911a2825d06caa081a080c9160b9dc3defc37e27 Author: Nicola Corti Date: Wed Oct 5 11:15:01 2022 +0100 Finalize the Kotlinization (#3360) * Finalize the Kotlinization * Remove extra imports commit 3c124e068c87462b7396ba75112e314dd89c5cab Author: Asaf Korem <55082339+asafkorem@users.noreply.github.com> Date: Tue Oct 4 21:03:42 2022 +0300 Showcase: add Wix's apps section. (#3349) commit 2e4eb04c4cf8cc08891c9d03f20cd9a5c43bb7ae Author: Kryštof Woldřich <31292499+krystofwoldrich@users.noreply.github.com> Date: Tue Oct 4 13:09:33 2022 +0200 Fix codegen iOS scripts paths (#3359) commit 4c3603bdb3b3d79cc06d0c61d314271529272b3c Author: Ismael Moreira Date: Mon Oct 3 14:09:54 2022 -0300 Update pillars-turbomodule.md (#3355) commit 4b1aeff450c5beac1d56f3e53c3a4bc33ce2e502 Author: Oskar Kwaśniewski Date: Mon Oct 3 15:58:05 2022 +0200 fix: remove isTurboModuleEnabled check from docs (#3337) * fix: remove isTurboModuleEnabled check * fix: remove unnecessary back ticks Co-authored-by: Riccardo Co-authored-by: Riccardo commit 9987b073834c441376411803327ca98b5830a847 Author: Timothy Yung Date: Fri Sep 30 08:43:45 2022 -0700 Fix more copyright header issues (#3353) commit 84397da4472126692672d80a28e3b2d83b984e25 Author: Timothy Yung Date: Fri Sep 30 08:43:28 2022 -0700 Update to Contributor Covenant (#3354) commit 6e981dd26610f352d4511cd81ead09f6926124df Author: Lorenzo Sciandra Date: Fri Sep 30 11:57:11 2022 +0100 rework the community section of the website (#3338) Co-authored-by: Luna commit b943d450e1fcc915ff50f3363e5d9fb15a1e3c20 Author: Timothy Yung Date: Fri Sep 30 00:49:39 2022 -0700 Apply updated copyright to `*.js` files (#3352) commit 006f5730485614459db8f25f7f5e79191848360b Author: Timothy Yung Date: Fri Sep 30 00:48:43 2022 -0700 Address Security Vulnerabilities in Dependencies (#3351) commit d6fe39d70c90e973d30b3f1512a77581a8657810 Author: Arati Chilad <58401542+arati-1@users.noreply.github.com> Date: Wed Sep 28 03:43:38 2022 -0700 Checks for the documentation (#3348) commit 3d1ea2c37dd05fac159b8864d1a3f977241b54d1 Author: Lorenzo Sciandra Date: Tue Sep 27 17:27:34 2022 +0100 add NFL to the showcase (#3347) commit ff9886c119e1d5686240cee250c2245a773d1a73 Author: Pavlos Vinieratos Date: Mon Sep 26 12:44:01 2022 +0300 Update showcase link for Artsy (#3340) commit 905824ad1327dda42dc217542317f3199830bffe Author: Joshua Yoes <37849890+joshuayoes@users.noreply.github.com> Date: Mon Sep 26 01:17:31 2022 -0700 fix(native-modules-android.md): rename createCalendarEventCallback (#3345) commit 400d50908f248f3feb22cd258f3c05b306962c68 Author: Damoness Date: Mon Sep 26 15:54:57 2022 +0800 Layout Props: clean warning in example (#3344) commit 86139c5e5a906629f3ffc863987bcd0e5e903c52 Author: David Narbutovich <4661784+retyui@users.noreply.github.com> Date: Sun Sep 25 21:14:53 2022 +0400 Document ability to pass Element via ItemSeparatorComponent (#3343) commit c9448b07cd424faacbb24d2083853400bc481145 Author: Daksh Bhardwaj Date: Fri Sep 23 14:33:41 2022 +0530 add documentation for `aria-valuemax` `aria-valuemin` `aria-valuenow` `aria-valuetext` (#3318) commit 54f9a7dbc8971c3287c517f96b3f74ae9990c065 Author: Connor Tumbleson Date: Fri Sep 23 03:02:12 2022 -0400 Add Source Maps Page (#3293) Co-authored-by: Bartosz Kaszubowski Co-authored-by: Dmytro Rykun commit 69f723bd2c816f13b0559da87e4278ec34fcfc0a Author: Daksh Bhardwaj Date: Fri Sep 23 12:29:47 2022 +0530 Text: add documentation for `userSelect` prop (#3311) commit 4260478fa856a72d7c141bf133f05f1161b760cf Author: Daksh Bhardwaj Date: Fri Sep 23 12:25:51 2022 +0530 add documentation for `aria-modal` prop (#3320) commit 94c5e800b4eb042f5b93c85ff151d9e123891a83 Author: Oskar Kwaśniewski Date: Thu Sep 22 14:46:19 2022 +0200 fix: remove isFabricEnabled check from docs (#3336) * fix: remove isFabricEnabled check * fix: language lint commit b55bdc6f3b003e8403fa58d18f70e101ed0e2d05 Author: Dhruv Tailor <32268377+dhruvtailor7@users.noreply.github.com> Date: Thu Sep 22 18:15:06 2022 +0530 Add new props to Image docs (#3310) commit 357254c6b5b754674a0b93e663f2c67c958179ac Author: Lorenzo Sciandra Date: Thu Sep 22 11:32:05 2022 +0100 chore: clean up new arch docs (#3332) * tweaks * revert change commit 12dc7125d050cc5362a6b75cafebd42dc7578bd3 Author: Akshansh Thakur Date: Wed Sep 21 23:18:21 2022 +0530 Updated button.md to reference Pressable (#3237) commit 875448365a47e9d99a623a54b8e5bc9c6e9b5c37 Author: Gabriel Donadel Dall'Agnol Date: Wed Sep 21 09:47:51 2022 -0300 Add id prop to Text, TouchableWithoutFeedback and View docs (#3285) commit 91ce6bc1535fd5ad5c524150c185cc0d3e3709dd Author: Riccardo Date: Wed Sep 21 12:52:34 2022 +0100 fix: Improve wording for iOS getting started (#3334) commit b5f5b5a31ce666a85fb6383db0b33e17c12e7fcf Author: Gabriel Donadel Dall'Agnol Date: Wed Sep 21 08:23:41 2022 -0300 Update colors docs regarding expanded support for CSS Colors (#3306) commit 4e386d6a794568dd6de0a8fc143db6bc34d24ec9 Author: Nicola Corti Date: Wed Sep 21 11:41:31 2022 +0100 Update docs with AGP 7.3.x setup (#3333) commit 72c8bd5f749ec7d3256af651a7ea1ed3ebd5a9c1 Author: Lorenzo Sciandra Date: Tue Sep 20 18:34:32 2022 +0100 Modify the top navbar to be less full (#3177) * modify navbar * rename * reorder and rename * reorder the navbar * change size to match the other elements * change style to match the other elements * tweak the footer to reflect the new header * fix link * fix the other link * small CSS tweaks * small naming tweak Co-authored-by: Bartosz Kaszubowski commit 7202412aec9f52de63926ce73c473676ec6f8ceb Author: Bartosz Kaszubowski Date: Tue Sep 20 00:35:29 2022 +0200 fix incorrect link to re-enable prod deploy (#3330) commit 5dd8fcd914f187bfe686f5dabc59326efae0a900 Author: Lorenzo Sciandra Date: Fri Sep 16 18:27:40 2022 +0100 showcase: update entries (#3328) commit 8c65a420c02b9c77f57aaa649a27eda941b5a290 Author: Lorenzo Sciandra Date: Fri Sep 16 11:19:11 2022 +0100 minor tweaks to the wording for the versions page (#3327) commit 7bb5d882995a8a0bd9553bdea8ff2ca4c26ac2d9 Author: Nicola Corti Date: Fri Sep 16 12:00:23 2022 +0300 [0.71.0] Update the New Architecture guide with the changes for the New Template on Android (#3324) Co-authored-by: Riccardo commit 5462afb4e7dcb6ef14272a34418c0e62aa47e0f7 Author: Sunny Luo Date: Fri Sep 16 16:04:34 2022 +0800 fix _getting-started-macos-ios.md info format (#3326) commit a917b04e8a154bdf99c0cf148feda9f9b1c2c867 Author: Nicola Corti Date: Thu Sep 15 14:54:20 2022 +0300 Fix broken links to Appendix (#3319) commit 1285a79f393a83f208f9b47243c6ee01aa6cc5c3 Author: Riccardo Date: Thu Sep 15 11:21:03 2022 +0200 [Fix] Improve Getting started with iOS (#3323) commit 791d9d12898851b7e4030ba80f2b28995067332c Author: Riccardo Date: Wed Sep 14 10:39:08 2022 +0200 [FEAT] Add doc to simplify podspecs for Native Modules and Native Components (#3321) * [FEAT] Add doc to simplify podspecs for Native Modules and Native Components * fix: apply suggested changes I Co-authored-by: Arati Chilad <58401542+arati-1@users.noreply.github.com> * fix: apply suggested changes II Co-authored-by: Arati Chilad <58401542+arati-1@users.noreply.github.com> * fix: apply suggested changes III Co-authored-by: Arati Chilad <58401542+arati-1@users.noreply.github.com> * fix: apply suggested changes IV Co-authored-by: Arati Chilad <58401542+arati-1@users.noreply.github.com> * fix: apply suggested changes V Co-authored-by: Arati Chilad <58401542+arati-1@users.noreply.github.com> * fix: apply suggested changes VI Co-authored-by: Arati Chilad <58401542+arati-1@users.noreply.github.com> Co-authored-by: Arati Chilad <58401542+arati-1@users.noreply.github.com> commit 046801154da4c379605d1966c704371373eee7fb Author: JiashengWu Date: Wed Sep 14 00:19:07 2022 -0700 Fix title case in testing-overview.md (#3322) commit 38cd75a4064debf2da7186d3e328928f83bbe63b Author: Nicola Corti Date: Tue Sep 13 19:24:25 2022 +0100 Remove unnecessary box from Legacy Native Modules/Components (#3313) commit bbd36d157cedab6517a62c4bfdd1cdf94b8aa432 Author: Nicola Corti Date: Fri Sep 9 21:18:24 2022 +0100 [0.70] Clarify New Architecture Terminology (#3315) commit c084b5a413a1f2345ae5289b7901eb91773b0279 Author: Nicola Corti Date: Fri Sep 9 21:18:04 2022 +0100 Clarify New Architecture Terminology - Take 2 (#3316) commit 63d00e7b4e91545c16fe8c505f9ed9b24ac82b73 Author: Ricky Date: Fri Sep 9 15:13:35 2022 -0400 Revert "Clarify New Architecture Terminology (#3308)" (#3314) This reverts commit 54d266b7842e1dda86b5877466f6a61fcf5bf043. commit 54d266b7842e1dda86b5877466f6a61fcf5bf043 Author: Nicola Corti Date: Fri Sep 9 15:08:43 2022 +0100 Clarify New Architecture Terminology (#3308) commit 42e0266b0c8b93c883b0253ae0f4c1fe825630e9 Author: Riccardo Date: Fri Sep 9 12:21:24 2022 +0100 fix: Address missing feedback from prev PR (#3312) commit 4a3b02c823728041b4b3d981e2bfb1f21c7fbc81 Author: Riccardo Date: Fri Sep 9 12:03:13 2022 +0100 [New Architecture][iOS][0.71.0] Update the App Migration section (#3268) commit 7c1091c6e37f60fc9d83d2da67cdb80a5934ba92 Author: Arati Chilad <58401542+arati-1@users.noreply.github.com> Date: Thu Sep 8 09:19:13 2022 -0700 The New Architecture section editorial review (#3288) * [Do Not Merge] Refactoring The New Architecture (#3029) * [Guide - The New Architecture] What Backward Compatibility Is (#3038) * Guide to creating a New Architecture app from template (#3056) * Start new template guide This is a first iteration. I want to get feedback on a few aspects, so starting from here as a baseline. * Update title * Use tabs for target OS Set up matching the style of "Getting Started", except I kept the headers inside the tabs for now as it makes for a useful right-hand TOC. * Capitalize New Architecture, simplify * Preliminary section for Hermes Add section for recommending enabling Hermes. Not sure of contents yet, and still have to test. * Reword to emphasize importance of Hermes usage * Show new arch in use * Add build speed article link * Add pro tip for pod install alias * Restructure, repeat less Favor linking to original setup guide instead of repeating content. * Note about Expo * Include command on uninstalling global CLI * How to learn more * Remove headers in tabs They don't work correctly with the righthand TOC. * Make header more clear * Use quote block less often There was way too much yellow. * Opt for instructions using XCode Because `xcodebuild clean` already failed me once when XCode GUI clean worked. * Fix lint issue * Improve wording * Use product name * Fix line wraps * Reword based on feedback * Note use of bundle install * Pod removal instructions Also standardize on using yarn scripts from template for commands, it's a little confusing to see the mix of `npx` and `yarn` once we start referring to `yarn pod-install` * Convert quotes to admonitions * Convert Note: to admonitions * Feedback: Change admonitions to caution * PR feedback * New Architecture landing page (#3072) * First draft of landing page * Add migration and backwards compatibility links * lint fix * Restructure slightly, leaning more on context from Why a New Architecture * Don't need md in links * Suggested rewording * Rephrase pillar summaries * [Guide - The New Architecture] Why A New Architecture (#3043) * [Guide - The New Architecture] Pillars (#3046) * [Guide - The New Architecture] TurboModules as Native Modules (#3039) * [Guide - The New Architecture] Fabric Components as Native Components (#3040) * [FEAT][TNA] Fabric Component Guide (#3132) * [Feat] Add intro for Fabric Components * feat: add guide to create a Fabric Component * Add page on codegen (#3155) * [FEAT] TurboModules guide (#3168) * [Feat] Add intro for Fabric Components * feat: add guide to create a Fabric Component * Beginning of guide/folder structure * WIP JS Spec * specification section * Configuration * native code intro * Must be named Spec * Best stab at iOS native code, but I don't know how to describe what's going on in the code very well. Extrapolated what I could. * Android instructions iOS isn't working for me. Builds, but can't load module. Writing up Android auto-linking next because the steps I tested did work. * Include linking instructions from RNNArch repo * Add example JavaScript * native modules link * Address quick feedback items * Remove, fix for rebased branch * fix TM parameter on Android * Revert to 'Codegen' casing * Revert folly version change 2021.07.22 is for current version on main * fix typo * getTurboModule explainer * Sentence edits - Fix acronym bolding - Change wording to "recommended" because "standard" has other connotations of possibly being required - Parentheses unnecessary, distracting * Remove TODO for now Getting inconsistent results here, not sure if this is wrong or not; removing TODO for now so it doesn't block anything * ABI rephrase, more in line with new Fabric guide wording * Explain shared C++ code more * feat: add guide to create a Fabric Component * feat: add guide to create a Fabric Component * package.json description * Lint fixes * fix: Move JS constants to reduce changes * fix: Remove newline * feat: add required step for Android Codegen * fix: use the proper links Co-authored-by: Riccardo Cipolleschi * wip: migration guide review (#3200) * Fix for some typos and other editorial related changes * Update docs/the-new-architecture/pillars-fabric-components.md correcting the article Co-authored-by: Riccardo * Update pillars-fabric-components.md Co-authored-by: Riccardo Co-authored-by: Lizzi Lindboe Co-authored-by: Riccardo commit 9e6e3116966e2b9ba6208bfd8ff2bb19ccff1983 Author: Nicola Corti Date: Thu Sep 8 12:55:43 2022 +0100 Follow-up on CMake clarification for 0.70 (#3309) commit 000d5811452c859d49e528236abf3ad6bda30333 Author: Nicola Corti Date: Thu Sep 8 09:49:49 2022 +0100 Update New Architecture instructions to use CMake instead of Android.mk (#3304) commit d9d4adb410e689f6e56167cd2c25765fc884a1b4 Author: Vojtech Novak Date: Wed Sep 7 09:08:34 2022 +0200 docs: fix path in script example (#3302) commit 10f26e9e84514838f35faf80f29a209a5f47371d Author: Ricky Date: Tue Sep 6 13:00:59 2022 -0400 Revert renaming native components (#3301) commit b4320925c492915510ee35179f711bba4e85c726 Author: Daksh Bhardwaj Date: Tue Sep 6 19:31:59 2022 +0530 TextInput: Add enterKeyHint prop (#3299) commit f57ac2d6b11b098800c19cdf3b41449b3de90784 Author: Gabriel Donadel Dall'Agnol Date: Tue Sep 6 09:36:40 2022 -0300 Image: Add tintColor prop (#3292) Co-authored-by: Bartosz Kaszubowski commit 7d7f4831fd33c0f889f60cc05c6862171f136056 Author: Gabriel Donadel Dall'Agnol Date: Tue Sep 6 09:35:28 2022 -0300 View: Add tabIndex prop (#3286) Co-authored-by: Bartosz Kaszubowski commit 9422060674dc1347df8494e882ebba358d48db9a Author: fabriziobertoglio1987 Date: Tue Sep 6 17:29:42 2022 +0800 adding accessibilityRole 'grid' to documentation (#3224) commit 0de9633e56b3079af82ffd2a000ac4a88ab66c34 Author: EvertEt Date: Tue Sep 6 11:22:19 2022 +0200 Flexbox: correct example description (#3284) commit 04250d6c0a173edccd5decf93c56f22678a0deee Author: Gabriel Donadel Dall'Agnol Date: Tue Sep 6 06:18:34 2022 -0300 TextInput: Add inputMode prop (#3289) commit 9a4ad7aaa04706a61ea128d6bfe4448132f8336b Author: Gabriel Donadel Dall'Agnol Date: Tue Sep 6 06:08:25 2022 -0300 TextInput: Add rows prop (#3280) commit 51a75437cd08bbe34d07cf2be10be70842dcd331 Author: Gabriel Donadel Dall'Agnol Date: Tue Sep 6 06:04:49 2022 -0300 AccessibilityInfo: add prefersCrossFadeTransitions to docs (#3279) commit 010d7cd5dcb9796024100ea9215e0baf7bb8ccd9 Author: Gabriel Donadel Dall'Agnol Date: Tue Sep 6 06:02:01 2022 -0300 TextInput: Add readOnly prop (#3278) --- .circleci/config.yml | 1 + .gitignore | 3 + .prettierrc | 6 +- README.md | 6 +- docs/_getting-started-linux-android.md | 16 +- docs/_getting-started-macos-android.md | 16 +- docs/_getting-started-macos-ios.md | 10 +- docs/_getting-started-windows-android.md | 6 +- docs/_integration-with-exisiting-apps-java.md | 86 +- docs/_integration-with-exisiting-apps-objc.md | 25 +- .../_integration-with-exisiting-apps-swift.md | 25 +- .../_integration-with-existing-apps-kotlin.md | 95 +- docs/_markdown-m1-cocoapods.mdx | 11 - docs/accessibility.md | 80 +- docs/accessibilityinfo.md | 218 +- docs/actionsheetios.md | 49 +- docs/activityindicator.md | 28 +- docs/alert.md | 210 +- docs/alertios.md | 30 +- docs/animated.md | 221 +- docs/animatedvalue.md | 62 +- docs/animatedvaluexy.md | 69 +- docs/animations.md | 607 ++- docs/appearance.md | 26 +- docs/appregistry.md | 129 +- docs/appstate.md | 118 +- docs/asyncstorage.md | 32 +- docs/backhandler.md | 169 +- docs/build-speed.md | 15 +- docs/building-for-tv.md | 22 +- docs/button.md | 30 +- docs/checkbox.md | 16 +- docs/clipboard.md | 43 +- docs/communication-android.md | 6 +- docs/communication-ios.md | 6 +- docs/custom-webview-android.md | 28 +- docs/custom-webview-ios.md | 28 +- docs/datepickerandroid.md | 13 +- docs/datepickerios.md | 23 +- docs/debugging.md | 6 +- docs/devsettings.md | 12 +- docs/dimensions.md | 218 +- docs/direct-manipulation.md | 280 +- docs/drawerlayoutandroid.md | 131 +- docs/dynamiccolorios.md | 12 +- docs/easing.md | 345 +- docs/flatlist.md | 344 +- docs/flexbox.md | 2703 +++++++--- docs/gesture-responder-system.md | 20 +- docs/getting-started.md | 4 +- docs/handling-text-input.md | 11 +- docs/handling-touches.md | 85 +- docs/headless-js-android.md | 14 +- docs/height-and-width.md | 75 +- docs/hermes.md | 44 +- docs/image-style-props.md | 272 +- docs/image.md | 112 +- docs/imagebackground.md | 18 +- docs/imagepickerios.md | 2 +- docs/images.md | 50 +- docs/improvingux.md | 242 +- docs/inputaccessoryview.md | 15 +- docs/interactionmanager.md | 268 +- docs/intro-react-native-components.md | 8 +- docs/intro-react.md | 325 +- docs/introduction.md | 41 +- docs/javascript-environment.md | 43 +- docs/keyboard.md | 177 +- docs/keyboardavoidingview.md | 33 +- docs/layout-props.md | 254 +- docs/layoutanimation.md | 199 +- docs/libraries.md | 4 +- docs/linking.md | 353 +- docs/modal.md | 104 +- docs/more-resources.md | 2 +- docs/native-components-android.md | 26 +- docs/native-components-ios.md | 50 +- docs/native-modules-android.md | 82 +- docs/native-modules-ios.md | 78 +- docs/navigation.md | 26 +- docs/network.md | 221 +- docs/new-architecture-app-intro.md | 340 +- docs/new-architecture-library-intro.md | 68 +- docs/new-architecture-library-ios.md | 1 - docs/new-architecture-troubleshooting.md | 5 +- docs/optimizing-flatlist-configuration.md | 12 +- docs/panresponder.md | 85 +- docs/performance.md | 2 +- docs/permissionsandroid.md | 111 +- docs/pixelratio.md | 49 +- docs/platform-specific-code.md | 46 +- docs/platform.md | 68 +- docs/platformcolor.md | 24 +- docs/pressable.md | 62 +- docs/profile-hermes.md | 2 +- docs/progressbarandroid.md | 2 +- docs/progressviewios.md | 2 +- docs/props.md | 98 +- docs/pushnotificationios.md | 124 +- docs/ram-bundles-inline-requires.md | 42 +- docs/react-native-gradle-plugin.md | 187 + docs/refreshcontrol.md | 26 +- docs/roottag.md | 4 +- docs/safeareaview.md | 6 +- docs/scrollview.md | 30 +- docs/sectionlist.md | 142 +- docs/segmentedcontrolios.md | 24 +- docs/settings.md | 45 +- docs/shadow-props.md | 152 +- docs/share.md | 128 +- docs/state.md | 83 +- docs/statusbar.md | 186 +- docs/style.md | 18 +- docs/stylesheet.md | 125 +- docs/switch.md | 22 +- docs/systrace.md | 159 +- docs/testing-overview.md | 20 +- docs/text-style-props.md | 581 ++- docs/text.md | 206 +- docs/textinput.md | 155 +- ...ackward-compatibility-fabric-components.md | 10 +- .../backward-compatibility-turbomodules.md | 6 +- docs/the-new-architecture/cxx-custom-types.md | 285 ++ .../cxx-cxxturbomodules.md | 522 ++ .../pillars-fabric-components.md | 60 +- .../pillars-turbomodule.md | 57 +- docs/timepickerandroid.md | 6 +- docs/timers.md | 6 +- docs/toastandroid.md | 112 +- docs/touchablehighlight.md | 65 +- docs/touchablenativefeedback.md | 54 +- docs/touchableopacity.md | 61 +- docs/touchablewithoutfeedback.md | 130 +- docs/transforms.md | 312 +- docs/troubleshooting.md | 4 - docs/tutorial.md | 132 +- docs/typescript.md | 100 +- docs/usecolorscheme.md | 10 +- docs/usewindowdimensions.md | 51 +- docs/using-a-listview.md | 57 +- docs/using-a-scrollview.md | 16 +- docs/vibration.md | 102 +- docs/view-style-props.md | 43 +- docs/view.md | 227 +- docs/viewtoken.md | 2 +- docs/virtualizedlist.md | 250 +- package.json | 1 + plugins/remark-snackplayer/src/index.js | 14 +- scripts/lint-examples/.eslintignore | 1 + scripts/lint-examples/.eslintrc.js | 8 + scripts/lint-examples/.prettierrc.js | 7 + scripts/lint-examples/README.md | 7 + scripts/lint-examples/babel.config.js | 3 + .../lint-examples/bin/eslint-examples-js.js | 18 + .../lint-examples/bin/eslint-examples-tsx.js | 18 + scripts/lint-examples/bin/tsc-examples.js | 17 + scripts/lint-examples/package.json | 26 + scripts/lint-examples/src/lintExamples.js | 221 + scripts/lint-examples/tsconfig.json | 4 + website/architecture/bundled-hermes.md | 39 +- ...t-to-left-support-for-react-native-apps.md | 4 +- ...6-headless-js-the-keyboard-api-and-more.md | 6 +- website/blog/2017-03-13-better-list-views.md | 8 +- ...2017-03-13-idx-the-existential-function.md | 2 +- ...s-app-loading-animation-in-react-native.md | 40 +- ...g-input-accessory-view-for-react-native.md | 10 +- ...5-07-using-typescript-with-react-native.md | 24 +- website/blog/2018-08-27-wkwebview.md | 2 +- website/blog/2020-03-26-version-0.62.md | 2 +- website/blog/2020-07-06-version-0.63.md | 20 +- website/blog/2021-03-12-version-0.64.md | 6 +- ...act-native-core-contributor-summit-2022.md | 125 + ...22-12-13-pointer-events-in-react-native.md | 182 + website/blog/authors.yml | 12 + website/community/staying-updated.md | 2 +- .../changelogs-in-pull-requests.md | 5 +- website/contributing/release-faq.md | 11 +- .../contributing/release-troubleshooting.md | 43 + website/core/TabsConstants.js | 10 +- website/package.json | 9 +- website/showcase.json | 5 + website/sidebars.json | 15 +- website/snackPlayerInitializer.js | 12 +- website/src/css/customTheme.scss | 39 +- .../assets/core-contributor-summit-2022.jpg | Bin 0 -> 336128 bytes .../blog/assets/pointer-events-code-flow.png | Bin 0 -> 219770 bytes ...ointer-events-motionevent-relationship.png | Bin 0 -> 183435 bytes .../blog/assets/pointer-events-wpt-demo.gif | Bin 0 -> 10472457 bytes .../_integration-with-exisiting-apps-java.md | 15 +- .../_integration-with-exisiting-apps-objc.md | 17 +- .../_integration-with-exisiting-apps-swift.md | 17 +- .../version-0.60/accessibility.md | 20 +- .../version-0.60/accessibilityinfo.md | 30 +- .../version-0.60/actionsheetios.md | 6 +- website/versioned_docs/version-0.60/alert.md | 8 +- .../versioned_docs/version-0.60/alertios.md | 28 +- .../versioned_docs/version-0.60/animated.md | 4 +- .../version-0.60/animatedvaluexy.md | 10 +- .../versioned_docs/version-0.60/animations.md | 46 +- .../versioned_docs/version-0.60/appstate.md | 14 +- .../version-0.60/asyncstorage.md | 30 +- .../version-0.60/building-for-tv.md | 16 +- .../version-0.60/communication-android.md | 4 +- .../version-0.60/communication-ios.md | 4 +- .../version-0.60/custom-webview-android.md | 26 +- .../version-0.60/custom-webview-ios.md | 28 +- .../version-0.60/datepickerandroid.md | 11 +- .../version-0.60/datepickerios.md | 12 +- .../versioned_docs/version-0.60/debugging.md | 2 +- .../versioned_docs/version-0.60/dimensions.md | 2 +- .../version-0.60/direct-manipulation.md | 2 +- .../versioned_docs/version-0.60/flatlist.md | 4 +- .../version-0.60/geolocation.md | 2 +- .../version-0.60/headless-js-android.md | 4 +- website/versioned_docs/version-0.60/hermes.md | 12 +- .../version-0.60/imageeditor.md | 8 +- website/versioned_docs/version-0.60/images.md | 24 +- .../version-0.60/intro-react.md | 12 +- .../versioned_docs/version-0.60/keyboard.md | 8 +- .../version-0.60/keyboardavoidingview.md | 2 +- .../version-0.60/layoutanimation.md | 16 +- .../versioned_docs/version-0.60/linking.md | 8 +- .../versioned_docs/version-0.60/listview.md | 8 +- .../version-0.60/listviewdatasource.md | 2 +- .../version-0.60/maskedviewios.md | 14 +- website/versioned_docs/version-0.60/modal.md | 12 +- .../version-0.60/native-components-android.md | 2 +- .../version-0.60/native-components-ios.md | 8 +- .../version-0.60/native-modules-android.md | 10 +- .../version-0.60/native-modules-ios.md | 14 +- .../versioned_docs/version-0.60/navigation.md | 12 +- .../versioned_docs/version-0.60/netinfo.md | 10 +- .../versioned_docs/version-0.60/network.md | 22 +- .../version-0.60/panresponder.md | 2 +- .../version-0.60/permissionsandroid.md | 6 +- website/versioned_docs/version-0.60/picker.md | 4 +- .../versioned_docs/version-0.60/pixelratio.md | 4 +- .../version-0.60/platform-specific-code.md | 26 +- .../version-0.60/progressbarandroid.md | 12 +- .../ram-bundles-inline-requires.md | 38 +- .../versioned_docs/version-0.60/scrollview.md | 2 +- website/versioned_docs/version-0.60/share.md | 6 +- website/versioned_docs/version-0.60/state.md | 61 +- .../versioned_docs/version-0.60/stylesheet.md | 34 +- .../version-0.60/testing-overview.md | 10 +- website/versioned_docs/version-0.60/text.md | 8 +- .../version-0.60/timepickerandroid.md | 6 +- .../version-0.60/toastandroid.md | 24 +- .../version-0.60/touchablewithoutfeedback.md | 2 +- .../versioned_docs/version-0.60/typescript.md | 9 +- .../version-0.60/usewindowdimensions.md | 2 +- website/versioned_docs/version-0.60/view.md | 6 +- .../version-0.60/virtualizedlist.md | 2 +- .../versioned_docs/version-0.60/webview.md | 14 +- .../_integration-with-exisiting-apps-java.md | 15 +- .../_integration-with-exisiting-apps-objc.md | 17 +- .../_integration-with-exisiting-apps-swift.md | 17 +- .../version-0.61/accessibility.md | 20 +- .../version-0.61/accessibilityinfo.md | 30 +- .../version-0.61/actionsheetios.md | 6 +- website/versioned_docs/version-0.61/alert.md | 8 +- .../versioned_docs/version-0.61/alertios.md | 28 +- .../versioned_docs/version-0.61/animated.md | 4 +- .../version-0.61/animatedvaluexy.md | 10 +- .../versioned_docs/version-0.61/animations.md | 46 +- .../versioned_docs/version-0.61/appstate.md | 14 +- .../version-0.61/asyncstorage.md | 30 +- .../version-0.61/building-for-tv.md | 16 +- .../version-0.61/communication-android.md | 4 +- .../version-0.61/communication-ios.md | 4 +- .../version-0.61/custom-webview-android.md | 26 +- .../version-0.61/custom-webview-ios.md | 28 +- .../version-0.61/datepickerandroid.md | 11 +- .../version-0.61/datepickerios.md | 12 +- .../versioned_docs/version-0.61/debugging.md | 2 +- .../versioned_docs/version-0.61/dimensions.md | 2 +- .../version-0.61/direct-manipulation.md | 2 +- .../versioned_docs/version-0.61/flatlist.md | 4 +- .../version-0.61/geolocation.md | 2 +- .../version-0.61/headless-js-android.md | 4 +- website/versioned_docs/version-0.61/hermes.md | 8 +- .../version-0.61/imageeditor.md | 8 +- website/versioned_docs/version-0.61/images.md | 24 +- .../version-0.61/intro-react.md | 12 +- .../version-0.61/javascript-environment.md | 5 +- .../versioned_docs/version-0.61/keyboard.md | 8 +- .../version-0.61/keyboardavoidingview.md | 2 +- .../version-0.61/layoutanimation.md | 16 +- .../versioned_docs/version-0.61/linking.md | 8 +- .../versioned_docs/version-0.61/listview.md | 8 +- .../version-0.61/listviewdatasource.md | 2 +- .../version-0.61/maskedviewios.md | 14 +- website/versioned_docs/version-0.61/modal.md | 12 +- .../version-0.61/native-components-android.md | 2 +- .../version-0.61/native-components-ios.md | 8 +- .../version-0.61/native-modules-android.md | 10 +- .../version-0.61/native-modules-ios.md | 14 +- .../versioned_docs/version-0.61/navigation.md | 12 +- .../versioned_docs/version-0.61/netinfo.md | 10 +- .../versioned_docs/version-0.61/network.md | 22 +- .../version-0.61/panresponder.md | 2 +- .../version-0.61/permissionsandroid.md | 6 +- website/versioned_docs/version-0.61/picker.md | 4 +- .../versioned_docs/version-0.61/pixelratio.md | 4 +- .../version-0.61/platform-specific-code.md | 26 +- .../version-0.61/progressbarandroid.md | 12 +- .../ram-bundles-inline-requires.md | 38 +- .../versioned_docs/version-0.61/scrollview.md | 2 +- website/versioned_docs/version-0.61/share.md | 6 +- website/versioned_docs/version-0.61/state.md | 61 +- .../versioned_docs/version-0.61/stylesheet.md | 34 +- .../version-0.61/testing-overview.md | 10 +- website/versioned_docs/version-0.61/text.md | 8 +- .../version-0.61/timepickerandroid.md | 6 +- .../version-0.61/toastandroid.md | 24 +- .../version-0.61/touchablewithoutfeedback.md | 2 +- .../versioned_docs/version-0.61/typescript.md | 9 +- .../version-0.61/usewindowdimensions.md | 2 +- website/versioned_docs/version-0.61/view.md | 6 +- .../version-0.61/virtualizedlist.md | 2 +- .../versioned_docs/version-0.61/webview.md | 14 +- .../_integration-with-exisiting-apps-java.md | 15 +- .../_integration-with-exisiting-apps-objc.md | 17 +- .../_integration-with-exisiting-apps-swift.md | 17 +- .../version-0.62/accessibility.md | 20 +- .../version-0.62/actionsheetios.md | 6 +- website/versioned_docs/version-0.62/alert.md | 8 +- .../versioned_docs/version-0.62/alertios.md | 28 +- .../versioned_docs/version-0.62/animated.md | 4 +- .../version-0.62/animatedvaluexy.md | 10 +- .../versioned_docs/version-0.62/animations.md | 46 +- .../versioned_docs/version-0.62/appearance.md | 2 +- .../version-0.62/appregistry.md | 4 +- .../version-0.62/asyncstorage.md | 30 +- .../version-0.62/building-for-tv.md | 16 +- .../version-0.62/communication-android.md | 4 +- .../version-0.62/communication-ios.md | 4 +- .../version-0.62/custom-webview-android.md | 26 +- .../version-0.62/custom-webview-ios.md | 28 +- .../version-0.62/datepickerandroid.md | 11 +- .../versioned_docs/version-0.62/debugging.md | 2 +- .../versioned_docs/version-0.62/dimensions.md | 2 +- .../version-0.62/direct-manipulation.md | 2 +- .../versioned_docs/version-0.62/flatlist.md | 4 +- .../version-0.62/geolocation.md | 2 +- .../version-0.62/headless-js-android.md | 6 +- website/versioned_docs/version-0.62/hermes.md | 8 +- website/versioned_docs/version-0.62/images.md | 24 +- .../version-0.62/intro-react.md | 10 +- .../version-0.62/javascript-environment.md | 5 +- .../versioned_docs/version-0.62/listview.md | 8 +- .../version-0.62/listviewdatasource.md | 2 +- .../version-0.62/maskedviewios.md | 14 +- .../version-0.62/native-components-android.md | 2 +- .../version-0.62/native-components-ios.md | 8 +- .../version-0.62/native-modules-android.md | 10 +- .../version-0.62/native-modules-ios.md | 14 +- .../versioned_docs/version-0.62/navigation.md | 12 +- .../versioned_docs/version-0.62/network.md | 22 +- .../version-0.62/panresponder.md | 4 +- .../versioned_docs/version-0.62/pixelratio.md | 4 +- .../version-0.62/platform-specific-code.md | 30 +- .../ram-bundles-inline-requires.md | 38 +- .../versioned_docs/version-0.62/scrollview.md | 2 +- website/versioned_docs/version-0.62/state.md | 30 +- .../version-0.62/testing-overview.md | 10 +- website/versioned_docs/version-0.62/text.md | 8 +- .../version-0.62/timepickerandroid.md | 6 +- .../version-0.62/touchablehighlight.md | 2 +- .../version-0.62/touchablewithoutfeedback.md | 2 +- .../versioned_docs/version-0.62/transforms.md | 4 +- .../versioned_docs/version-0.62/typescript.md | 25 +- .../version-0.62/usecolorscheme.md | 4 +- .../version-0.62/usewindowdimensions.md | 2 +- .../version-0.62/virtualizedlist.md | 2 +- .../versioned_docs/version-0.62/webview.md | 14 +- .../_integration-with-exisiting-apps-java.md | 15 +- .../_integration-with-exisiting-apps-objc.md | 17 +- .../_integration-with-exisiting-apps-swift.md | 17 +- .../version-0.63/accessibility.md | 20 +- .../version-0.63/actionsheetios.md | 6 +- website/versioned_docs/version-0.63/alert.md | 8 +- .../versioned_docs/version-0.63/alertios.md | 28 +- .../versioned_docs/version-0.63/animated.md | 4 +- .../versioned_docs/version-0.63/animations.md | 46 +- .../versioned_docs/version-0.63/appearance.md | 2 +- .../version-0.63/appregistry.md | 4 +- .../version-0.63/asyncstorage.md | 30 +- .../version-0.63/building-for-tv.md | 16 +- .../version-0.63/communication-android.md | 4 +- .../version-0.63/communication-ios.md | 4 +- .../version-0.63/custom-webview-android.md | 26 +- .../version-0.63/custom-webview-ios.md | 28 +- .../version-0.63/datepickerandroid.md | 11 +- .../versioned_docs/version-0.63/debugging.md | 2 +- .../versioned_docs/version-0.63/dimensions.md | 2 +- .../version-0.63/direct-manipulation.md | 2 +- .../version-0.63/dynamiccolorios.md | 6 +- .../versioned_docs/version-0.63/flatlist.md | 17 +- .../version-0.63/geolocation.md | 2 +- .../version-0.63/headless-js-android.md | 6 +- website/versioned_docs/version-0.63/hermes.md | 6 +- website/versioned_docs/version-0.63/images.md | 24 +- .../version-0.63/intro-react.md | 12 +- .../version-0.63/javascript-environment.md | 5 +- .../versioned_docs/version-0.63/listview.md | 8 +- .../version-0.63/listviewdatasource.md | 2 +- .../version-0.63/maskedviewios.md | 14 +- .../version-0.63/native-components-android.md | 2 +- .../version-0.63/native-components-ios.md | 8 +- .../version-0.63/native-modules-android.md | 28 +- .../version-0.63/native-modules-ios.md | 28 +- .../versioned_docs/version-0.63/navigation.md | 14 +- .../versioned_docs/version-0.63/network.md | 22 +- .../version-0.63/panresponder.md | 4 +- .../versioned_docs/version-0.63/pixelratio.md | 4 +- .../version-0.63/platform-specific-code.md | 30 +- .../versioned_docs/version-0.63/platform.md | 18 +- .../ram-bundles-inline-requires.md | 38 +- .../versioned_docs/version-0.63/scrollview.md | 2 +- website/versioned_docs/version-0.63/state.md | 26 +- .../version-0.63/testing-overview.md | 10 +- website/versioned_docs/version-0.63/text.md | 8 +- .../version-0.63/timepickerandroid.md | 6 +- .../version-0.63/touchablehighlight.md | 2 +- .../version-0.63/touchablewithoutfeedback.md | 2 +- .../versioned_docs/version-0.63/transforms.md | 4 +- .../versioned_docs/version-0.63/tutorial.md | 8 +- .../versioned_docs/version-0.63/typescript.md | 25 +- .../version-0.63/usecolorscheme.md | 4 +- .../version-0.63/usewindowdimensions.md | 2 +- .../version-0.63/virtualizedlist.md | 2 +- .../versioned_docs/version-0.63/webview.md | 14 +- .../_integration-with-exisiting-apps-java.md | 15 +- .../_integration-with-exisiting-apps-objc.md | 21 +- .../_integration-with-exisiting-apps-swift.md | 21 +- .../version-0.64/accessibility.md | 20 +- .../version-0.64/actionsheetios.md | 6 +- .../versioned_docs/version-0.64/alertios.md | 28 +- .../versioned_docs/version-0.64/animated.md | 4 +- .../versioned_docs/version-0.64/animations.md | 46 +- .../versioned_docs/version-0.64/appearance.md | 2 +- .../version-0.64/appregistry.md | 4 +- .../version-0.64/asyncstorage.md | 30 +- .../version-0.64/building-for-tv.md | 16 +- .../version-0.64/communication-android.md | 4 +- .../version-0.64/communication-ios.md | 4 +- .../version-0.64/custom-webview-android.md | 26 +- .../version-0.64/custom-webview-ios.md | 28 +- .../version-0.64/datepickerandroid.md | 11 +- .../versioned_docs/version-0.64/debugging.md | 2 +- .../versioned_docs/version-0.64/dimensions.md | 2 +- .../version-0.64/direct-manipulation.md | 6 +- .../version-0.64/dynamiccolorios.md | 6 +- .../versioned_docs/version-0.64/flatlist.md | 17 +- .../version-0.64/headless-js-android.md | 6 +- website/versioned_docs/version-0.64/hermes.md | 6 +- website/versioned_docs/version-0.64/images.md | 24 +- .../version-0.64/intro-react.md | 14 +- .../version-0.64/javascript-environment.md | 5 +- .../version-0.64/native-components-android.md | 2 +- .../version-0.64/native-components-ios.md | 8 +- .../version-0.64/native-modules-android.md | 28 +- .../version-0.64/native-modules-ios.md | 28 +- .../versioned_docs/version-0.64/navigation.md | 14 +- .../versioned_docs/version-0.64/network.md | 22 +- .../version-0.64/panresponder.md | 4 +- .../versioned_docs/version-0.64/pixelratio.md | 4 +- .../version-0.64/platform-specific-code.md | 30 +- .../versioned_docs/version-0.64/platform.md | 18 +- .../version-0.64/profile-hermes.md | 2 +- .../ram-bundles-inline-requires.md | 38 +- .../versioned_docs/version-0.64/scrollview.md | 2 +- website/versioned_docs/version-0.64/state.md | 26 +- .../version-0.64/testing-overview.md | 10 +- website/versioned_docs/version-0.64/text.md | 10 +- .../version-0.64/timepickerandroid.md | 6 +- .../version-0.64/touchablehighlight.md | 2 +- .../version-0.64/touchablewithoutfeedback.md | 2 +- .../versioned_docs/version-0.64/transforms.md | 4 +- .../versioned_docs/version-0.64/tutorial.md | 8 +- .../versioned_docs/version-0.64/typescript.md | 23 +- .../version-0.64/usecolorscheme.md | 2 +- .../version-0.64/usewindowdimensions.md | 2 +- .../version-0.64/virtualizedlist.md | 2 +- .../_integration-with-exisiting-apps-java.md | 15 +- .../_integration-with-exisiting-apps-objc.md | 21 +- .../_integration-with-exisiting-apps-swift.md | 21 +- .../version-0.65/accessibility.md | 20 +- .../version-0.65/actionsheetios.md | 6 +- .../versioned_docs/version-0.65/alertios.md | 28 +- .../versioned_docs/version-0.65/animated.md | 4 +- .../versioned_docs/version-0.65/animations.md | 46 +- .../versioned_docs/version-0.65/appearance.md | 2 +- .../version-0.65/appregistry.md | 4 +- .../version-0.65/asyncstorage.md | 30 +- .../version-0.65/building-for-tv.md | 16 +- .../version-0.65/communication-android.md | 4 +- .../version-0.65/communication-ios.md | 4 +- .../version-0.65/custom-webview-android.md | 26 +- .../version-0.65/custom-webview-ios.md | 28 +- .../version-0.65/datepickerandroid.md | 11 +- .../versioned_docs/version-0.65/debugging.md | 2 +- .../versioned_docs/version-0.65/dimensions.md | 2 +- .../version-0.65/direct-manipulation.md | 6 +- .../version-0.65/dynamiccolorios.md | 8 +- .../versioned_docs/version-0.65/flatlist.md | 15 +- .../version-0.65/headless-js-android.md | 6 +- website/versioned_docs/version-0.65/hermes.md | 6 +- website/versioned_docs/version-0.65/images.md | 24 +- .../version-0.65/intro-react.md | 14 +- .../version-0.65/javascript-environment.md | 7 +- .../version-0.65/native-components-android.md | 2 +- .../version-0.65/native-components-ios.md | 8 +- .../version-0.65/native-modules-android.md | 28 +- .../version-0.65/native-modules-ios.md | 28 +- .../versioned_docs/version-0.65/navigation.md | 14 +- .../versioned_docs/version-0.65/network.md | 22 +- .../version-0.65/panresponder.md | 4 +- .../versioned_docs/version-0.65/pixelratio.md | 4 +- .../version-0.65/platform-specific-code.md | 30 +- .../versioned_docs/version-0.65/platform.md | 18 +- .../version-0.65/profile-hermes.md | 2 +- .../ram-bundles-inline-requires.md | 38 +- .../versioned_docs/version-0.65/roottag.md | 4 +- .../versioned_docs/version-0.65/scrollview.md | 2 +- website/versioned_docs/version-0.65/state.md | 26 +- .../version-0.65/testing-overview.md | 10 +- website/versioned_docs/version-0.65/text.md | 10 +- .../version-0.65/timepickerandroid.md | 6 +- .../version-0.65/touchablehighlight.md | 2 +- .../version-0.65/touchablewithoutfeedback.md | 2 +- .../versioned_docs/version-0.65/transforms.md | 4 +- .../versioned_docs/version-0.65/tutorial.md | 8 +- .../versioned_docs/version-0.65/typescript.md | 23 +- .../version-0.65/usecolorscheme.md | 2 +- .../version-0.65/usewindowdimensions.md | 4 +- .../version-0.65/virtualizedlist.md | 2 +- .../_integration-with-exisiting-apps-java.md | 15 +- .../_integration-with-exisiting-apps-objc.md | 21 +- .../_integration-with-exisiting-apps-swift.md | 21 +- .../version-0.66/accessibility.md | 20 +- .../version-0.66/actionsheetios.md | 6 +- .../versioned_docs/version-0.66/alertios.md | 28 +- .../versioned_docs/version-0.66/animated.md | 4 +- .../versioned_docs/version-0.66/animations.md | 46 +- .../versioned_docs/version-0.66/appearance.md | 2 +- .../version-0.66/appregistry.md | 4 +- .../version-0.66/asyncstorage.md | 30 +- .../version-0.66/building-for-tv.md | 16 +- .../version-0.66/communication-android.md | 4 +- .../version-0.66/communication-ios.md | 4 +- .../version-0.66/custom-webview-android.md | 26 +- .../version-0.66/custom-webview-ios.md | 28 +- .../version-0.66/datepickerandroid.md | 11 +- .../versioned_docs/version-0.66/debugging.md | 2 +- .../versioned_docs/version-0.66/dimensions.md | 2 +- .../version-0.66/direct-manipulation.md | 6 +- .../version-0.66/dynamiccolorios.md | 8 +- .../versioned_docs/version-0.66/flatlist.md | 17 +- .../version-0.66/headless-js-android.md | 6 +- website/versioned_docs/version-0.66/hermes.md | 4 - website/versioned_docs/version-0.66/images.md | 24 +- .../version-0.66/intro-react.md | 14 +- .../version-0.66/javascript-environment.md | 7 +- .../version-0.66/native-components-android.md | 16 +- .../version-0.66/native-components-ios.md | 8 +- .../version-0.66/native-modules-android.md | 28 +- .../version-0.66/native-modules-ios.md | 28 +- .../versioned_docs/version-0.66/navigation.md | 14 +- .../versioned_docs/version-0.66/network.md | 22 +- .../version-0.66/panresponder.md | 4 +- .../versioned_docs/version-0.66/pixelratio.md | 4 +- .../version-0.66/platform-specific-code.md | 30 +- .../versioned_docs/version-0.66/platform.md | 18 +- .../version-0.66/profile-hermes.md | 2 +- .../ram-bundles-inline-requires.md | 38 +- .../versioned_docs/version-0.66/roottag.md | 4 +- .../versioned_docs/version-0.66/scrollview.md | 2 +- website/versioned_docs/version-0.66/state.md | 26 +- .../version-0.66/testing-overview.md | 10 +- website/versioned_docs/version-0.66/text.md | 10 +- .../version-0.66/timepickerandroid.md | 6 +- .../version-0.66/touchablehighlight.md | 2 +- .../version-0.66/touchablewithoutfeedback.md | 2 +- .../versioned_docs/version-0.66/transforms.md | 4 +- .../versioned_docs/version-0.66/tutorial.md | 8 +- .../versioned_docs/version-0.66/typescript.md | 23 +- .../version-0.66/usecolorscheme.md | 2 +- .../version-0.66/usewindowdimensions.md | 29 +- .../version-0.66/virtualizedlist.md | 2 +- .../_integration-with-exisiting-apps-java.md | 15 +- .../_integration-with-exisiting-apps-objc.md | 21 +- .../_integration-with-exisiting-apps-swift.md | 21 +- .../version-0.67/accessibility.md | 20 +- .../version-0.67/actionsheetios.md | 6 +- .../versioned_docs/version-0.67/alertios.md | 28 +- .../versioned_docs/version-0.67/animated.md | 4 +- .../versioned_docs/version-0.67/animations.md | 46 +- .../versioned_docs/version-0.67/appearance.md | 2 +- .../version-0.67/appregistry.md | 4 +- .../version-0.67/asyncstorage.md | 30 +- .../version-0.67/building-for-tv.md | 16 +- .../version-0.67/communication-android.md | 4 +- .../version-0.67/communication-ios.md | 4 +- .../version-0.67/custom-webview-android.md | 26 +- .../version-0.67/custom-webview-ios.md | 28 +- .../version-0.67/datepickerandroid.md | 11 +- .../versioned_docs/version-0.67/debugging.md | 2 +- .../versioned_docs/version-0.67/dimensions.md | 2 +- .../version-0.67/direct-manipulation.md | 6 +- .../version-0.67/dynamiccolorios.md | 8 +- .../versioned_docs/version-0.67/flatlist.md | 15 +- .../version-0.67/headless-js-android.md | 6 +- website/versioned_docs/version-0.67/hermes.md | 4 - website/versioned_docs/version-0.67/images.md | 24 +- .../version-0.67/intro-react.md | 14 +- .../version-0.67/javascript-environment.md | 7 +- .../version-0.67/native-components-android.md | 16 +- .../version-0.67/native-components-ios.md | 8 +- .../version-0.67/native-modules-android.md | 28 +- .../version-0.67/native-modules-ios.md | 28 +- .../versioned_docs/version-0.67/navigation.md | 14 +- .../versioned_docs/version-0.67/network.md | 22 +- .../version-0.67/panresponder.md | 4 +- .../versioned_docs/version-0.67/pixelratio.md | 4 +- .../version-0.67/platform-specific-code.md | 30 +- .../versioned_docs/version-0.67/platform.md | 18 +- .../version-0.67/profile-hermes.md | 2 +- .../ram-bundles-inline-requires.md | 38 +- .../versioned_docs/version-0.67/roottag.md | 4 +- .../versioned_docs/version-0.67/scrollview.md | 2 +- website/versioned_docs/version-0.67/state.md | 26 +- .../version-0.67/testing-overview.md | 10 +- website/versioned_docs/version-0.67/text.md | 10 +- .../version-0.67/timepickerandroid.md | 6 +- .../version-0.67/touchablehighlight.md | 2 +- .../version-0.67/touchablewithoutfeedback.md | 2 +- .../versioned_docs/version-0.67/transforms.md | 4 +- .../versioned_docs/version-0.67/tutorial.md | 8 +- .../versioned_docs/version-0.67/typescript.md | 23 +- .../version-0.67/usecolorscheme.md | 2 +- .../version-0.67/usewindowdimensions.md | 29 +- .../version-0.67/virtualizedlist.md | 2 +- .../_getting-started-macos-ios.md | 4 - .../_integration-with-exisiting-apps-java.md | 15 +- .../_integration-with-exisiting-apps-objc.md | 25 +- .../_integration-with-exisiting-apps-swift.md | 25 +- .../version-0.68/accessibility.md | 20 +- .../version-0.68/actionsheetios.md | 6 +- .../versioned_docs/version-0.68/alertios.md | 28 +- .../versioned_docs/version-0.68/animated.md | 4 +- .../versioned_docs/version-0.68/animations.md | 46 +- .../versioned_docs/version-0.68/appearance.md | 2 +- .../version-0.68/appregistry.md | 4 +- .../version-0.68/asyncstorage.md | 30 +- .../version-0.68/build-speed.md | 14 +- .../version-0.68/building-for-tv.md | 16 +- .../version-0.68/communication-android.md | 4 +- .../version-0.68/communication-ios.md | 4 +- .../version-0.68/custom-webview-android.md | 26 +- .../version-0.68/custom-webview-ios.md | 28 +- .../version-0.68/datepickerandroid.md | 11 +- .../versioned_docs/version-0.68/debugging.md | 2 +- .../versioned_docs/version-0.68/dimensions.md | 2 +- .../version-0.68/direct-manipulation.md | 6 +- .../version-0.68/dynamiccolorios.md | 8 +- .../versioned_docs/version-0.68/flatlist.md | 15 +- .../version-0.68/headless-js-android.md | 6 +- website/versioned_docs/version-0.68/hermes.md | 8 - website/versioned_docs/version-0.68/images.md | 24 +- .../version-0.68/intro-react.md | 14 +- .../version-0.68/javascript-environment.md | 7 +- .../versioned_docs/version-0.68/libraries.md | 4 +- .../version-0.68/native-components-android.md | 16 +- .../version-0.68/native-components-ios.md | 8 +- .../version-0.68/native-modules-android.md | 28 +- .../version-0.68/native-modules-ios.md | 28 +- .../versioned_docs/version-0.68/navigation.md | 18 +- .../versioned_docs/version-0.68/network.md | 22 +- .../new-architecture-app-renderer-ios.md | 7 +- .../new-architecture-library-intro.md | 6 +- .../new-architecture-library-ios.md | 8 +- .../version-0.68/panresponder.md | 4 +- .../versioned_docs/version-0.68/pixelratio.md | 4 +- .../version-0.68/platform-specific-code.md | 30 +- .../versioned_docs/version-0.68/platform.md | 18 +- .../version-0.68/profile-hermes.md | 2 +- .../ram-bundles-inline-requires.md | 38 +- .../versioned_docs/version-0.68/roottag.md | 4 +- .../versioned_docs/version-0.68/scrollview.md | 2 +- website/versioned_docs/version-0.68/state.md | 28 +- .../version-0.68/testing-overview.md | 10 +- website/versioned_docs/version-0.68/text.md | 10 +- .../version-0.68/timepickerandroid.md | 6 +- .../version-0.68/touchablehighlight.md | 2 +- .../version-0.68/touchablewithoutfeedback.md | 2 +- .../versioned_docs/version-0.68/transforms.md | 4 +- .../version-0.68/troubleshooting.md | 4 - .../versioned_docs/version-0.68/tutorial.md | 8 +- .../versioned_docs/version-0.68/typescript.md | 23 +- .../version-0.68/usecolorscheme.md | 2 +- .../version-0.68/usewindowdimensions.md | 29 +- .../version-0.68/virtualizedlist.md | 2 +- .../_getting-started-macos-ios.md | 4 - .../_integration-with-exisiting-apps-java.md | 15 +- .../_integration-with-exisiting-apps-objc.md | 25 +- .../_integration-with-exisiting-apps-swift.md | 25 +- .../_integration-with-existing-apps-kotlin.md | 15 +- .../version-0.69/accessibility.md | 20 +- .../version-0.69/actionsheetios.md | 6 +- .../versioned_docs/version-0.69/alertios.md | 28 +- .../versioned_docs/version-0.69/animated.md | 4 +- .../versioned_docs/version-0.69/animations.md | 46 +- .../versioned_docs/version-0.69/appearance.md | 2 +- .../version-0.69/appregistry.md | 4 +- .../version-0.69/asyncstorage.md | 30 +- .../version-0.69/build-speed.md | 14 +- .../version-0.69/building-for-tv.md | 16 +- .../version-0.69/communication-android.md | 4 +- .../version-0.69/communication-ios.md | 4 +- .../version-0.69/custom-webview-android.md | 26 +- .../version-0.69/custom-webview-ios.md | 28 +- .../version-0.69/datepickerandroid.md | 11 +- .../versioned_docs/version-0.69/debugging.md | 2 +- .../versioned_docs/version-0.69/dimensions.md | 2 +- .../version-0.69/direct-manipulation.md | 6 +- .../version-0.69/dynamiccolorios.md | 8 +- .../versioned_docs/version-0.69/flatlist.md | 15 +- .../version-0.69/headless-js-android.md | 6 +- website/versioned_docs/version-0.69/hermes.md | 10 +- website/versioned_docs/version-0.69/images.md | 24 +- .../version-0.69/intro-react.md | 14 +- .../version-0.69/javascript-environment.md | 7 +- .../versioned_docs/version-0.69/libraries.md | 4 +- .../version-0.69/native-components-android.md | 16 +- .../version-0.69/native-components-ios.md | 16 +- .../version-0.69/native-modules-android.md | 28 +- .../version-0.69/native-modules-ios.md | 28 +- .../versioned_docs/version-0.69/navigation.md | 18 +- .../versioned_docs/version-0.69/network.md | 22 +- .../new-architecture-app-renderer-ios.md | 3 - .../new-architecture-library-intro.md | 16 +- .../new-architecture-library-ios.md | 8 +- .../version-0.69/panresponder.md | 4 +- .../versioned_docs/version-0.69/pixelratio.md | 4 +- .../version-0.69/platform-specific-code.md | 30 +- .../versioned_docs/version-0.69/platform.md | 18 +- .../version-0.69/profile-hermes.md | 2 +- .../ram-bundles-inline-requires.md | 38 +- .../versioned_docs/version-0.69/roottag.md | 4 +- .../versioned_docs/version-0.69/scrollview.md | 2 +- website/versioned_docs/version-0.69/state.md | 26 +- .../version-0.69/testing-overview.md | 10 +- website/versioned_docs/version-0.69/text.md | 10 +- .../version-0.69/timepickerandroid.md | 6 +- .../version-0.69/touchablehighlight.md | 2 +- .../version-0.69/touchablewithoutfeedback.md | 2 +- .../versioned_docs/version-0.69/transforms.md | 4 +- .../version-0.69/troubleshooting.md | 4 - .../versioned_docs/version-0.69/tutorial.md | 8 +- .../versioned_docs/version-0.69/typescript.md | 23 +- .../version-0.69/usecolorscheme.md | 2 +- .../version-0.69/usewindowdimensions.md | 29 +- .../version-0.69/virtualizedlist.md | 2 +- .../_getting-started-macos-ios.md | 4 +- .../_integration-with-exisiting-apps-java.md | 15 +- .../_integration-with-exisiting-apps-objc.md | 25 +- .../_integration-with-exisiting-apps-swift.md | 25 +- .../_integration-with-existing-apps-kotlin.md | 15 +- .../version-0.70/accessibility.md | 20 +- .../version-0.70/actionsheetios.md | 6 +- .../versioned_docs/version-0.70/alertios.md | 28 +- .../versioned_docs/version-0.70/animated.md | 4 +- .../versioned_docs/version-0.70/animations.md | 46 +- .../versioned_docs/version-0.70/appearance.md | 2 +- .../version-0.70/appregistry.md | 4 +- .../version-0.70/asyncstorage.md | 30 +- .../version-0.70/build-speed.md | 14 +- .../version-0.70/building-for-tv.md | 16 +- .../version-0.70/communication-android.md | 4 +- .../version-0.70/communication-ios.md | 4 +- .../version-0.70/custom-webview-android.md | 26 +- .../version-0.70/custom-webview-ios.md | 28 +- .../version-0.70/datepickerandroid.md | 11 +- .../versioned_docs/version-0.70/debugging.md | 2 +- .../versioned_docs/version-0.70/dimensions.md | 2 +- .../version-0.70/direct-manipulation.md | 6 +- .../version-0.70/dynamiccolorios.md | 8 +- .../versioned_docs/version-0.70/flatlist.md | 15 +- .../version-0.70/headless-js-android.md | 6 +- website/versioned_docs/version-0.70/hermes.md | 14 +- website/versioned_docs/version-0.70/images.md | 24 +- .../version-0.70/intro-react.md | 14 +- .../version-0.70/javascript-environment.md | 9 +- .../versioned_docs/version-0.70/libraries.md | 4 +- .../version-0.70/native-components-android.md | 16 +- .../version-0.70/native-components-ios.md | 16 +- .../version-0.70/native-modules-android.md | 28 +- .../version-0.70/native-modules-ios.md | 28 +- .../versioned_docs/version-0.70/navigation.md | 18 +- .../versioned_docs/version-0.70/network.md | 22 +- .../new-architecture-app-renderer-ios.md | 3 - .../new-architecture-library-intro.md | 16 +- .../new-architecture-library-ios.md | 1 - .../version-0.70/panresponder.md | 4 +- .../versioned_docs/version-0.70/pixelratio.md | 4 +- .../version-0.70/platform-specific-code.md | 30 +- .../versioned_docs/version-0.70/platform.md | 18 +- .../version-0.70/profile-hermes.md | 2 +- .../ram-bundles-inline-requires.md | 38 +- .../versioned_docs/version-0.70/roottag.md | 4 +- .../versioned_docs/version-0.70/scrollview.md | 2 +- website/versioned_docs/version-0.70/state.md | 26 +- .../version-0.70/testing-overview.md | 10 +- website/versioned_docs/version-0.70/text.md | 10 +- ...ackward-compatibility-fabric-components.md | 7 +- .../backward-compatibility-turbomodules.md | 3 +- .../pillars-fabric-components.md | 11 +- .../pillars-turbomodule.md | 38 +- .../version-0.70/the-new-architecture/why.md | 2 +- .../version-0.70/timepickerandroid.md | 6 +- .../version-0.70/touchablehighlight.md | 2 +- .../version-0.70/touchablewithoutfeedback.md | 2 +- .../versioned_docs/version-0.70/transforms.md | 4 +- .../version-0.70/troubleshooting.md | 4 - .../versioned_docs/version-0.70/tutorial.md | 8 +- .../versioned_docs/version-0.70/typescript.md | 23 +- .../version-0.70/usecolorscheme.md | 2 +- .../version-0.70/usewindowdimensions.md | 29 +- .../version-0.70/virtualizedlist.md | 2 +- yarn.lock | 4385 ++++++++++++++--- 832 files changed, 19291 insertions(+), 10366 deletions(-) delete mode 100644 docs/_markdown-m1-cocoapods.mdx create mode 100644 docs/react-native-gradle-plugin.md create mode 100644 docs/the-new-architecture/cxx-custom-types.md create mode 100644 docs/the-new-architecture/cxx-cxxturbomodules.md create mode 100644 scripts/lint-examples/.eslintignore create mode 100644 scripts/lint-examples/.eslintrc.js create mode 100644 scripts/lint-examples/.prettierrc.js create mode 100644 scripts/lint-examples/README.md create mode 100644 scripts/lint-examples/babel.config.js create mode 100755 scripts/lint-examples/bin/eslint-examples-js.js create mode 100755 scripts/lint-examples/bin/eslint-examples-tsx.js create mode 100755 scripts/lint-examples/bin/tsc-examples.js create mode 100644 scripts/lint-examples/package.json create mode 100755 scripts/lint-examples/src/lintExamples.js create mode 100644 scripts/lint-examples/tsconfig.json create mode 100644 website/blog/2022-11-22-react-native-core-contributor-summit-2022.md create mode 100644 website/blog/2022-12-13-pointer-events-in-react-native.md create mode 100644 website/static/blog/assets/core-contributor-summit-2022.jpg create mode 100644 website/static/blog/assets/pointer-events-code-flow.png create mode 100644 website/static/blog/assets/pointer-events-motionevent-relationship.png create mode 100644 website/static/blog/assets/pointer-events-wpt-demo.gif diff --git a/.circleci/config.yml b/.circleci/config.yml index ae294ea2e20..52c5678d300 100644 --- a/.circleci/config.yml +++ b/.circleci/config.yml @@ -25,6 +25,7 @@ commands: - run: name: Yarn Install command: yarn install --no-progress --non-interactive --cache-folder ~/.cache/yarn + working_directory: ~/react-native-website - save_cache: paths: - node_modules diff --git a/.gitignore b/.gitignore index 6e85513bdcb..45da9c7e3e9 100644 --- a/.gitignore +++ b/.gitignore @@ -19,3 +19,6 @@ cnwebsite/scripts/sync-api-docs/generatedComponentApiDocs.js cnwebsite/scripts/sync-api-docs/extracted.json sync-api-docs/generatedComponentApiDocs.js sync-api-docs/extracted.json + +scripts/lint-examples/out/ + diff --git a/.prettierrc b/.prettierrc index 43f7d62dd47..11998292dbf 100644 --- a/.prettierrc +++ b/.prettierrc @@ -15,13 +15,13 @@ { "files": "*.md", "options": { - "arrowParens": "always", - "bracketSpacing": true, + "arrowParens": "avoid", + "bracketSpacing": false, "bracketSameLine": true, "printWidth": 66, "proseWrap": "preserve", "singleQuote": true, - "trailingComma": "none", + "trailingComma": "all", "endOfLine": "auto" } }, diff --git a/README.md b/README.md index 9dd7e5d7d4e..043f068b37f 100644 --- a/README.md +++ b/README.md @@ -45,7 +45,7 @@ If you are looking for the source code of the [React Native Archive website](htt ## 📖 Overview If you would like to **_contribute an edit or addition to the docs,_** read through our [style guide](STYLEGUIDE.md) before you write anything. -Almost all our content is generated from markdown files you can find in the `docs`, `website/architecure` and `website/contibuting` directories. +Almost all our content is generated from markdown files you can find in the `docs`, `website/architecture` and `website/contributing` directories. **_To edit the internals of how the site is built,_** you may want to get familiarized with how the site is built. The React Native website is a static site generated using [Docusaurus](https://docusaurus.io/). The website configuration can be found in the `website` directory. Visit the Docusaurus website to learn more about all the available configuration options. @@ -109,7 +109,7 @@ As mentioned above, the `docs` folder contains the source files for docs from "G The doc files for the "Architecture" and "Contribution" tabs are located inside `website` in the respective directories (unversioned/static docs). In most cases, you will only want to edit the files within those directories. -If you're adding a new doc or you need to alter the order the docs appear in the sidebar, take a look at the `sidebars.json`, `sidebarsArchitecture.json` and `sidebarsContributing.json` files in the `website` directory. The sidebar files contains a list of document ids that should match those defined in the header metadata (aka frontmatter) of the docs markdown files. +If you're adding a new doc or you need to alter the order the docs appear in the sidebar, take a look at the `sidebars.json`, `sidebarsArchitecture.json` and `sidebarsContributing.json` files in the `website` directory. The sidebar files contain a list of document ids that should match those defined in the header metadata (aka frontmatter) of the docs markdown files. ### Versioned docs @@ -117,7 +117,7 @@ Part of the React Native website is versioned to allow users to go back and see > **_Note:_** Do not edit the auto-generated files within `versioned_docs` or `versioned_sidebars` unless you are sure it is necessary. Edits made to older versions will not be propagated to newer versions of the versioned docs. -Docusaurus keeps track of the list of versions for the site in the `website/versions.json` file. The ordering of the versions in this file should be in reverse chronological order. +Docusaurus keeps track of the list of versions for the site in the `website/versions.json` file. The ordering of versions in this file should be in reverse chronological order. #### Cutting a new version diff --git a/docs/_getting-started-linux-android.md b/docs/_getting-started-linux-android.md index 839c6882c65..1c10384763b 100644 --- a/docs/_getting-started-linux-android.md +++ b/docs/_getting-started-linux-android.md @@ -49,21 +49,21 @@ Next, select the "SDK Tools" tab and check the box next to "Show Package Details Finally, click "Apply" to download and install the Android SDK and related build tools. -

3. Configure the ANDROID_SDK_ROOT environment variable

+

3. Configure the ANDROID_HOME environment variable

The React Native tools require some environment variables to be set up in order to build apps with native code. Add the following lines to your `$HOME/.bash_profile` or `$HOME/.bashrc` (if you are using `zsh` then `~/.zprofile` or `~/.zshrc`) config file: ```shell -export ANDROID_SDK_ROOT=$HOME/Library/Android/Sdk -export PATH=$PATH:$ANDROID_SDK_ROOT/emulator -export PATH=$PATH:$ANDROID_SDK_ROOT/platform-tools +export ANDROID_HOME=$HOME/Android/Sdk +export PATH=$PATH:$ANDROID_HOME/emulator +export PATH=$PATH:$ANDROID_HOME/platform-tools ``` > `.bash_profile` is specific to `bash`. If you're using another shell, you will need to edit the appropriate shell-specific config file. -Type `source $HOME/.bash_profile` for `bash` or `source $HOME/.zprofile` to load the config into your current shell. Verify that ANDROID_SDK_ROOT has been set by running `echo $ANDROID_SDK_ROOT` and the appropriate directories have been added to your path by running `echo $PATH`. +Type `source $HOME/.bash_profile` for `bash` or `source $HOME/.zprofile` to load the config into your current shell. Verify that ANDROID_HOME has been set by running `echo $ANDROID_HOME` and the appropriate directories have been added to your path by running `echo $PATH`. > Please make sure you use the correct Android SDK path. You can find the actual location of the SDK in the Android Studio "Preferences" dialog, under **Appearance & Behavior** → **System Settings** → **Android SDK**. @@ -97,11 +97,7 @@ If you want to start a new project with a specific React Native version, you can npx react-native init AwesomeProject --version X.XX.X ``` -You can also start a project with a custom React Native template, like TypeScript, with `--template` argument: - -```shell -npx react-native init AwesomeTSProject --template react-native-template-typescript -``` +You can also start a project with a custom React Native template with the `--template` argument.

Preparing the Android device

diff --git a/docs/_getting-started-macos-android.md b/docs/_getting-started-macos-android.md index eada9f7e420..9e1d1e3022a 100644 --- a/docs/_getting-started-macos-android.md +++ b/docs/_getting-started-macos-android.md @@ -69,19 +69,19 @@ Next, select the "SDK Tools" tab and check the box next to "Show Package Details Finally, click "Apply" to download and install the Android SDK and related build tools. -

3. Configure the ANDROID_SDK_ROOT environment variable

+

3. Configure the ANDROID_HOME environment variable

The React Native tools require some environment variables to be set up in order to build apps with native code. Add the following lines to your `~/.zprofile` or `~/.zshrc` (if you are using `bash`, then `~/.bash_profile` or `~/.bashrc`) config file: ```shell -export ANDROID_SDK_ROOT=$HOME/Library/Android/sdk -export PATH=$PATH:$ANDROID_SDK_ROOT/emulator -export PATH=$PATH:$ANDROID_SDK_ROOT/platform-tools +export ANDROID_HOME=$HOME/Library/Android/sdk +export PATH=$PATH:$ANDROID_HOME/emulator +export PATH=$PATH:$ANDROID_HOME/platform-tools ``` -Run `source ~/.zprofile` (or `source ~/.bash_profile` for `bash`) to load the config into your current shell. Verify that ANDROID_SDK_ROOT has been set by running `echo $ANDROID_SDK_ROOT` and the appropriate directories have been added to your path by running `echo $PATH`. +Run `source ~/.zprofile` (or `source ~/.bash_profile` for `bash`) to load the config into your current shell. Verify that ANDROID_HOME has been set by running `echo $ANDROID_HOME` and the appropriate directories have been added to your path by running `echo $PATH`. > Please make sure you use the correct Android SDK path. You can find the actual location of the SDK in the Android Studio "Preferences" dialog, under **Appearance & Behavior** → **System Settings** → **Android SDK**. @@ -109,11 +109,7 @@ If you want to start a new project with a specific React Native version, you can npx react-native init AwesomeProject --version X.XX.X ``` -You can also start a project with a custom React Native template, like TypeScript, with `--template` argument: - -```shell -npx react-native init AwesomeTSProject --template react-native-template-typescript -``` +You can also start a project with a custom React Native template with the `--template` argument.

Preparing the Android device

diff --git a/docs/_getting-started-macos-ios.md b/docs/_getting-started-macos-ios.md index 7359e734983..93a316dce4f 100644 --- a/docs/_getting-started-macos-ios.md +++ b/docs/_getting-started-macos-ios.md @@ -1,4 +1,4 @@ -import M1Cocoapods from './\_markdown-m1-cocoapods.mdx'; import RemoveGlobalCLI from './\_remove-global-cli.md'; +import RemoveGlobalCLI from './\_remove-global-cli.md'; ## Installing dependencies @@ -70,8 +70,6 @@ To install a simulator, open Xcode > Preferences... and select For more information, please visit [CocoaPods Getting Started guide](https://guides.cocoapods.org/using/getting-started.html). - - ### React Native Command Line Interface React Native has a built-in command line interface. Rather than install and manage a specific version of the CLI globally, we recommend you access the current version at runtime using `npx`, which ships with Node.js. With `npx react-native `, the current stable version of the CLI will be downloaded and executed at the time the command is run. @@ -107,11 +105,7 @@ If you want to start a new project with a specific React Native version, you can npx react-native init AwesomeProject --version X.XX.X ``` -You can also start a project with a custom React Native template, like TypeScript, with `--template` argument: - -```shell -npx react-native init AwesomeTSProject --template react-native-template-typescript -``` +You can also start a project with a custom React Native template with the `--template` argument. > **Note** If the above command is failing, you may have old version of `react-native` or `react-native-cli` installed globally on your pc. Try uninstalling the cli and run the cli using `npx`. diff --git a/docs/_getting-started-windows-android.md b/docs/_getting-started-windows-android.md index 1ae3a3c9c21..230190b7a62 100644 --- a/docs/_getting-started-windows-android.md +++ b/docs/_getting-started-windows-android.md @@ -128,11 +128,7 @@ If you want to start a new project with a specific React Native version, you can npx react-native init AwesomeProject --version X.XX.X ``` -You can also start a project with a custom React Native template, like TypeScript, with `--template` argument: - -```shell -npx react-native init AwesomeTSProject --template react-native-template-typescript -``` +You can also start a project with a custom React Native template with the `--template` argument.

Preparing the Android device

diff --git a/docs/_integration-with-exisiting-apps-java.md b/docs/_integration-with-exisiting-apps-java.md index f090f7083be..2e5b61eefb5 100644 --- a/docs/_integration-with-exisiting-apps-java.md +++ b/docs/_integration-with-exisiting-apps-java.md @@ -41,7 +41,7 @@ $ yarn add react-native This will print a message similar to the following (scroll up in the yarn output to see it): -> warning "react-native@0.52.2" has unmet peer dependency "react@16.2.0". +> warning "react-native@0.70.5" has unmet peer dependency "react@18.1.0" This is OK, it means we also need to install React: @@ -55,41 +55,54 @@ Add `node_modules/` to your `.gitignore` file. ## Adding React Native to your app -### Configuring maven +### Configuring Gradle -Add the React Native and JSC dependency to your app's `build.gradle` file: +React Native uses the React Native Gradle Plugin to configure your dependencies and project setup. -```gradle -dependencies { - implementation "com.android.support:appcompat-v7:27.1.1" - ... - implementation "com.facebook.react:react-native:+" // From node_modules - implementation "org.webkit:android-jsc:+" -} -``` +First, let's edit your `settings.gradle` file by adding this line: -> If you want to ensure that you are always using a specific React Native version in your native build, replace `+` with an actual React Native version you've downloaded from `npm`. +```groovy +includeBuild('../node_modules/react-native-gradle-plugin') +``` -Add an entry for the local React Native and JSC maven directories to the top-level `build.gradle`. Be sure to add it to the “allprojects” block, above other maven repositories: +Then you need to open your top level `build.gradle` and include this line: -```gradle -allprojects { +```diff +buildscript { repositories { - maven { - // All of React Native (JS, Android binaries) is installed from npm - url "$rootDir/../node_modules/react-native/android" - } - maven { - // Android JSC is installed from npm - url("$rootDir/../node_modules/jsc-android/dist") - } - ... + google() + mavenCentral() + } + dependencies { + classpath("com.android.tools.build:gradle:7.3.1") ++ classpath("com.facebook.react:react-native-gradle-plugin") } - ... } ``` -> Make sure that the path is correct! You shouldn’t run into any “Failed to resolve: com.facebook.react:react-native:0.x.x" errors after running Gradle sync in Android Studio. +This makes sure the React Native Gradle Plugin is available inside your project. +Finally, add those lines inside your app's `build.gradle` file (it's a different `build.gradle` file inside your app folder): + +```diff +apply plugin: "com.android.application" ++apply plugin: "com.facebook.react" + +repositories { + mavenCentral() +} + +dependencies { + // Other dependencies here ++ implementation "com.facebook.react:react-android" ++ implementation "com.facebook.react:hermes-android" +} +``` + +Those depedencies are available on `mavenCentral()` so make sure you have it defined in your `repositories{}` block. + +:::info +We intentionally don't specify the version for those `implementation` dependencies as the React Native Gradle Plugin will take care of it. If you don't use the React Native Gradle Plugin, you'll have to specify version manually. +::: ### Enable native modules autolinking @@ -156,12 +169,7 @@ In your `index.js`, create your component. In our sample here, we will add a ` { return ( @@ -173,18 +181,18 @@ const HelloWorld = () => { var styles = StyleSheet.create({ container: { flex: 1, - justifyContent: 'center' + justifyContent: 'center', }, hello: { fontSize: 20, textAlign: 'center', - margin: 10 - } + margin: 10, + }, }); AppRegistry.registerComponent( 'MyReactNativeApp', - () => HelloWorld + () => HelloWorld, ); ``` @@ -371,7 +379,11 @@ Once you reach your React-powered activity inside the app, it should load the Ja ### Creating a release build in Android Studio -You can use Android Studio to create your release builds too! It’s as quick as creating release builds of your previously-existing native Android app. There’s one additional step, which you’ll have to do before every release build. You need to execute the following to create a React Native bundle, which will be included with your native Android app: +You can use Android Studio to create your release builds too! It’s as quick as creating release builds of your previously-existing native Android app. + +If you use the React Native Gradle Plugin as described above, everything should work when running app from Android Studio. + +If you're not using the React Native Gradle Plugin, there’s one additional step which you’ll have to do before every release build. You need to execute the following to create a React Native bundle, which will be included with your native Android app: ```shell $ npx react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/com/your-company-name/app-package-name/src/main/assets/index.android.bundle --assets-dest android/com/your-company-name/app-package-name/src/main/res/ diff --git a/docs/_integration-with-exisiting-apps-objc.md b/docs/_integration-with-exisiting-apps-objc.md index 893187c9b91..220245e9761 100644 --- a/docs/_integration-with-exisiting-apps-objc.md +++ b/docs/_integration-with-exisiting-apps-objc.md @@ -1,4 +1,4 @@ -import Tabs from '@theme/Tabs'; import TabItem from '@theme/TabItem'; import constants from '@site/core/TabsConstants'; import M1Cocoapods from './\_markdown-m1-cocoapods.mdx'; +import Tabs from '@theme/Tabs'; import TabItem from '@theme/TabItem'; import constants from '@site/core/TabsConstants'; ## Key Concepts @@ -186,8 +186,6 @@ Pod installation complete! There are 3 dependencies from the Podfile and 1 total > If this fails with errors mentioning `xcrun`, make sure that in Xcode in **Preferences > Locations** the Command Line Tools are assigned. - - ### Code integration Now we will actually modify the native iOS application to integrate React Native. For our 2048 sample app, we will add a "High Score" screen in React Native. @@ -208,15 +206,10 @@ In your `index.js`, create your component. In our sample here, we will add a ` { - const contents = scores.map((score) => ( +import {AppRegistry, StyleSheet, Text, View} from 'react-native'; + +const RNHighScores = ({scores}) => { + const contents = scores.map(score => ( {score.name}:{score.value} {'\n'} @@ -237,18 +230,18 @@ const styles = StyleSheet.create({ flex: 1, justifyContent: 'center', alignItems: 'center', - backgroundColor: '#FFFFFF' + backgroundColor: '#FFFFFF', }, highScoresTitle: { fontSize: 20, textAlign: 'center', - margin: 10 + margin: 10, }, scores: { textAlign: 'center', color: '#333333', - marginBottom: 5 - } + marginBottom: 5, + }, }); // Module name diff --git a/docs/_integration-with-exisiting-apps-swift.md b/docs/_integration-with-exisiting-apps-swift.md index a1c8ea18456..cb3a21aa1a6 100644 --- a/docs/_integration-with-exisiting-apps-swift.md +++ b/docs/_integration-with-exisiting-apps-swift.md @@ -1,5 +1,3 @@ -import M1Cocoapods from './\_markdown-m1-cocoapods.mdx'; - ## Key Concepts The keys to integrating React Native components into your iOS application are to: @@ -154,8 +152,6 @@ Pod installation complete! There are 3 dependencies from the Podfile and 1 total > If you get a warning such as "_The `swift-2048 [Debug]` target overrides the `FRAMEWORK_SEARCH_PATHS` build setting defined in `Pods/Target Support Files/Pods-swift-2048/Pods-swift-2048.debug.xcconfig`. This can lead to problems with the CocoaPods installation_", then make sure the `Framework Search Paths` in `Build Settings` for both `Debug` and `Release` only contain `$(inherited)`. - - ### Code integration Now we will actually modify the native iOS application to integrate React Native. For our 2048 sample app, we will add a "High Score" screen in React Native. @@ -176,15 +172,10 @@ In your `index.js`, create your component. In our sample here, we will add a ` { - const contents = scores.map((score) => ( +import {AppRegistry, StyleSheet, Text, View} from 'react-native'; + +const RNHighScores = ({scores}) => { + const contents = scores.map(score => ( {score.name}:{score.value} {'\n'} @@ -205,18 +196,18 @@ const styles = StyleSheet.create({ flex: 1, justifyContent: 'center', alignItems: 'center', - backgroundColor: '#FFFFFF' + backgroundColor: '#FFFFFF', }, highScoresTitle: { fontSize: 20, textAlign: 'center', - margin: 10 + margin: 10, }, scores: { textAlign: 'center', color: '#333333', - marginBottom: 5 - } + marginBottom: 5, + }, }); // Module name diff --git a/docs/_integration-with-existing-apps-kotlin.md b/docs/_integration-with-existing-apps-kotlin.md index 9500da50e71..0ab43d37f3c 100644 --- a/docs/_integration-with-existing-apps-kotlin.md +++ b/docs/_integration-with-existing-apps-kotlin.md @@ -41,7 +41,7 @@ $ yarn add react-native This will print a message similar to the following (scroll up in the yarn output to see it): -> warning "react-native@0.52.2" has unmet peer dependency "react@16.2.0". +> warning "react-native@0.70.5" has unmet peer dependency "react@18.1.0" This is OK, it means we also need to install React: @@ -55,58 +55,54 @@ Add `node_modules/` to your `.gitignore` file. ## Adding React Native to your app -### Configuring maven +### Configuring Gradle -Add the React Native and JSC dependency to your app's `build.gradle` file: +React Native uses the React Native Gradle Plugin to configure your dependencies and project setup. -```gradle -dependencies { - implementation "com.android.support:appcompat-v7:27.1.1" - ... - implementation "com.facebook.react:react-native:+" // From node_modules - implementation "org.webkit:android-jsc:+" -} -``` +First, let's edit your `settings.gradle` file by adding this line: -> If you want to ensure that you are always using a specific React Native version in your native build, replace `+` with an actual React Native version you've downloaded from `npm`. +```groovy +includeBuild('../node_modules/react-native-gradle-plugin') +``` -Add an entry for the local React Native and JSC maven directories to the top-level `settings.gradle`. Be sure to add it to the “dependencyResolutionManagement” block, above other maven repositories: +Then you need to open your top level `build.gradle` and include this line: -```gradle -dependencyResolutionManagement { - ... +```diff +buildscript { repositories { - ... - maven { - url "$rootDir/../node_modules/react-native/android" - } - maven { - url("$rootDir/../node_modules/jsc-android/dist") - } + google() + mavenCentral() + } + dependencies { + classpath("com.android.tools.build:gradle:7.3.1") ++ classpath("com.facebook.react:react-native-gradle-plugin") } } ``` -> If your project has the dependency repositories configured in the top-level `build.gradle`, be sure to add the entries to the “allprojects” block above other maven repositories: +This makes sure the React Native Gradle Plugin is available inside your project. +Finally, add those lines inside your app's `build.gradle` file (it's a different `build.gradle` file inside your app folder): -```gradle -allprojects { - repositories { - maven { - // All of React Native (JS, Android binaries) is installed from npm - url "$rootDir/../node_modules/react-native/android" - } - maven { - // Android JSC is installed from npm - url("$rootDir/../node_modules/jsc-android/dist") - } - ... - } - ... +```diff +apply plugin: "com.android.application" ++apply plugin: "com.facebook.react" + +repositories { + mavenCentral() +} + +dependencies { + // Other dependencies here ++ implementation "com.facebook.react:react-android" ++ implementation "com.facebook.react:hermes-android" } ``` -> Make sure that the path is correct! You shouldn’t run into any “Failed to resolve: com.facebook.react:react-native:0.x.x" errors after running Gradle sync in Android Studio. +Those depedencies are available on `mavenCentral()` so make sure you have it defined in your `repositories{}` block. + +:::info +We intentionally don't specify the version for those `implementation` dependencies as the React Native Gradle Plugin will take care of it. If you don't use the React Native Gradle Plugin, you'll have to specify version manually. +::: ### Enable native modules autolinking @@ -173,12 +169,7 @@ In your `index.js`, create your component. In our sample here, we will add a ` { return ( @@ -190,18 +181,18 @@ const HelloWorld = () => { var styles = StyleSheet.create({ container: { flex: 1, - justifyContent: 'center' + justifyContent: 'center', }, hello: { fontSize: 20, textAlign: 'center', - margin: 10 - } + margin: 10, + }, }); AppRegistry.registerComponent( 'MyReactNativeApp', - () => HelloWorld + () => HelloWorld, ); ``` @@ -364,7 +355,11 @@ Once you reach your React-powered activity inside the app, it should load the Ja ### Creating a release build in Android Studio -You can use Android Studio to create your release builds too! It’s as quick as creating release builds of your previously-existing native Android app. There’s one additional step, which you’ll have to do before every release build. You need to execute the following to create a React Native bundle, which will be included with your native Android app: +You can use Android Studio to create your release builds too! It’s as quick as creating release builds of your previously-existing native Android app. + +If you use the React Native Gradle Plugin as described above, everything should work when running app from Android Studio. + +If you're not using the React Native Gradle Plugin, there’s one additional step which you’ll have to do before every release build. You need to execute the following to create a React Native bundle, which will be included with your native Android app: ```shell $ npx react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/com/your-company-name/app-package-name/src/main/assets/index.android.bundle --assets-dest android/com/your-company-name/app-package-name/src/main/res/ diff --git a/docs/_markdown-m1-cocoapods.mdx b/docs/_markdown-m1-cocoapods.mdx deleted file mode 100644 index 41161b15791..00000000000 --- a/docs/_markdown-m1-cocoapods.mdx +++ /dev/null @@ -1,11 +0,0 @@ -
- Note for Mac M1 users - -Mac M1 architecture is not directly compatible with Cocoapods. If you encounter issues when installing pods, you can solve it by running: - -- `sudo arch -x86_64 gem install ffi` -- `arch -x86_64 pod install` - -These commands install the `ffi` package, to load dynamically-linked libraries and let you run the `pod install` properly, and runs `pod install` with the proper architecture. - -
diff --git a/docs/accessibility.md b/docs/accessibility.md index de91a016c42..39e8ae64a04 100644 --- a/docs/accessibility.md +++ b/docs/accessibility.md @@ -18,7 +18,7 @@ When `true`, indicates that the view is an accessibility element. When a view is On Android, `accessible={true}` property for a react-native View will be translated into native `focusable={true}`. -```jsx +```tsx text one text two @@ -33,7 +33,7 @@ When a view is marked as accessible, it is a good practice to set an accessibili To use, set the `accessibilityLabel` property to a custom string on your View, Text or Touchable: -```jsx +```tsx Label for Input Field Click me @@ -274,7 +274,7 @@ Defines a string value that labels an interactive element. Identifies the element that labels the element it is applied to. The value of `aria-labelledby` should match the [`nativeID`](view.md#nativeid) of the related element: -```jsx +```tsx Label for Input Field @@ -293,6 +293,12 @@ Indicates that an element will be updated, and describes the types of updates th - **polite** Accessibility services should announce changes to this view. - **assertive** Accessibility services should interrupt ongoing speech to immediately announce changes to this view. +| Type | Default | +| ---------------------------------------- | ------- | +| enum(`'assertive'`, `'off'`, `'polite'`) | `'off'` | + +--- + ### `aria-modal`
iOS
Boolean value indicating whether VoiceOver should ignore the elements within views that are siblings of the receiver. @@ -313,15 +319,15 @@ Indicates whether a selectable element is currently selected or not. In the case of two overlapping UI components with the same parent, default accessibility focus can have unpredictable behavior. The `importantForAccessibility` property will resolve this by controlling if a view fires accessibility events and if it is reported to accessibility services. It can be set to `auto`, `yes`, `no` and `no-hide-descendants` (the last value will force accessibility services to ignore the component and all of its children). -```jsx +```tsx First layout Second layout @@ -342,6 +348,40 @@ Use this property to assign a custom function to be called when someone activate Assign this property to a custom function which will be called when someone performs the "magic tap" gesture, which is a double-tap with two fingers. A magic tap function should perform the most relevant action a user could take on a component. In the Phone app on iPhone, a magic tap answers a phone call, or ends the current one. If the selected element does not have an `onMagicTap` function, the system will traverse up the view hierarchy until it finds a view that does. +### `role` + +`role` communicates the purpose of a component to the user of an assistive technology. Has precedence over the [`accessibilityRole`](accessibility#accessibilityrole) prop. + +`role` can be one of the following: + +- **alert** Used when an element contains important text to be presented to the user. +- **button** Used when the element should be treated as a button. +- **checkbox** Used when an element represents a checkbox which can be checked, unchecked, or have mixed checked state. +- **combobox** Used when an element represents a combo box, which allows the user to select among several choices. +- **grid** Used with ScrollView, VirtualizedList, FlatList, or SectionList to represent a grid. Adds the in/out of grid announcements to the android GridView. +- **heading** Used when an element acts as a header for a content section (e.g. the title of a navigation bar). +- **img** Used when the element should be treated as an image. Can be combined with button or link, for example. +- **link** Used when the element should be treated as a link. +- **list** Used to identify a list of items. +- **menu** Used when the component is a menu of choices. +- **menubar** Used when a component is a container of multiple menus. +- **menuitem** Used to represent an item within a menu. +- **none** Used when the element has no role. +- **presentation** Used when the element has no role. +- **progressbar** Used to represent a component which indicates progress of a task. +- **radio** Used to represent a radio button. +- **radiogroup** Used to represent a group of radio buttons. +- **scrollbar** Used to represent a scroll bar. +- **searchbox** Used when the text field element should also be treated as a search field. +- **slider** Used when an element can be "adjusted" (e.g. a slider). +- **spinbutton** Used to represent a button which opens a list of choices. +- **summary** Used when an element can be used to provide a quick summary of current conditions in the app when the app first launches. +- **switch** Used to represent a switch which can be turned on and off. +- **tab** Used to represent a tab. +- **tablist** Used to represent a list of tabs. +- **timer** Used to represent a timer. +- **toolbar** Used to represent a tool bar (a container of action buttons or components). + ## Accessibility Actions Accessibility actions allow an assistive technology to programmatically invoke the actions of a component. In order to support accessibility actions, a component must do two things: @@ -371,15 +411,15 @@ The `label` field is optional for standard actions, and is often unused by assis To handle action requests, a component must implement an `onAccessibilityAction` function. The only argument to this function is an event containing the name of the action to perform. The below example from RNTester shows how to create a component which defines and handles several custom actions. -```jsx +```tsx { + onAccessibilityAction={event => { switch (event.nativeEvent.actionName) { case 'cut': Alert.alert('Alert', 'cut action success'); @@ -403,17 +443,13 @@ The `AccessibilityInfo` API allows you to determine whether or not a screen read Sometimes it is useful to trigger an accessibility event on a UI component (i.e. when a custom view appears on a screen or set accessibility focus to a view). Native UIManager module exposes a method ‘sendAccessibilityEvent’ for this purpose. It takes two arguments: view tag and a type of an event. The supported event types are `typeWindowStateChanged`, `typeViewFocused` and `typeViewClicked`. -```jsx -import { - Platform, - UIManager, - findNodeHandle -} from 'react-native'; +```tsx +import {Platform, UIManager, findNodeHandle} from 'react-native'; if (Platform.OS === 'android') { UIManager.sendAccessibilityEvent( findNodeHandle(this), - UIManager.AccessibilityEventTypes.typeViewFocused + UIManager.AccessibilityEventTypes.typeViewFocused, ); } ``` diff --git a/docs/accessibilityinfo.md b/docs/accessibilityinfo.md index 39fe88bcf58..0ba8355104c 100644 --- a/docs/accessibilityinfo.md +++ b/docs/accessibilityinfo.md @@ -13,8 +13,8 @@ Sometimes it's useful to know whether or not the device has a screen reader that ```SnackPlayer name=AccessibilityInfo%20Function%20Component%20Example&supportedPlatforms=android,ios -import React, { useState, useEffect } from "react"; -import { AccessibilityInfo, View, Text, StyleSheet } from "react-native"; +import React, {useState, useEffect} from 'react'; +import {AccessibilityInfo, View, Text, StyleSheet} from 'react-native'; const App = () => { const [reduceMotionEnabled, setReduceMotionEnabled] = useState(false); @@ -22,28 +22,24 @@ const App = () => { useEffect(() => { const reduceMotionChangedSubscription = AccessibilityInfo.addEventListener( - "reduceMotionChanged", - reduceMotionEnabled => { - setReduceMotionEnabled(reduceMotionEnabled); - } + 'reduceMotionChanged', + isReduceMotionEnabled => { + setReduceMotionEnabled(isReduceMotionEnabled); + }, ); const screenReaderChangedSubscription = AccessibilityInfo.addEventListener( - "screenReaderChanged", - screenReaderEnabled => { - setScreenReaderEnabled(screenReaderEnabled); - } + 'screenReaderChanged', + isScreenReaderEnabled => { + setScreenReaderEnabled(isScreenReaderEnabled); + }, ); - AccessibilityInfo.isReduceMotionEnabled().then( - reduceMotionEnabled => { - setReduceMotionEnabled(reduceMotionEnabled); - } - ); - AccessibilityInfo.isScreenReaderEnabled().then( - screenReaderEnabled => { - setScreenReaderEnabled(screenReaderEnabled); - } - ); + AccessibilityInfo.isReduceMotionEnabled().then(isReduceMotionEnabled => { + setReduceMotionEnabled(isReduceMotionEnabled); + }); + AccessibilityInfo.isScreenReaderEnabled().then(isScreenReaderEnabled => { + setScreenReaderEnabled(isScreenReaderEnabled); + }); return () => { reduceMotionChangedSubscription.remove(); @@ -54,24 +50,24 @@ const App = () => { return ( - The reduce motion is {reduceMotionEnabled ? "enabled" : "disabled"}. + The reduce motion is {reduceMotionEnabled ? 'enabled' : 'disabled'}. - The screen reader is {screenReaderEnabled ? "enabled" : "disabled"}. + The screen reader is {screenReaderEnabled ? 'enabled' : 'disabled'}. ); -} +}; const styles = StyleSheet.create({ container: { flex: 1, - alignItems: "center", - justifyContent: "center" + alignItems: 'center', + justifyContent: 'center', }, status: { - margin: 30 - } + margin: 30, + }, }); export default App; @@ -80,9 +76,12 @@ export default App; -```SnackPlayer name=AccessibilityInfo%20Class%20Component%20Example&supportedPlatforms=android,ios -import React, { Component } from 'react'; -import { AccessibilityInfo, View, Text, StyleSheet } from 'react-native'; + + + +```SnackPlayer name=AccessibilityInfo%20Class%20Component%20Example&supportedPlatforms=android,ios&ext=js +import React, {Component} from 'react'; +import {AccessibilityInfo, View, Text, StyleSheet} from 'react-native'; class AccessibilityStatusExample extends Component { state = { @@ -94,21 +93,21 @@ class AccessibilityStatusExample extends Component { this.reduceMotionChangedSubscription = AccessibilityInfo.addEventListener( 'reduceMotionChanged', reduceMotionEnabled => { - this.setState({ reduceMotionEnabled }); - } + this.setState({reduceMotionEnabled}); + }, ); this.screenReaderChangedSubscription = AccessibilityInfo.addEventListener( 'screenReaderChanged', screenReaderEnabled => { - this.setState({ screenReaderEnabled }); - } + this.setState({screenReaderEnabled}); + }, ); AccessibilityInfo.isReduceMotionEnabled().then(reduceMotionEnabled => { - this.setState({ reduceMotionEnabled }); + this.setState({reduceMotionEnabled}); }); AccessibilityInfo.isScreenReaderEnabled().then(screenReaderEnabled => { - this.setState({ screenReaderEnabled }); + this.setState({screenReaderEnabled}); }); } @@ -147,6 +146,83 @@ const styles = StyleSheet.create({ export default AccessibilityStatusExample; ``` + + + +```SnackPlayer name=AccessibilityInfo%20Class%20Component%20Example&supportedPlatforms=android,ios&ext=tsx +import React, {Component} from 'react'; +import {AccessibilityInfo, View, Text, StyleSheet} from 'react-native'; +import type {EmitterSubscription} from 'react-native'; + +class AccessibilityStatusExample extends Component { + reduceMotionChangedSubscription?: EmitterSubscription; + screenReaderChangedSubscription?: EmitterSubscription; + + state = { + reduceMotionEnabled: false, + screenReaderEnabled: false, + }; + + componentDidMount() { + this.reduceMotionChangedSubscription = AccessibilityInfo.addEventListener( + 'reduceMotionChanged', + reduceMotionEnabled => { + this.setState({reduceMotionEnabled}); + }, + ); + this.screenReaderChangedSubscription = AccessibilityInfo.addEventListener( + 'screenReaderChanged', + screenReaderEnabled => { + this.setState({screenReaderEnabled}); + }, + ); + + AccessibilityInfo.isReduceMotionEnabled().then(reduceMotionEnabled => { + this.setState({reduceMotionEnabled}); + }); + AccessibilityInfo.isScreenReaderEnabled().then(screenReaderEnabled => { + this.setState({screenReaderEnabled}); + }); + } + + componentWillUnmount() { + this.reduceMotionChangedSubscription?.remove(); + this.screenReaderChangedSubscription?.remove(); + } + + render() { + return ( + + + The reduce motion is{' '} + {this.state.reduceMotionEnabled ? 'enabled' : 'disabled'}. + + + The screen reader is{' '} + {this.state.screenReaderEnabled ? 'enabled' : 'disabled'}. + + + ); + } +} + +const styles = StyleSheet.create({ + container: { + flex: 1, + alignItems: 'center', + justifyContent: 'center', + }, + status: { + margin: 30, + }, +}); + +export default AccessibilityStatusExample; +``` + + + + @@ -158,8 +234,13 @@ export default AccessibilityStatusExample; ### `addEventListener()` -```jsx -static addEventListener(eventName, handler) +```tsx +static addEventListener( + eventName: AccessibilityChangeEventName | AccessibilityAnnouncementEventName, + handler: ( + event: AccessibilityChangeEvent | AccessibilityAnnouncementFinishedEvent, + ) => void, +): EmitterSubscription; ``` Add an event handler. Supported events: @@ -179,8 +260,8 @@ Add an event handler. Supported events: ### `announceForAccessibility()` -```jsx -static announceForAccessibility(announcement) +```tsx +static announceForAccessibility(announcement: string); ``` Post a string to be announced by the screen reader. @@ -189,8 +270,11 @@ Post a string to be announced by the screen reader. ### `announceForAccessibilityWithOptions()` -```jsx -static announceForAccessibilityWithOptions(announcement, options) +```tsx +static announceForAccessibilityWithOptions( + announcement: string, + options: options: {queue?: boolean}, +); ``` Post a string to be announced by the screen reader with modification options. By default announcements will interrupt any existing speech, but on iOS they can be queued behind existing speech by setting `queue` to `true` in the options object. @@ -206,8 +290,8 @@ Post a string to be announced by the screen reader with modification options. By ### `getRecommendedTimeoutMillis()`
Android
-```jsx -static getRecommendedTimeoutMillis(originalTimeout) +```tsx +static getRecommendedTimeoutMillis(originalTimeout: number): Promise; ``` Gets the timeout in millisecond that the user needs. @@ -223,8 +307,8 @@ This value is set in "Time to take action (Accessibility timeout)" of "Accessibi ### `isAccessibilityServiceEnabled()`
Android
-```jsx -static isAccessibilityServiceEnabled(): Promise +```tsx +static isAccessibilityServiceEnabled(): Promise; ``` Check whether any accessibility service is enabled. This includes TalkBack but also any third-party accessibility app that may be installed. To only check whether TalkBack is enabled, use [isScreenReaderEnabled](#isscreenreaderenabled). Returns a promise which resolves to a boolean. The result is `true` when some accessibility services is enabled and `false` otherwise. @@ -235,8 +319,8 @@ Check whether any accessibility service is enabled. This includes TalkBack but a ### `isBoldTextEnabled()`
iOS
-```jsx -static isBoldTextEnabled() +```tsx +static isBoldTextEnabled(): Promise: ``` Query whether a bold text is currently enabled. Returns a promise which resolves to a boolean. The result is `true` when bold text is enabled and `false` otherwise. @@ -245,8 +329,8 @@ Query whether a bold text is currently enabled. Returns a promise which resolves ### `isGrayscaleEnabled()`
iOS
-```jsx -static isGrayscaleEnabled() +```tsx +static isGrayscaleEnabled(): Promise; ``` Query whether grayscale is currently enabled. Returns a promise which resolves to a boolean. The result is `true` when grayscale is enabled and `false` otherwise. @@ -255,8 +339,8 @@ Query whether grayscale is currently enabled. Returns a promise which resolves t ### `isInvertColorsEnabled()`
iOS
-```jsx -static isInvertColorsEnabled() +```tsx +static isInvertColorsEnabled(): Promise; ``` Query whether invert colors is currently enabled. Returns a promise which resolves to a boolean. The result is `true` when invert colors is enabled and `false` otherwise. @@ -265,8 +349,8 @@ Query whether invert colors is currently enabled. Returns a promise which resolv ### `isReduceMotionEnabled()` -```jsx -static isReduceMotionEnabled() +```tsx +static isReduceMotionEnabled(): Promise; ``` Query whether reduce motion is currently enabled. Returns a promise which resolves to a boolean. The result is `true` when reduce motion is enabled and `false` otherwise. @@ -275,8 +359,8 @@ Query whether reduce motion is currently enabled. Returns a promise which resolv ### `isReduceTransparencyEnabled()`
iOS
-```jsx -static isReduceTransparencyEnabled() +```tsx +static isReduceTransparencyEnabled(): Promise; ``` Query whether reduce transparency is currently enabled. Returns a promise which resolves to a boolean. The result is `true` when a reduce transparency is enabled and `false` otherwise. @@ -285,8 +369,8 @@ Query whether reduce transparency is currently enabled. Returns a promise which ### `isScreenReaderEnabled()` -```jsx -static isScreenReaderEnabled() +```tsx +static isScreenReaderEnabled(): Promise; ``` Query whether a screen reader is currently enabled. Returns a promise which resolves to a boolean. The result is `true` when a screen reader is enabled and `false` otherwise. @@ -295,28 +379,18 @@ Query whether a screen reader is currently enabled. Returns a promise which reso ### `prefersCrossFadeTransitions()`
iOS
-```jsx -static prefersCrossFadeTransitions() +```tsx +static prefersCrossFadeTransitions(): Promise; ``` Query whether reduce motion and prefer cross-fade transitions settings are currently enabled. Returns a promise which resolves to a boolean. The result is `true` when prefer cross-fade transitions is enabled and `false` otherwise. --- -### `removeEventListener()` - -```jsx -static removeEventListener(eventName, handler) -``` - -> **Deprecated.** Use the `remove()` method on the event subscription returned by [`addEventListener()`](#addeventlistener). - ---- - ### `setAccessibilityFocus()` -```jsx -static setAccessibilityFocus(reactTag) +```tsx +static setAccessibilityFocus(reactTag: number); ``` Set accessibility focus to a React component. diff --git a/docs/actionsheetios.md b/docs/actionsheetios.md index a56f4629f9e..fd060e0dec9 100644 --- a/docs/actionsheetios.md +++ b/docs/actionsheetios.md @@ -8,29 +8,29 @@ Displays native to iOS [Action Sheet](https://developer.apple.com/design/human-i ## Example ```SnackPlayer name=ActionSheetIOS&supportedPlatforms=ios -import React, { useState } from "react"; -import { ActionSheetIOS, Button, StyleSheet, Text, View } from "react-native"; +import React, {useState} from 'react'; +import {ActionSheetIOS, Button, StyleSheet, Text, View} from 'react-native'; const App = () => { - const [result, setResult] = useState("🔮"); + const [result, setResult] = useState('🔮'); const onPress = () => ActionSheetIOS.showActionSheetWithOptions( { - options: ["Cancel", "Generate number", "Reset"], + options: ['Cancel', 'Generate number', 'Reset'], destructiveButtonIndex: 2, cancelButtonIndex: 0, - userInterfaceStyle: 'dark' + userInterfaceStyle: 'dark', }, buttonIndex => { if (buttonIndex === 0) { // cancel action } else if (buttonIndex === 1) { - setResult(Math.floor(Math.random() * 100) + 1); + setResult(String(Math.floor(Math.random() * 100) + 1)); } else if (buttonIndex === 2) { - setResult("🔮"); + setResult('🔮'); } - } + }, ); return ( @@ -44,12 +44,12 @@ const App = () => { const styles = StyleSheet.create({ container: { flex: 1, - justifyContent: "center" + justifyContent: 'center', }, result: { fontSize: 64, - textAlign: "center" - } + textAlign: 'center', + }, }); export default App; @@ -61,8 +61,11 @@ export default App; ### `showActionSheetWithOptions()` -```jsx -static showActionSheetWithOptions(options, callback) +```tsx +static showActionSheetWithOptions: ( + options: ActionSheetIOSOptions, + callback: (buttonIndex: number) => void, +); ``` Display an iOS action sheet. The `options` object must contain one or more of: @@ -82,18 +85,18 @@ The 'callback' function takes one parameter, the zero-based index of the selecte Minimal example: -```jsx +```tsx ActionSheetIOS.showActionSheetWithOptions( { options: ['Cancel', 'Remove'], destructiveButtonIndex: 1, - cancelButtonIndex: 0 + cancelButtonIndex: 0, }, - (buttonIndex) => { + buttonIndex => { if (buttonIndex === 1) { /* destructive action */ } - } + }, ); ``` @@ -101,8 +104,8 @@ ActionSheetIOS.showActionSheetWithOptions( ### `dismissActionSheet()` -```jsx -static dismissActionSheet() +```tsx +static dismissActionSheet(); ``` Dismisses the most upper iOS action sheet presented, if no action sheet is present a warning is displayed. @@ -111,8 +114,12 @@ Dismisses the most upper iOS action sheet presented, if no action sheet is prese ### `showShareActionSheetWithOptions()` -```jsx -static showShareActionSheetWithOptions(options, failureCallback, successCallback) +```tsx +static showShareActionSheetWithOptions: ( + options: ShareActionSheetIOSOptions, + failureCallback: (error: Error) => void, + successCallback: (success: boolean, method: string) => void, +); ``` Display the iOS share sheet. The `options` object should contain one or both of `message` and `url` and can additionally have a `subject` or `excludedActivityTypes`: diff --git a/docs/activityindicator.md b/docs/activityindicator.md index 33e05f8d587..6659c0c6a2f 100644 --- a/docs/activityindicator.md +++ b/docs/activityindicator.md @@ -13,8 +13,8 @@ Displays a circular loading indicator. ```SnackPlayer name=ActivityIndicator%20Function%20Component%20Example -import React from "react"; -import { ActivityIndicator, StyleSheet, Text, View } from "react-native"; +import React from 'react'; +import {ActivityIndicator, StyleSheet, View} from 'react-native'; const App = () => ( @@ -28,13 +28,13 @@ const App = () => ( const styles = StyleSheet.create({ container: { flex: 1, - justifyContent: "center" + justifyContent: 'center', }, horizontal: { - flexDirection: "row", - justifyContent: "space-around", - padding: 10 - } + flexDirection: 'row', + justifyContent: 'space-around', + padding: 10, + }, }); export default App; @@ -44,8 +44,8 @@ export default App; ```SnackPlayer name=ActivityIndicator%20Class%20Component%20Example -import React, { Component } from "react"; -import { ActivityIndicator, StyleSheet, Text, View } from "react-native"; +import React, {Component} from 'react'; +import {ActivityIndicator, StyleSheet, View} from 'react-native'; class App extends Component { render() { @@ -63,13 +63,13 @@ class App extends Component { const styles = StyleSheet.create({ container: { flex: 1, - justifyContent: "center" + justifyContent: 'center', }, horizontal: { - flexDirection: "row", - justifyContent: "space-around", - padding: 10 - } + flexDirection: 'row', + justifyContent: 'space-around', + padding: 10, + }, }); export default App; diff --git a/docs/alert.md b/docs/alert.md index a347205a57c..e90473e384d 100644 --- a/docs/alert.md +++ b/docs/alert.md @@ -17,56 +17,48 @@ This is an API that works both on Android and iOS and can show static alerts. Al ```SnackPlayer name=Alert%20Function%20Component%20Example&supportedPlatforms=ios,android -import React, { useState } from "react"; -import { View, StyleSheet, Button, Alert } from "react-native"; +import React from 'react'; +import {View, StyleSheet, Button, Alert} from 'react-native'; const App = () => { const createTwoButtonAlert = () => - Alert.alert( - "Alert Title", - "My Alert Msg", - [ - { - text: "Cancel", - onPress: () => console.log("Cancel Pressed"), - style: "cancel" - }, - { text: "OK", onPress: () => console.log("OK Pressed") } - ] - ); + Alert.alert('Alert Title', 'My Alert Msg', [ + { + text: 'Cancel', + onPress: () => console.log('Cancel Pressed'), + style: 'cancel', + }, + {text: 'OK', onPress: () => console.log('OK Pressed')}, + ]); const createThreeButtonAlert = () => - Alert.alert( - "Alert Title", - "My Alert Msg", - [ - { - text: "Ask me later", - onPress: () => console.log("Ask me later pressed") - }, - { - text: "Cancel", - onPress: () => console.log("Cancel Pressed"), - style: "cancel" - }, - { text: "OK", onPress: () => console.log("OK Pressed") } - ] - ); + Alert.alert('Alert Title', 'My Alert Msg', [ + { + text: 'Ask me later', + onPress: () => console.log('Ask me later pressed'), + }, + { + text: 'Cancel', + onPress: () => console.log('Cancel Pressed'), + style: 'cancel', + }, + {text: 'OK', onPress: () => console.log('OK Pressed')}, + ]); return ( -