diff --git a/docs/boxshadowvalue.md b/docs/boxshadowvalue.md index 2be7c611e7e..d0cb09900f1 100644 --- a/docs/boxshadowvalue.md +++ b/docs/boxshadowvalue.md @@ -38,19 +38,19 @@ The offset on the y-axis. This can be positive or negative. A positive value ind ### `blurRadius` -Represents the radius used in the [Guassian blur](https://en.wikipedia.org/wiki/Gaussian_blur) algorithm. The larger the value the blurrier the shadow is. Only non-negative values are valid. The default is 0. +Represents the radius used in the [Gaussian blur](https://en.wikipedia.org/wiki/Gaussian_blur) algorithm. The larger the value the blurrier the shadow is. Only non-negative values are valid. The default is 0. -| Type | Optional | -| --------------- | -------- | -| numer \| string | Yes | +| Type | Optional | +| ---------------- | -------- | +| number \| string | Yes | ### `spreadDistance` How much larger or smaller the shadow grows or shrinks. A positive value will grow the shadow, a negative value will shrink the shadow. -| Type | Optional | -| --------------- | -------- | -| numer \| string | Yes | +| Type | Optional | +| ---------------- | -------- | +| number \| string | Yes | ### `color` diff --git a/docs/dropshadowvalue.md b/docs/dropshadowvalue.md index 3326641602b..11950316091 100644 --- a/docs/dropshadowvalue.md +++ b/docs/dropshadowvalue.md @@ -36,11 +36,11 @@ The offset on the y-axis. This can be positive or negative. A positive value ind ### `standardDeviation` -Represents the standard deviation used in the [Guassian blur](https://en.wikipedia.org/wiki/Gaussian_blur) algorithm. The larger the value the blurrier the shadow is. Only non-negative values are valid. The default is 0. +Represents the standard deviation used in the [Gaussian blur](https://en.wikipedia.org/wiki/Gaussian_blur) algorithm. The larger the value the blurrier the shadow is. Only non-negative values are valid. The default is 0. -| Type | Optional | -| --------------- | -------- | -| numer \| string | Yes | +| Type | Optional | +| ---------------- | -------- | +| number \| string | Yes | ### `color` diff --git a/docs/legacy/native-modules-android.md b/docs/legacy/native-modules-android.md index 77fdb2acdc4..82fe222f628 100644 --- a/docs/legacy/native-modules-android.md +++ b/docs/legacy/native-modules-android.md @@ -23,7 +23,7 @@ To get started, open up the Android project within your React Native application
Image of where you can find your Android project
-We recommend using Android Studio to write your native code. Android studio is an IDE built for Android development and using it will help you resolve minor issues like code syntax errors quickly. +We recommend using Android Studio to write your native code. Android Studio is an IDE built for Android development and using it will help you resolve minor issues like code syntax errors quickly. We also recommend enabling [Gradle Daemon](https://docs.gradle.org/2.9/userguide/gradle_daemon.html) to speed up builds as you iterate on Java/Kotlin code. diff --git a/docs/legacy/native-modules-ios.md b/docs/legacy/native-modules-ios.md index d0615e1d8cc..fb3303985bb 100644 --- a/docs/legacy/native-modules-ios.md +++ b/docs/legacy/native-modules-ios.md @@ -19,7 +19,7 @@ In the following guide you will create a native module, `CalendarModule`, that w To get started, open up the iOS project within your React Native application in Xcode. You can find your iOS project here within a React Native app:
- Image of opening up an iOS project within a React Native app inside of xCode. + Image of opening up an iOS project within a React Native app inside of Xcode.
Image of where you can find your iOS project
diff --git a/docs/running-on-device.md b/docs/running-on-device.md index 2ea67d7ba7e..665d70ea689 100644 --- a/docs/running-on-device.md +++ b/docs/running-on-device.md @@ -378,9 +378,9 @@ If this is your first time running an app on your iOS device, you may need to re ### 2. Configure code signing -Register for an [Apple developer account](https://developer.apple.com/) if you don't have one yet. +Register for an [Apple Developer account](https://developer.apple.com/) if you don't have one yet. -Select your project in the Xcode Project Navigator, then select your main target (it should share the same name as your project). Look for the "General" tab. Go to "Signing" and make sure your Apple developer account or team is selected under the Team dropdown. Do the same for the tests target (it ends with Tests, and is below your main target). +Select your project in the Xcode Project Navigator, then select your main target (it should share the same name as your project). Look for the "General" tab. Go to "Signing" and make sure your Apple Developer account or team is selected under the Team dropdown. Do the same for the tests target (it ends with Tests, and is below your main target). **Repeat** this step for the **Tests** target in your project. diff --git a/docs/view-style-props.md b/docs/view-style-props.md index e6b94361ff7..261a2493742 100644 --- a/docs/view-style-props.md +++ b/docs/view-style-props.md @@ -369,9 +369,9 @@ Due to issues with performance and spec compliance, these are the only two filte The following filter functions work on Android only: -- `blur`: Blurs the `View` with a [Guassian blur](https://en.wikipedia.org/wiki/Gaussian_blur), where the specified length represents the radius used in the blurring algorithm. Any non-negative DIP value is valid (no percents). The larger the value, the blurrier the result. +- `blur`: Blurs the `View` with a [Gaussian blur](https://en.wikipedia.org/wiki/Gaussian_blur), where the specified length represents the radius used in the blurring algorithm. Any non-negative DIP value is valid (no percents). The larger the value, the blurrier the result. - `contrast`: Changes the contrast of the `View`. Takes a non-negative number or percentage. -- `dropShadow`: Adds a shadow around the alpha mask of the `View` (only non-zero alpha pixels in the `View` will cast a shadow). Takes an optional color representing the shadow color, and 2 or 3 lengths. If 2 lengths are specified they are interperted as `offsetX` and `offsetY` which will translate the shadow in the X and Y dimensions respectfully. If a 3rd length is given it is interpreted as the standard deviation of the Guassian blur used on the shadow - so a larger value will blur the shadow more. Read more about the arguments in [DropShadowValue](./dropshadowvalue.md). +- `dropShadow`: Adds a shadow around the alpha mask of the `View` (only non-zero alpha pixels in the `View` will cast a shadow). Takes an optional color representing the shadow color, and 2 or 3 lengths. If 2 lengths are specified they are interpreted as `offsetX` and `offsetY` which will translate the shadow in the X and Y dimensions respectfully. If a 3rd length is given it is interpreted as the standard deviation of the Gaussian blur used on the shadow - so a larger value will blur the shadow more. Read more about the arguments in [DropShadowValue](./dropshadowvalue.md). - `grayscale`: Converts the `View` to [grayscale](https://en.wikipedia.org/wiki/Grayscale) by the specified amount. Takes a non-negative number or percentage, where `1` or `100%` represents complete grayscale. - `hueRotate`: Changes the [hue](https://en.wikipedia.org/wiki/Hue) of the View. The argument of this function defines the angle of a color wheel around which the hue will be rotated, so e.g., `360deg` would have no effect. This angle can have either `deg` or `rad` units. - `invert`: Inverts the colors in the `View`. Takes a non-negative number or percentage, where `1` or `100%` represents complete inversion. diff --git a/eslint.config.js b/eslint.config.js index 25d46682cc5..93612195a53 100644 --- a/eslint.config.js +++ b/eslint.config.js @@ -10,11 +10,12 @@ import globals from 'globals'; import eslintCss from '@eslint/css'; import eslintJs from '@eslint/js'; -import eslintPluginYml from 'eslint-plugin-yml'; +import tsParser from '@typescript-eslint/parser'; +import eslintPluginCasePolice from 'eslint-plugin-case-police'; import * as eslintPluginMdx from 'eslint-plugin-mdx'; import eslintPluginPrettier from 'eslint-plugin-prettier/recommended'; +import eslintPluginYml from 'eslint-plugin-yml'; import eslintTs from 'typescript-eslint'; -import tsParser from '@typescript-eslint/parser'; export default defineConfig([ globalIgnores([ @@ -102,5 +103,28 @@ export default defineConfig([ lintCodeBlocks: false, remarkConfigPath: 'website/.remarkrc.mjs', }), + plugins: { + 'case-police': eslintPluginCasePolice, + }, + rules: { + 'case-police/string-check': [ + 'warn', + { + ignore: ['sdk', 'uri'], + dict: { + 'android studio': 'Android Studio', + 'apple developer': 'Apple Developer', + avd: 'AVD', + cocoapods: 'CocoaPods', + codegen: 'Codegen', + facebook: 'Facebook', + hermes: 'Hermes', + logcat: 'Logcat', + meta: 'Meta', + xcode: 'Xcode', + }, + }, + ], + }, }, ]); diff --git a/package.json b/package.json index 2faf31a2c9c..cbffdf9a457 100644 --- a/package.json +++ b/package.json @@ -20,7 +20,7 @@ "lint": "eslint .", "lint:packages": "eslint ./packages", "lint:plugins": "eslint ./plugins", - "lint:website": "eslint ./website", + "lint:website": "eslint ./website ./docs", "update-lock": "yarn dedupe", "check-dependencies": "manypkg check" }, @@ -29,8 +29,10 @@ "@eslint/js": "^9.39.1", "@manypkg/cli": "^0.25.1", "@typescript-eslint/parser": "^8.46.4", + "case-police": "^2.1.1", "eslint": "^9.39.1", "eslint-config-prettier": "^10.1.8", + "eslint-plugin-case-police": "2.1.1", "eslint-plugin-mdx": "^3.6.2", "eslint-plugin-prettier": "^5.5.4", "eslint-plugin-yml": "^1.19.0", diff --git a/website/blog/2022-06-16-resources-migrating-your-react-native-library-to-the-new-architecture.md b/website/blog/2022-06-16-resources-migrating-your-react-native-library-to-the-new-architecture.md index 9e4bc6e78b4..4aecc5faccd 100644 --- a/website/blog/2022-06-16-resources-migrating-your-react-native-library-to-the-new-architecture.md +++ b/website/blog/2022-06-16-resources-migrating-your-react-native-library-to-the-new-architecture.md @@ -25,7 +25,7 @@ In this post, we will dig deeper into these resources and explain in more detail ### Documentation -In the past 6 months, we’ve added a [guide on adopting the New Architecture](https://github.com/reactwg/react-native-new-architecture#guides) and an [architecture deep-dive](/architecture/overview) on Fabric. We plan to expand this to include more guides and documentation around creating TurboModules, understanding CodeGen, and more. We plan to have updates to share by the 0.70 release. +In the past 6 months, we’ve added a [guide on adopting the New Architecture](https://github.com/reactwg/react-native-new-architecture#guides) and an [architecture deep-dive](/architecture/overview) on Fabric. We plan to expand this to include more guides and documentation around creating TurboModules, understanding Codegen, and more. We plan to have updates to share by the 0.70 release. Currently, the **New Architecture** guide covers how to [migrate your app](https://github.com/reactwg/react-native-new-architecture/blob/main/docs/enable-apps.md) and [your libraries](https://github.com/reactwg/react-native-new-architecture/blob/main/docs/enable-libraries-prerequisites.md) to support the New Architecture properly. diff --git a/website/package.json b/website/package.json index 13a921a4597..e5276a7b16e 100644 --- a/website/package.json +++ b/website/package.json @@ -24,12 +24,12 @@ "format:style": "prettier --write src/**/*.scss", "format:examples": "eslint-examples-jsx --fix && eslint-examples-tsx --fix", "prettier": "yarn format:style", - "lint": "eslint .", + "lint": "yarn lint:website", "lint:examples": "eslint-examples-jsx && eslint-examples-tsx && tsc-examples", "lint:markdown:images": "node ../scripts/src/image-check.ts", "lint:markdown:links": "remark ../docs --quiet -r .remarkrc.withBrokenLinks.mjs", - "language:lint": "cd ../ && alex && case-police 'docs/*.md' -d ./website/react-native-dict.json --disable SDK,URI", - "language:lint:versioned": "cd ../ && alex . && case-police '**/*.md' -d ./website/react-native-dict.json --disable SDK,URI", + "language:lint": "cd ../ && alex", + "language:lint:versioned": "cd ../ && alex .", "ci:lint": "yarn lint && yarn lint:examples && yarn language:lint:versioned && yarn lint:markdown:images && prettier --check src/**/*.scss", "pwa:generate": "npx pwa-asset-generator ./static/img/header_logo.svg ./static/img/pwa --padding '40px' --background 'rgb(32, 35, 42)' --icon-only --opaque true", "generate-llms-txt": "node ../scripts/src/generate-llms-txt.ts", @@ -66,7 +66,6 @@ "@types/google.analytics": "^0.0.46", "@types/react": "^19.1.13", "alex": "^11.0.1", - "case-police": "^1.0.0", "eslint": "^9.39.1", "glob": "^11.1.0", "prettier": "^3.6.2", diff --git a/website/react-native-dict.json b/website/react-native-dict.json deleted file mode 100644 index 12d86ec444d..00000000000 --- a/website/react-native-dict.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "cocoapods": "CocoaPods", - "hermes": "Hermes" -} diff --git a/website/versioned_docs/version-0.77/boxshadowvalue.md b/website/versioned_docs/version-0.77/boxshadowvalue.md index 2be7c611e7e..d0cb09900f1 100644 --- a/website/versioned_docs/version-0.77/boxshadowvalue.md +++ b/website/versioned_docs/version-0.77/boxshadowvalue.md @@ -38,19 +38,19 @@ The offset on the y-axis. This can be positive or negative. A positive value ind ### `blurRadius` -Represents the radius used in the [Guassian blur](https://en.wikipedia.org/wiki/Gaussian_blur) algorithm. The larger the value the blurrier the shadow is. Only non-negative values are valid. The default is 0. +Represents the radius used in the [Gaussian blur](https://en.wikipedia.org/wiki/Gaussian_blur) algorithm. The larger the value the blurrier the shadow is. Only non-negative values are valid. The default is 0. -| Type | Optional | -| --------------- | -------- | -| numer \| string | Yes | +| Type | Optional | +| ---------------- | -------- | +| number \| string | Yes | ### `spreadDistance` How much larger or smaller the shadow grows or shrinks. A positive value will grow the shadow, a negative value will shrink the shadow. -| Type | Optional | -| --------------- | -------- | -| numer \| string | Yes | +| Type | Optional | +| ---------------- | -------- | +| number \| string | Yes | ### `color` diff --git a/website/versioned_docs/version-0.77/dropshadowvalue.md b/website/versioned_docs/version-0.77/dropshadowvalue.md index 3326641602b..11950316091 100644 --- a/website/versioned_docs/version-0.77/dropshadowvalue.md +++ b/website/versioned_docs/version-0.77/dropshadowvalue.md @@ -36,11 +36,11 @@ The offset on the y-axis. This can be positive or negative. A positive value ind ### `standardDeviation` -Represents the standard deviation used in the [Guassian blur](https://en.wikipedia.org/wiki/Gaussian_blur) algorithm. The larger the value the blurrier the shadow is. Only non-negative values are valid. The default is 0. +Represents the standard deviation used in the [Gaussian blur](https://en.wikipedia.org/wiki/Gaussian_blur) algorithm. The larger the value the blurrier the shadow is. Only non-negative values are valid. The default is 0. -| Type | Optional | -| --------------- | -------- | -| numer \| string | Yes | +| Type | Optional | +| ---------------- | -------- | +| number \| string | Yes | ### `color` diff --git a/website/versioned_docs/version-0.77/legacy/native-modules-android.md b/website/versioned_docs/version-0.77/legacy/native-modules-android.md index 19126bbe58e..87b91e9e36c 100644 --- a/website/versioned_docs/version-0.77/legacy/native-modules-android.md +++ b/website/versioned_docs/version-0.77/legacy/native-modules-android.md @@ -23,7 +23,7 @@ To get started, open up the Android project within your React Native application
Image of where you can find your Android project
-We recommend using Android Studio to write your native code. Android studio is an IDE built for Android development and using it will help you resolve minor issues like code syntax errors quickly. +We recommend using Android Studio to write your native code. Android Studio is an IDE built for Android development and using it will help you resolve minor issues like code syntax errors quickly. We also recommend enabling [Gradle Daemon](https://docs.gradle.org/2.9/userguide/gradle_daemon.html) to speed up builds as you iterate on Java/Kotlin code. diff --git a/website/versioned_docs/version-0.77/legacy/native-modules-ios.md b/website/versioned_docs/version-0.77/legacy/native-modules-ios.md index 62459527773..94899bf83c9 100644 --- a/website/versioned_docs/version-0.77/legacy/native-modules-ios.md +++ b/website/versioned_docs/version-0.77/legacy/native-modules-ios.md @@ -19,7 +19,7 @@ In the following guide you will create a native module, `CalendarModule`, that w To get started, open up the iOS project within your React Native application in Xcode. You can find your iOS project here within a React Native app:
- Image of opening up an iOS project within a React Native app inside of xCode. + Image of opening up an iOS project within a React Native app inside of Xcode.
Image of where you can find your iOS project
diff --git a/website/versioned_docs/version-0.77/running-on-device.md b/website/versioned_docs/version-0.77/running-on-device.md index 6420248f98e..a1a0dd359ec 100644 --- a/website/versioned_docs/version-0.77/running-on-device.md +++ b/website/versioned_docs/version-0.77/running-on-device.md @@ -368,9 +368,9 @@ If this is your first time running an app on your iOS device, you may need to re ### 2. Configure code signing -Register for an [Apple developer account](https://developer.apple.com/) if you don't have one yet. +Register for an [Apple Developer account](https://developer.apple.com/) if you don't have one yet. -Select your project in the Xcode Project Navigator, then select your main target (it should share the same name as your project). Look for the "General" tab. Go to "Signing" and make sure your Apple developer account or team is selected under the Team dropdown. Do the same for the tests target (it ends with Tests, and is below your main target). +Select your project in the Xcode Project Navigator, then select your main target (it should share the same name as your project). Look for the "General" tab. Go to "Signing" and make sure your Apple Developer account or team is selected under the Team dropdown. Do the same for the tests target (it ends with Tests, and is below your main target). **Repeat** this step for the **Tests** target in your project. diff --git a/website/versioned_docs/version-0.77/view-style-props.md b/website/versioned_docs/version-0.77/view-style-props.md index a0ce3fe22fa..5778fb17f8a 100644 --- a/website/versioned_docs/version-0.77/view-style-props.md +++ b/website/versioned_docs/version-0.77/view-style-props.md @@ -326,7 +326,7 @@ These shadows can be composed together so that a single `boxShadow` can be compr `boxShadow` takes either a string which mimics the [web syntax](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow#syntax) or an array of [BoxShadowValue](./boxshadowvalue) objects. | Type | | --------------------------- | -| array of BoxShadowValue ojects \| string | +| array of BoxShadowValue objects \| string | ### `cursor`
iOS
@@ -369,9 +369,9 @@ Due to issues with performance and spec compliance, these are the only two filte The following filter functions work on Android only: -- `blur`: Blurs the `View` with a [Guassian blur](https://en.wikipedia.org/wiki/Gaussian_blur), where the specified length represents the radius used in the blurring algorithm. Any non-negative DIP value is valid (no percents). The larger the value, the blurrier the result. +- `blur`: Blurs the `View` with a [Gaussian blur](https://en.wikipedia.org/wiki/Gaussian_blur), where the specified length represents the radius used in the blurring algorithm. Any non-negative DIP value is valid (no percents). The larger the value, the blurrier the result. - `contrast`: Changes the contrast of the `View`. Takes a non-negative number or percentage. -- `dropShadow`: Adds a shadow around the alpha mask of the `View` (only non-zero alpha pixels in the `View` will cast a shadow). Takes an optional color representing the shadow color, and 2 or 3 lengths. If 2 lengths are specified they are interperted as `offsetX` and `offsetY` which will translate the shadow in the X and Y dimensions respectfully. If a 3rd length is given it is interpreted as the standard deviation of the Guassian blur used on the shadow - so a larger value will blur the shadow more. Read more about the arguments in [DropShadowValue](./dropshadowvalue.md). +- `dropShadow`: Adds a shadow around the alpha mask of the `View` (only non-zero alpha pixels in the `View` will cast a shadow). Takes an optional color representing the shadow color, and 2 or 3 lengths. If 2 lengths are specified they are interpreted as `offsetX` and `offsetY` which will translate the shadow in the X and Y dimensions respectfully. If a 3rd length is given it is interpreted as the standard deviation of the Gaussian blur used on the shadow - so a larger value will blur the shadow more. Read more about the arguments in [DropShadowValue](./dropshadowvalue.md). - `grayscale`: Converts the `View` to [grayscale](https://en.wikipedia.org/wiki/Grayscale) by the specified amount. Takes a non-negative number or percentage, where `1` or `100%` represents complete grayscale. - `hueRotate`: Changes the [hue](https://en.wikipedia.org/wiki/Hue) of the View. The argument of this function defines the angle of a color wheel around which the hue will be rotated, so e.g., `360deg` would have no effect. This angle can have either `deg` or `rad` units. - `invert`: Inverts the colors in the `View`. Takes a non-negative number or percentage, where `1` or `100%` represents complete inversion. diff --git a/website/versioned_docs/version-0.78/boxshadowvalue.md b/website/versioned_docs/version-0.78/boxshadowvalue.md index 2be7c611e7e..d0cb09900f1 100644 --- a/website/versioned_docs/version-0.78/boxshadowvalue.md +++ b/website/versioned_docs/version-0.78/boxshadowvalue.md @@ -38,19 +38,19 @@ The offset on the y-axis. This can be positive or negative. A positive value ind ### `blurRadius` -Represents the radius used in the [Guassian blur](https://en.wikipedia.org/wiki/Gaussian_blur) algorithm. The larger the value the blurrier the shadow is. Only non-negative values are valid. The default is 0. +Represents the radius used in the [Gaussian blur](https://en.wikipedia.org/wiki/Gaussian_blur) algorithm. The larger the value the blurrier the shadow is. Only non-negative values are valid. The default is 0. -| Type | Optional | -| --------------- | -------- | -| numer \| string | Yes | +| Type | Optional | +| ---------------- | -------- | +| number \| string | Yes | ### `spreadDistance` How much larger or smaller the shadow grows or shrinks. A positive value will grow the shadow, a negative value will shrink the shadow. -| Type | Optional | -| --------------- | -------- | -| numer \| string | Yes | +| Type | Optional | +| ---------------- | -------- | +| number \| string | Yes | ### `color` diff --git a/website/versioned_docs/version-0.78/dropshadowvalue.md b/website/versioned_docs/version-0.78/dropshadowvalue.md index 3326641602b..11950316091 100644 --- a/website/versioned_docs/version-0.78/dropshadowvalue.md +++ b/website/versioned_docs/version-0.78/dropshadowvalue.md @@ -36,11 +36,11 @@ The offset on the y-axis. This can be positive or negative. A positive value ind ### `standardDeviation` -Represents the standard deviation used in the [Guassian blur](https://en.wikipedia.org/wiki/Gaussian_blur) algorithm. The larger the value the blurrier the shadow is. Only non-negative values are valid. The default is 0. +Represents the standard deviation used in the [Gaussian blur](https://en.wikipedia.org/wiki/Gaussian_blur) algorithm. The larger the value the blurrier the shadow is. Only non-negative values are valid. The default is 0. -| Type | Optional | -| --------------- | -------- | -| numer \| string | Yes | +| Type | Optional | +| ---------------- | -------- | +| number \| string | Yes | ### `color` diff --git a/website/versioned_docs/version-0.78/legacy/native-modules-android.md b/website/versioned_docs/version-0.78/legacy/native-modules-android.md index 19126bbe58e..87b91e9e36c 100644 --- a/website/versioned_docs/version-0.78/legacy/native-modules-android.md +++ b/website/versioned_docs/version-0.78/legacy/native-modules-android.md @@ -23,7 +23,7 @@ To get started, open up the Android project within your React Native application
Image of where you can find your Android project
-We recommend using Android Studio to write your native code. Android studio is an IDE built for Android development and using it will help you resolve minor issues like code syntax errors quickly. +We recommend using Android Studio to write your native code. Android Studio is an IDE built for Android development and using it will help you resolve minor issues like code syntax errors quickly. We also recommend enabling [Gradle Daemon](https://docs.gradle.org/2.9/userguide/gradle_daemon.html) to speed up builds as you iterate on Java/Kotlin code. diff --git a/website/versioned_docs/version-0.78/legacy/native-modules-ios.md b/website/versioned_docs/version-0.78/legacy/native-modules-ios.md index 62459527773..94899bf83c9 100644 --- a/website/versioned_docs/version-0.78/legacy/native-modules-ios.md +++ b/website/versioned_docs/version-0.78/legacy/native-modules-ios.md @@ -19,7 +19,7 @@ In the following guide you will create a native module, `CalendarModule`, that w To get started, open up the iOS project within your React Native application in Xcode. You can find your iOS project here within a React Native app:
- Image of opening up an iOS project within a React Native app inside of xCode. + Image of opening up an iOS project within a React Native app inside of Xcode.
Image of where you can find your iOS project
diff --git a/website/versioned_docs/version-0.78/running-on-device.md b/website/versioned_docs/version-0.78/running-on-device.md index 6420248f98e..a1a0dd359ec 100644 --- a/website/versioned_docs/version-0.78/running-on-device.md +++ b/website/versioned_docs/version-0.78/running-on-device.md @@ -368,9 +368,9 @@ If this is your first time running an app on your iOS device, you may need to re ### 2. Configure code signing -Register for an [Apple developer account](https://developer.apple.com/) if you don't have one yet. +Register for an [Apple Developer account](https://developer.apple.com/) if you don't have one yet. -Select your project in the Xcode Project Navigator, then select your main target (it should share the same name as your project). Look for the "General" tab. Go to "Signing" and make sure your Apple developer account or team is selected under the Team dropdown. Do the same for the tests target (it ends with Tests, and is below your main target). +Select your project in the Xcode Project Navigator, then select your main target (it should share the same name as your project). Look for the "General" tab. Go to "Signing" and make sure your Apple Developer account or team is selected under the Team dropdown. Do the same for the tests target (it ends with Tests, and is below your main target). **Repeat** this step for the **Tests** target in your project. diff --git a/website/versioned_docs/version-0.78/view-style-props.md b/website/versioned_docs/version-0.78/view-style-props.md index 5bf67a4dc53..958f4465f84 100644 --- a/website/versioned_docs/version-0.78/view-style-props.md +++ b/website/versioned_docs/version-0.78/view-style-props.md @@ -326,7 +326,7 @@ These shadows can be composed together so that a single `boxShadow` can be compr `boxShadow` takes either a string which mimics the [web syntax](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow#syntax) or an array of [BoxShadowValue](./boxshadowvalue) objects. | Type | | --------------------------- | -| array of BoxShadowValue ojects \| string | +| array of BoxShadowValue objects \| string | ### `cursor`
iOS
@@ -369,9 +369,9 @@ Due to issues with performance and spec compliance, these are the only two filte The following filter functions work on Android only: -- `blur`: Blurs the `View` with a [Guassian blur](https://en.wikipedia.org/wiki/Gaussian_blur), where the specified length represents the radius used in the blurring algorithm. Any non-negative DIP value is valid (no percents). The larger the value, the blurrier the result. +- `blur`: Blurs the `View` with a [Gaussian blur](https://en.wikipedia.org/wiki/Gaussian_blur), where the specified length represents the radius used in the blurring algorithm. Any non-negative DIP value is valid (no percents). The larger the value, the blurrier the result. - `contrast`: Changes the contrast of the `View`. Takes a non-negative number or percentage. -- `dropShadow`: Adds a shadow around the alpha mask of the `View` (only non-zero alpha pixels in the `View` will cast a shadow). Takes an optional color representing the shadow color, and 2 or 3 lengths. If 2 lengths are specified they are interperted as `offsetX` and `offsetY` which will translate the shadow in the X and Y dimensions respectfully. If a 3rd length is given it is interpreted as the standard deviation of the Guassian blur used on the shadow - so a larger value will blur the shadow more. Read more about the arguments in [DropShadowValue](./dropshadowvalue.md). +- `dropShadow`: Adds a shadow around the alpha mask of the `View` (only non-zero alpha pixels in the `View` will cast a shadow). Takes an optional color representing the shadow color, and 2 or 3 lengths. If 2 lengths are specified they are interpreted as `offsetX` and `offsetY` which will translate the shadow in the X and Y dimensions respectfully. If a 3rd length is given it is interpreted as the standard deviation of the Gaussian blur used on the shadow - so a larger value will blur the shadow more. Read more about the arguments in [DropShadowValue](./dropshadowvalue.md). - `grayscale`: Converts the `View` to [grayscale](https://en.wikipedia.org/wiki/Grayscale) by the specified amount. Takes a non-negative number or percentage, where `1` or `100%` represents complete grayscale. - `hueRotate`: Changes the [hue](https://en.wikipedia.org/wiki/Hue) of the View. The argument of this function defines the angle of a color wheel around which the hue will be rotated, so e.g., `360deg` would have no effect. This angle can have either `deg` or `rad` units. - `invert`: Inverts the colors in the `View`. Takes a non-negative number or percentage, where `1` or `100%` represents complete inversion. diff --git a/website/versioned_docs/version-0.79/boxshadowvalue.md b/website/versioned_docs/version-0.79/boxshadowvalue.md index 2be7c611e7e..d0cb09900f1 100644 --- a/website/versioned_docs/version-0.79/boxshadowvalue.md +++ b/website/versioned_docs/version-0.79/boxshadowvalue.md @@ -38,19 +38,19 @@ The offset on the y-axis. This can be positive or negative. A positive value ind ### `blurRadius` -Represents the radius used in the [Guassian blur](https://en.wikipedia.org/wiki/Gaussian_blur) algorithm. The larger the value the blurrier the shadow is. Only non-negative values are valid. The default is 0. +Represents the radius used in the [Gaussian blur](https://en.wikipedia.org/wiki/Gaussian_blur) algorithm. The larger the value the blurrier the shadow is. Only non-negative values are valid. The default is 0. -| Type | Optional | -| --------------- | -------- | -| numer \| string | Yes | +| Type | Optional | +| ---------------- | -------- | +| number \| string | Yes | ### `spreadDistance` How much larger or smaller the shadow grows or shrinks. A positive value will grow the shadow, a negative value will shrink the shadow. -| Type | Optional | -| --------------- | -------- | -| numer \| string | Yes | +| Type | Optional | +| ---------------- | -------- | +| number \| string | Yes | ### `color` diff --git a/website/versioned_docs/version-0.79/dropshadowvalue.md b/website/versioned_docs/version-0.79/dropshadowvalue.md index 3326641602b..11950316091 100644 --- a/website/versioned_docs/version-0.79/dropshadowvalue.md +++ b/website/versioned_docs/version-0.79/dropshadowvalue.md @@ -36,11 +36,11 @@ The offset on the y-axis. This can be positive or negative. A positive value ind ### `standardDeviation` -Represents the standard deviation used in the [Guassian blur](https://en.wikipedia.org/wiki/Gaussian_blur) algorithm. The larger the value the blurrier the shadow is. Only non-negative values are valid. The default is 0. +Represents the standard deviation used in the [Gaussian blur](https://en.wikipedia.org/wiki/Gaussian_blur) algorithm. The larger the value the blurrier the shadow is. Only non-negative values are valid. The default is 0. -| Type | Optional | -| --------------- | -------- | -| numer \| string | Yes | +| Type | Optional | +| ---------------- | -------- | +| number \| string | Yes | ### `color` diff --git a/website/versioned_docs/version-0.79/legacy/native-modules-android.md b/website/versioned_docs/version-0.79/legacy/native-modules-android.md index 19126bbe58e..87b91e9e36c 100644 --- a/website/versioned_docs/version-0.79/legacy/native-modules-android.md +++ b/website/versioned_docs/version-0.79/legacy/native-modules-android.md @@ -23,7 +23,7 @@ To get started, open up the Android project within your React Native application
Image of where you can find your Android project
-We recommend using Android Studio to write your native code. Android studio is an IDE built for Android development and using it will help you resolve minor issues like code syntax errors quickly. +We recommend using Android Studio to write your native code. Android Studio is an IDE built for Android development and using it will help you resolve minor issues like code syntax errors quickly. We also recommend enabling [Gradle Daemon](https://docs.gradle.org/2.9/userguide/gradle_daemon.html) to speed up builds as you iterate on Java/Kotlin code. diff --git a/website/versioned_docs/version-0.79/legacy/native-modules-ios.md b/website/versioned_docs/version-0.79/legacy/native-modules-ios.md index 62459527773..94899bf83c9 100644 --- a/website/versioned_docs/version-0.79/legacy/native-modules-ios.md +++ b/website/versioned_docs/version-0.79/legacy/native-modules-ios.md @@ -19,7 +19,7 @@ In the following guide you will create a native module, `CalendarModule`, that w To get started, open up the iOS project within your React Native application in Xcode. You can find your iOS project here within a React Native app:
- Image of opening up an iOS project within a React Native app inside of xCode. + Image of opening up an iOS project within a React Native app inside of Xcode.
Image of where you can find your iOS project
diff --git a/website/versioned_docs/version-0.79/running-on-device.md b/website/versioned_docs/version-0.79/running-on-device.md index 6420248f98e..a1a0dd359ec 100644 --- a/website/versioned_docs/version-0.79/running-on-device.md +++ b/website/versioned_docs/version-0.79/running-on-device.md @@ -368,9 +368,9 @@ If this is your first time running an app on your iOS device, you may need to re ### 2. Configure code signing -Register for an [Apple developer account](https://developer.apple.com/) if you don't have one yet. +Register for an [Apple Developer account](https://developer.apple.com/) if you don't have one yet. -Select your project in the Xcode Project Navigator, then select your main target (it should share the same name as your project). Look for the "General" tab. Go to "Signing" and make sure your Apple developer account or team is selected under the Team dropdown. Do the same for the tests target (it ends with Tests, and is below your main target). +Select your project in the Xcode Project Navigator, then select your main target (it should share the same name as your project). Look for the "General" tab. Go to "Signing" and make sure your Apple Developer account or team is selected under the Team dropdown. Do the same for the tests target (it ends with Tests, and is below your main target). **Repeat** this step for the **Tests** target in your project. diff --git a/website/versioned_docs/version-0.79/view-style-props.md b/website/versioned_docs/version-0.79/view-style-props.md index 5bf67a4dc53..958f4465f84 100644 --- a/website/versioned_docs/version-0.79/view-style-props.md +++ b/website/versioned_docs/version-0.79/view-style-props.md @@ -326,7 +326,7 @@ These shadows can be composed together so that a single `boxShadow` can be compr `boxShadow` takes either a string which mimics the [web syntax](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow#syntax) or an array of [BoxShadowValue](./boxshadowvalue) objects. | Type | | --------------------------- | -| array of BoxShadowValue ojects \| string | +| array of BoxShadowValue objects \| string | ### `cursor`
iOS
@@ -369,9 +369,9 @@ Due to issues with performance and spec compliance, these are the only two filte The following filter functions work on Android only: -- `blur`: Blurs the `View` with a [Guassian blur](https://en.wikipedia.org/wiki/Gaussian_blur), where the specified length represents the radius used in the blurring algorithm. Any non-negative DIP value is valid (no percents). The larger the value, the blurrier the result. +- `blur`: Blurs the `View` with a [Gaussian blur](https://en.wikipedia.org/wiki/Gaussian_blur), where the specified length represents the radius used in the blurring algorithm. Any non-negative DIP value is valid (no percents). The larger the value, the blurrier the result. - `contrast`: Changes the contrast of the `View`. Takes a non-negative number or percentage. -- `dropShadow`: Adds a shadow around the alpha mask of the `View` (only non-zero alpha pixels in the `View` will cast a shadow). Takes an optional color representing the shadow color, and 2 or 3 lengths. If 2 lengths are specified they are interperted as `offsetX` and `offsetY` which will translate the shadow in the X and Y dimensions respectfully. If a 3rd length is given it is interpreted as the standard deviation of the Guassian blur used on the shadow - so a larger value will blur the shadow more. Read more about the arguments in [DropShadowValue](./dropshadowvalue.md). +- `dropShadow`: Adds a shadow around the alpha mask of the `View` (only non-zero alpha pixels in the `View` will cast a shadow). Takes an optional color representing the shadow color, and 2 or 3 lengths. If 2 lengths are specified they are interpreted as `offsetX` and `offsetY` which will translate the shadow in the X and Y dimensions respectfully. If a 3rd length is given it is interpreted as the standard deviation of the Gaussian blur used on the shadow - so a larger value will blur the shadow more. Read more about the arguments in [DropShadowValue](./dropshadowvalue.md). - `grayscale`: Converts the `View` to [grayscale](https://en.wikipedia.org/wiki/Grayscale) by the specified amount. Takes a non-negative number or percentage, where `1` or `100%` represents complete grayscale. - `hueRotate`: Changes the [hue](https://en.wikipedia.org/wiki/Hue) of the View. The argument of this function defines the angle of a color wheel around which the hue will be rotated, so e.g., `360deg` would have no effect. This angle can have either `deg` or `rad` units. - `invert`: Inverts the colors in the `View`. Takes a non-negative number or percentage, where `1` or `100%` represents complete inversion. diff --git a/website/versioned_docs/version-0.80/boxshadowvalue.md b/website/versioned_docs/version-0.80/boxshadowvalue.md index 2be7c611e7e..d0cb09900f1 100644 --- a/website/versioned_docs/version-0.80/boxshadowvalue.md +++ b/website/versioned_docs/version-0.80/boxshadowvalue.md @@ -38,19 +38,19 @@ The offset on the y-axis. This can be positive or negative. A positive value ind ### `blurRadius` -Represents the radius used in the [Guassian blur](https://en.wikipedia.org/wiki/Gaussian_blur) algorithm. The larger the value the blurrier the shadow is. Only non-negative values are valid. The default is 0. +Represents the radius used in the [Gaussian blur](https://en.wikipedia.org/wiki/Gaussian_blur) algorithm. The larger the value the blurrier the shadow is. Only non-negative values are valid. The default is 0. -| Type | Optional | -| --------------- | -------- | -| numer \| string | Yes | +| Type | Optional | +| ---------------- | -------- | +| number \| string | Yes | ### `spreadDistance` How much larger or smaller the shadow grows or shrinks. A positive value will grow the shadow, a negative value will shrink the shadow. -| Type | Optional | -| --------------- | -------- | -| numer \| string | Yes | +| Type | Optional | +| ---------------- | -------- | +| number \| string | Yes | ### `color` diff --git a/website/versioned_docs/version-0.80/dropshadowvalue.md b/website/versioned_docs/version-0.80/dropshadowvalue.md index 3326641602b..11950316091 100644 --- a/website/versioned_docs/version-0.80/dropshadowvalue.md +++ b/website/versioned_docs/version-0.80/dropshadowvalue.md @@ -36,11 +36,11 @@ The offset on the y-axis. This can be positive or negative. A positive value ind ### `standardDeviation` -Represents the standard deviation used in the [Guassian blur](https://en.wikipedia.org/wiki/Gaussian_blur) algorithm. The larger the value the blurrier the shadow is. Only non-negative values are valid. The default is 0. +Represents the standard deviation used in the [Gaussian blur](https://en.wikipedia.org/wiki/Gaussian_blur) algorithm. The larger the value the blurrier the shadow is. Only non-negative values are valid. The default is 0. -| Type | Optional | -| --------------- | -------- | -| numer \| string | Yes | +| Type | Optional | +| ---------------- | -------- | +| number \| string | Yes | ### `color` diff --git a/website/versioned_docs/version-0.80/legacy/native-modules-android.md b/website/versioned_docs/version-0.80/legacy/native-modules-android.md index 19126bbe58e..87b91e9e36c 100644 --- a/website/versioned_docs/version-0.80/legacy/native-modules-android.md +++ b/website/versioned_docs/version-0.80/legacy/native-modules-android.md @@ -23,7 +23,7 @@ To get started, open up the Android project within your React Native application
Image of where you can find your Android project
-We recommend using Android Studio to write your native code. Android studio is an IDE built for Android development and using it will help you resolve minor issues like code syntax errors quickly. +We recommend using Android Studio to write your native code. Android Studio is an IDE built for Android development and using it will help you resolve minor issues like code syntax errors quickly. We also recommend enabling [Gradle Daemon](https://docs.gradle.org/2.9/userguide/gradle_daemon.html) to speed up builds as you iterate on Java/Kotlin code. diff --git a/website/versioned_docs/version-0.80/legacy/native-modules-ios.md b/website/versioned_docs/version-0.80/legacy/native-modules-ios.md index 62459527773..94899bf83c9 100644 --- a/website/versioned_docs/version-0.80/legacy/native-modules-ios.md +++ b/website/versioned_docs/version-0.80/legacy/native-modules-ios.md @@ -19,7 +19,7 @@ In the following guide you will create a native module, `CalendarModule`, that w To get started, open up the iOS project within your React Native application in Xcode. You can find your iOS project here within a React Native app:
- Image of opening up an iOS project within a React Native app inside of xCode. + Image of opening up an iOS project within a React Native app inside of Xcode.
Image of where you can find your iOS project
diff --git a/website/versioned_docs/version-0.80/running-on-device.md b/website/versioned_docs/version-0.80/running-on-device.md index 6420248f98e..a1a0dd359ec 100644 --- a/website/versioned_docs/version-0.80/running-on-device.md +++ b/website/versioned_docs/version-0.80/running-on-device.md @@ -368,9 +368,9 @@ If this is your first time running an app on your iOS device, you may need to re ### 2. Configure code signing -Register for an [Apple developer account](https://developer.apple.com/) if you don't have one yet. +Register for an [Apple Developer account](https://developer.apple.com/) if you don't have one yet. -Select your project in the Xcode Project Navigator, then select your main target (it should share the same name as your project). Look for the "General" tab. Go to "Signing" and make sure your Apple developer account or team is selected under the Team dropdown. Do the same for the tests target (it ends with Tests, and is below your main target). +Select your project in the Xcode Project Navigator, then select your main target (it should share the same name as your project). Look for the "General" tab. Go to "Signing" and make sure your Apple Developer account or team is selected under the Team dropdown. Do the same for the tests target (it ends with Tests, and is below your main target). **Repeat** this step for the **Tests** target in your project. diff --git a/website/versioned_docs/version-0.80/view-style-props.md b/website/versioned_docs/version-0.80/view-style-props.md index 5bf67a4dc53..958f4465f84 100644 --- a/website/versioned_docs/version-0.80/view-style-props.md +++ b/website/versioned_docs/version-0.80/view-style-props.md @@ -326,7 +326,7 @@ These shadows can be composed together so that a single `boxShadow` can be compr `boxShadow` takes either a string which mimics the [web syntax](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow#syntax) or an array of [BoxShadowValue](./boxshadowvalue) objects. | Type | | --------------------------- | -| array of BoxShadowValue ojects \| string | +| array of BoxShadowValue objects \| string | ### `cursor`
iOS
@@ -369,9 +369,9 @@ Due to issues with performance and spec compliance, these are the only two filte The following filter functions work on Android only: -- `blur`: Blurs the `View` with a [Guassian blur](https://en.wikipedia.org/wiki/Gaussian_blur), where the specified length represents the radius used in the blurring algorithm. Any non-negative DIP value is valid (no percents). The larger the value, the blurrier the result. +- `blur`: Blurs the `View` with a [Gaussian blur](https://en.wikipedia.org/wiki/Gaussian_blur), where the specified length represents the radius used in the blurring algorithm. Any non-negative DIP value is valid (no percents). The larger the value, the blurrier the result. - `contrast`: Changes the contrast of the `View`. Takes a non-negative number or percentage. -- `dropShadow`: Adds a shadow around the alpha mask of the `View` (only non-zero alpha pixels in the `View` will cast a shadow). Takes an optional color representing the shadow color, and 2 or 3 lengths. If 2 lengths are specified they are interperted as `offsetX` and `offsetY` which will translate the shadow in the X and Y dimensions respectfully. If a 3rd length is given it is interpreted as the standard deviation of the Guassian blur used on the shadow - so a larger value will blur the shadow more. Read more about the arguments in [DropShadowValue](./dropshadowvalue.md). +- `dropShadow`: Adds a shadow around the alpha mask of the `View` (only non-zero alpha pixels in the `View` will cast a shadow). Takes an optional color representing the shadow color, and 2 or 3 lengths. If 2 lengths are specified they are interpreted as `offsetX` and `offsetY` which will translate the shadow in the X and Y dimensions respectfully. If a 3rd length is given it is interpreted as the standard deviation of the Gaussian blur used on the shadow - so a larger value will blur the shadow more. Read more about the arguments in [DropShadowValue](./dropshadowvalue.md). - `grayscale`: Converts the `View` to [grayscale](https://en.wikipedia.org/wiki/Grayscale) by the specified amount. Takes a non-negative number or percentage, where `1` or `100%` represents complete grayscale. - `hueRotate`: Changes the [hue](https://en.wikipedia.org/wiki/Hue) of the View. The argument of this function defines the angle of a color wheel around which the hue will be rotated, so e.g., `360deg` would have no effect. This angle can have either `deg` or `rad` units. - `invert`: Inverts the colors in the `View`. Takes a non-negative number or percentage, where `1` or `100%` represents complete inversion. diff --git a/website/versioned_docs/version-0.81/boxshadowvalue.md b/website/versioned_docs/version-0.81/boxshadowvalue.md index 2be7c611e7e..d0cb09900f1 100644 --- a/website/versioned_docs/version-0.81/boxshadowvalue.md +++ b/website/versioned_docs/version-0.81/boxshadowvalue.md @@ -38,19 +38,19 @@ The offset on the y-axis. This can be positive or negative. A positive value ind ### `blurRadius` -Represents the radius used in the [Guassian blur](https://en.wikipedia.org/wiki/Gaussian_blur) algorithm. The larger the value the blurrier the shadow is. Only non-negative values are valid. The default is 0. +Represents the radius used in the [Gaussian blur](https://en.wikipedia.org/wiki/Gaussian_blur) algorithm. The larger the value the blurrier the shadow is. Only non-negative values are valid. The default is 0. -| Type | Optional | -| --------------- | -------- | -| numer \| string | Yes | +| Type | Optional | +| ---------------- | -------- | +| number \| string | Yes | ### `spreadDistance` How much larger or smaller the shadow grows or shrinks. A positive value will grow the shadow, a negative value will shrink the shadow. -| Type | Optional | -| --------------- | -------- | -| numer \| string | Yes | +| Type | Optional | +| ---------------- | -------- | +| number \| string | Yes | ### `color` diff --git a/website/versioned_docs/version-0.81/dropshadowvalue.md b/website/versioned_docs/version-0.81/dropshadowvalue.md index 3326641602b..11950316091 100644 --- a/website/versioned_docs/version-0.81/dropshadowvalue.md +++ b/website/versioned_docs/version-0.81/dropshadowvalue.md @@ -36,11 +36,11 @@ The offset on the y-axis. This can be positive or negative. A positive value ind ### `standardDeviation` -Represents the standard deviation used in the [Guassian blur](https://en.wikipedia.org/wiki/Gaussian_blur) algorithm. The larger the value the blurrier the shadow is. Only non-negative values are valid. The default is 0. +Represents the standard deviation used in the [Gaussian blur](https://en.wikipedia.org/wiki/Gaussian_blur) algorithm. The larger the value the blurrier the shadow is. Only non-negative values are valid. The default is 0. -| Type | Optional | -| --------------- | -------- | -| numer \| string | Yes | +| Type | Optional | +| ---------------- | -------- | +| number \| string | Yes | ### `color` diff --git a/website/versioned_docs/version-0.81/legacy/native-modules-android.md b/website/versioned_docs/version-0.81/legacy/native-modules-android.md index 19126bbe58e..87b91e9e36c 100644 --- a/website/versioned_docs/version-0.81/legacy/native-modules-android.md +++ b/website/versioned_docs/version-0.81/legacy/native-modules-android.md @@ -23,7 +23,7 @@ To get started, open up the Android project within your React Native application
Image of where you can find your Android project
-We recommend using Android Studio to write your native code. Android studio is an IDE built for Android development and using it will help you resolve minor issues like code syntax errors quickly. +We recommend using Android Studio to write your native code. Android Studio is an IDE built for Android development and using it will help you resolve minor issues like code syntax errors quickly. We also recommend enabling [Gradle Daemon](https://docs.gradle.org/2.9/userguide/gradle_daemon.html) to speed up builds as you iterate on Java/Kotlin code. diff --git a/website/versioned_docs/version-0.81/legacy/native-modules-ios.md b/website/versioned_docs/version-0.81/legacy/native-modules-ios.md index 62459527773..94899bf83c9 100644 --- a/website/versioned_docs/version-0.81/legacy/native-modules-ios.md +++ b/website/versioned_docs/version-0.81/legacy/native-modules-ios.md @@ -19,7 +19,7 @@ In the following guide you will create a native module, `CalendarModule`, that w To get started, open up the iOS project within your React Native application in Xcode. You can find your iOS project here within a React Native app:
- Image of opening up an iOS project within a React Native app inside of xCode. + Image of opening up an iOS project within a React Native app inside of Xcode.
Image of where you can find your iOS project
diff --git a/website/versioned_docs/version-0.81/running-on-device.md b/website/versioned_docs/version-0.81/running-on-device.md index 2ea67d7ba7e..665d70ea689 100644 --- a/website/versioned_docs/version-0.81/running-on-device.md +++ b/website/versioned_docs/version-0.81/running-on-device.md @@ -378,9 +378,9 @@ If this is your first time running an app on your iOS device, you may need to re ### 2. Configure code signing -Register for an [Apple developer account](https://developer.apple.com/) if you don't have one yet. +Register for an [Apple Developer account](https://developer.apple.com/) if you don't have one yet. -Select your project in the Xcode Project Navigator, then select your main target (it should share the same name as your project). Look for the "General" tab. Go to "Signing" and make sure your Apple developer account or team is selected under the Team dropdown. Do the same for the tests target (it ends with Tests, and is below your main target). +Select your project in the Xcode Project Navigator, then select your main target (it should share the same name as your project). Look for the "General" tab. Go to "Signing" and make sure your Apple Developer account or team is selected under the Team dropdown. Do the same for the tests target (it ends with Tests, and is below your main target). **Repeat** this step for the **Tests** target in your project. diff --git a/website/versioned_docs/version-0.81/view-style-props.md b/website/versioned_docs/version-0.81/view-style-props.md index cd088bfc99f..261a2493742 100644 --- a/website/versioned_docs/version-0.81/view-style-props.md +++ b/website/versioned_docs/version-0.81/view-style-props.md @@ -326,7 +326,7 @@ These shadows can be composed together so that a single `boxShadow` can be compr `boxShadow` takes either a string which mimics the [web syntax](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow#syntax) or an array of [BoxShadowValue](./boxshadowvalue) objects. | Type | | --------------------------- | -| array of BoxShadowValue ojects \| string | +| array of BoxShadowValue objects \| string | ### `cursor`
iOS
@@ -369,9 +369,9 @@ Due to issues with performance and spec compliance, these are the only two filte The following filter functions work on Android only: -- `blur`: Blurs the `View` with a [Guassian blur](https://en.wikipedia.org/wiki/Gaussian_blur), where the specified length represents the radius used in the blurring algorithm. Any non-negative DIP value is valid (no percents). The larger the value, the blurrier the result. +- `blur`: Blurs the `View` with a [Gaussian blur](https://en.wikipedia.org/wiki/Gaussian_blur), where the specified length represents the radius used in the blurring algorithm. Any non-negative DIP value is valid (no percents). The larger the value, the blurrier the result. - `contrast`: Changes the contrast of the `View`. Takes a non-negative number or percentage. -- `dropShadow`: Adds a shadow around the alpha mask of the `View` (only non-zero alpha pixels in the `View` will cast a shadow). Takes an optional color representing the shadow color, and 2 or 3 lengths. If 2 lengths are specified they are interperted as `offsetX` and `offsetY` which will translate the shadow in the X and Y dimensions respectfully. If a 3rd length is given it is interpreted as the standard deviation of the Guassian blur used on the shadow - so a larger value will blur the shadow more. Read more about the arguments in [DropShadowValue](./dropshadowvalue.md). +- `dropShadow`: Adds a shadow around the alpha mask of the `View` (only non-zero alpha pixels in the `View` will cast a shadow). Takes an optional color representing the shadow color, and 2 or 3 lengths. If 2 lengths are specified they are interpreted as `offsetX` and `offsetY` which will translate the shadow in the X and Y dimensions respectfully. If a 3rd length is given it is interpreted as the standard deviation of the Gaussian blur used on the shadow - so a larger value will blur the shadow more. Read more about the arguments in [DropShadowValue](./dropshadowvalue.md). - `grayscale`: Converts the `View` to [grayscale](https://en.wikipedia.org/wiki/Grayscale) by the specified amount. Takes a non-negative number or percentage, where `1` or `100%` represents complete grayscale. - `hueRotate`: Changes the [hue](https://en.wikipedia.org/wiki/Hue) of the View. The argument of this function defines the angle of a color wheel around which the hue will be rotated, so e.g., `360deg` would have no effect. This angle can have either `deg` or `rad` units. - `invert`: Inverts the colors in the `View`. Takes a non-negative number or percentage, where `1` or `100%` represents complete inversion. diff --git a/website/versioned_docs/version-0.82/boxshadowvalue.md b/website/versioned_docs/version-0.82/boxshadowvalue.md index 2be7c611e7e..d0cb09900f1 100644 --- a/website/versioned_docs/version-0.82/boxshadowvalue.md +++ b/website/versioned_docs/version-0.82/boxshadowvalue.md @@ -38,19 +38,19 @@ The offset on the y-axis. This can be positive or negative. A positive value ind ### `blurRadius` -Represents the radius used in the [Guassian blur](https://en.wikipedia.org/wiki/Gaussian_blur) algorithm. The larger the value the blurrier the shadow is. Only non-negative values are valid. The default is 0. +Represents the radius used in the [Gaussian blur](https://en.wikipedia.org/wiki/Gaussian_blur) algorithm. The larger the value the blurrier the shadow is. Only non-negative values are valid. The default is 0. -| Type | Optional | -| --------------- | -------- | -| numer \| string | Yes | +| Type | Optional | +| ---------------- | -------- | +| number \| string | Yes | ### `spreadDistance` How much larger or smaller the shadow grows or shrinks. A positive value will grow the shadow, a negative value will shrink the shadow. -| Type | Optional | -| --------------- | -------- | -| numer \| string | Yes | +| Type | Optional | +| ---------------- | -------- | +| number \| string | Yes | ### `color` diff --git a/website/versioned_docs/version-0.82/dropshadowvalue.md b/website/versioned_docs/version-0.82/dropshadowvalue.md index 3326641602b..11950316091 100644 --- a/website/versioned_docs/version-0.82/dropshadowvalue.md +++ b/website/versioned_docs/version-0.82/dropshadowvalue.md @@ -36,11 +36,11 @@ The offset on the y-axis. This can be positive or negative. A positive value ind ### `standardDeviation` -Represents the standard deviation used in the [Guassian blur](https://en.wikipedia.org/wiki/Gaussian_blur) algorithm. The larger the value the blurrier the shadow is. Only non-negative values are valid. The default is 0. +Represents the standard deviation used in the [Gaussian blur](https://en.wikipedia.org/wiki/Gaussian_blur) algorithm. The larger the value the blurrier the shadow is. Only non-negative values are valid. The default is 0. -| Type | Optional | -| --------------- | -------- | -| numer \| string | Yes | +| Type | Optional | +| ---------------- | -------- | +| number \| string | Yes | ### `color` diff --git a/website/versioned_docs/version-0.82/legacy/native-modules-android.md b/website/versioned_docs/version-0.82/legacy/native-modules-android.md index 77fdb2acdc4..82fe222f628 100644 --- a/website/versioned_docs/version-0.82/legacy/native-modules-android.md +++ b/website/versioned_docs/version-0.82/legacy/native-modules-android.md @@ -23,7 +23,7 @@ To get started, open up the Android project within your React Native application
Image of where you can find your Android project
-We recommend using Android Studio to write your native code. Android studio is an IDE built for Android development and using it will help you resolve minor issues like code syntax errors quickly. +We recommend using Android Studio to write your native code. Android Studio is an IDE built for Android development and using it will help you resolve minor issues like code syntax errors quickly. We also recommend enabling [Gradle Daemon](https://docs.gradle.org/2.9/userguide/gradle_daemon.html) to speed up builds as you iterate on Java/Kotlin code. diff --git a/website/versioned_docs/version-0.82/legacy/native-modules-ios.md b/website/versioned_docs/version-0.82/legacy/native-modules-ios.md index d0615e1d8cc..fb3303985bb 100644 --- a/website/versioned_docs/version-0.82/legacy/native-modules-ios.md +++ b/website/versioned_docs/version-0.82/legacy/native-modules-ios.md @@ -19,7 +19,7 @@ In the following guide you will create a native module, `CalendarModule`, that w To get started, open up the iOS project within your React Native application in Xcode. You can find your iOS project here within a React Native app:
- Image of opening up an iOS project within a React Native app inside of xCode. + Image of opening up an iOS project within a React Native app inside of Xcode.
Image of where you can find your iOS project
diff --git a/website/versioned_docs/version-0.82/running-on-device.md b/website/versioned_docs/version-0.82/running-on-device.md index 2ea67d7ba7e..665d70ea689 100644 --- a/website/versioned_docs/version-0.82/running-on-device.md +++ b/website/versioned_docs/version-0.82/running-on-device.md @@ -378,9 +378,9 @@ If this is your first time running an app on your iOS device, you may need to re ### 2. Configure code signing -Register for an [Apple developer account](https://developer.apple.com/) if you don't have one yet. +Register for an [Apple Developer account](https://developer.apple.com/) if you don't have one yet. -Select your project in the Xcode Project Navigator, then select your main target (it should share the same name as your project). Look for the "General" tab. Go to "Signing" and make sure your Apple developer account or team is selected under the Team dropdown. Do the same for the tests target (it ends with Tests, and is below your main target). +Select your project in the Xcode Project Navigator, then select your main target (it should share the same name as your project). Look for the "General" tab. Go to "Signing" and make sure your Apple Developer account or team is selected under the Team dropdown. Do the same for the tests target (it ends with Tests, and is below your main target). **Repeat** this step for the **Tests** target in your project. diff --git a/website/versioned_docs/version-0.82/view-style-props.md b/website/versioned_docs/version-0.82/view-style-props.md index e6b94361ff7..261a2493742 100644 --- a/website/versioned_docs/version-0.82/view-style-props.md +++ b/website/versioned_docs/version-0.82/view-style-props.md @@ -369,9 +369,9 @@ Due to issues with performance and spec compliance, these are the only two filte The following filter functions work on Android only: -- `blur`: Blurs the `View` with a [Guassian blur](https://en.wikipedia.org/wiki/Gaussian_blur), where the specified length represents the radius used in the blurring algorithm. Any non-negative DIP value is valid (no percents). The larger the value, the blurrier the result. +- `blur`: Blurs the `View` with a [Gaussian blur](https://en.wikipedia.org/wiki/Gaussian_blur), where the specified length represents the radius used in the blurring algorithm. Any non-negative DIP value is valid (no percents). The larger the value, the blurrier the result. - `contrast`: Changes the contrast of the `View`. Takes a non-negative number or percentage. -- `dropShadow`: Adds a shadow around the alpha mask of the `View` (only non-zero alpha pixels in the `View` will cast a shadow). Takes an optional color representing the shadow color, and 2 or 3 lengths. If 2 lengths are specified they are interperted as `offsetX` and `offsetY` which will translate the shadow in the X and Y dimensions respectfully. If a 3rd length is given it is interpreted as the standard deviation of the Guassian blur used on the shadow - so a larger value will blur the shadow more. Read more about the arguments in [DropShadowValue](./dropshadowvalue.md). +- `dropShadow`: Adds a shadow around the alpha mask of the `View` (only non-zero alpha pixels in the `View` will cast a shadow). Takes an optional color representing the shadow color, and 2 or 3 lengths. If 2 lengths are specified they are interpreted as `offsetX` and `offsetY` which will translate the shadow in the X and Y dimensions respectfully. If a 3rd length is given it is interpreted as the standard deviation of the Gaussian blur used on the shadow - so a larger value will blur the shadow more. Read more about the arguments in [DropShadowValue](./dropshadowvalue.md). - `grayscale`: Converts the `View` to [grayscale](https://en.wikipedia.org/wiki/Grayscale) by the specified amount. Takes a non-negative number or percentage, where `1` or `100%` represents complete grayscale. - `hueRotate`: Changes the [hue](https://en.wikipedia.org/wiki/Hue) of the View. The argument of this function defines the angle of a color wheel around which the hue will be rotated, so e.g., `360deg` would have no effect. This angle can have either `deg` or `rad` units. - `invert`: Inverts the colors in the `View`. Takes a non-negative number or percentage, where `1` or `100%` represents complete inversion. diff --git a/yarn.lock b/yarn.lock index 6dd05bb0546..10360886853 100644 --- a/yarn.lock +++ b/yarn.lock @@ -5945,6 +5945,19 @@ __metadata: languageName: node linkType: hard +"@typescript-eslint/project-service@npm:8.47.0": + version: 8.47.0 + resolution: "@typescript-eslint/project-service@npm:8.47.0" + dependencies: + "@typescript-eslint/tsconfig-utils": "npm:^8.47.0" + "@typescript-eslint/types": "npm:^8.47.0" + debug: "npm:^4.3.4" + peerDependencies: + typescript: ">=4.8.4 <6.0.0" + checksum: 10c0/6d7ec78c63d672178727b2d79856b470bd99e90d387335decec026931caa94c6907afc4690b884ce1eaca65f2d8b8f070a5c6e70e47971dfeec34dfd022933b8 + languageName: node + linkType: hard + "@typescript-eslint/scope-manager@npm:5.62.0": version: 5.62.0 resolution: "@typescript-eslint/scope-manager@npm:5.62.0" @@ -5975,7 +5988,17 @@ __metadata: languageName: node linkType: hard -"@typescript-eslint/tsconfig-utils@npm:8.46.4, @typescript-eslint/tsconfig-utils@npm:^8.46.4": +"@typescript-eslint/scope-manager@npm:8.47.0": + version: 8.47.0 + resolution: "@typescript-eslint/scope-manager@npm:8.47.0" + dependencies: + "@typescript-eslint/types": "npm:8.47.0" + "@typescript-eslint/visitor-keys": "npm:8.47.0" + checksum: 10c0/2faa11e30724ca3a0648cdf83e0fc0fbdfcd89168fa0598d235a89604ee20c1f51ca2b70716f2bc0f1ea843de85976c0852de4549ba4649406d6b4acaf63f9c7 + languageName: node + linkType: hard + +"@typescript-eslint/tsconfig-utils@npm:8.46.4": version: 8.46.4 resolution: "@typescript-eslint/tsconfig-utils@npm:8.46.4" peerDependencies: @@ -5984,6 +6007,15 @@ __metadata: languageName: node linkType: hard +"@typescript-eslint/tsconfig-utils@npm:8.47.0, @typescript-eslint/tsconfig-utils@npm:^8.46.4, @typescript-eslint/tsconfig-utils@npm:^8.47.0": + version: 8.47.0 + resolution: "@typescript-eslint/tsconfig-utils@npm:8.47.0" + peerDependencies: + typescript: ">=4.8.4 <6.0.0" + checksum: 10c0/d62b1840344912f916e590dad0cc5aa8816ce281ea9cac7485a28c4427ecbb88c52fa64b3d8cc520c7cab401ede8631e1b3176306cd3d496f756046e5d0c345f + languageName: node + linkType: hard + "@typescript-eslint/type-utils@npm:7.18.0": version: 7.18.0 resolution: "@typescript-eslint/type-utils@npm:7.18.0" @@ -6031,13 +6063,20 @@ __metadata: languageName: node linkType: hard -"@typescript-eslint/types@npm:8.46.4, @typescript-eslint/types@npm:^8.46.4": +"@typescript-eslint/types@npm:8.46.4": version: 8.46.4 resolution: "@typescript-eslint/types@npm:8.46.4" checksum: 10c0/b92166dd9b6d8e4cf0a6a90354b6e94af8542d8ab341aed3955990e6599db7a583af638e22909a1417e41fd8a0ef5861c5ba12ad84b307c27d26f3e0c5e2020f languageName: node linkType: hard +"@typescript-eslint/types@npm:8.47.0, @typescript-eslint/types@npm:^8.46.4, @typescript-eslint/types@npm:^8.47.0": + version: 8.47.0 + resolution: "@typescript-eslint/types@npm:8.47.0" + checksum: 10c0/0d7f139b29f2581e905463c904b9aef37d8bc62f7b647cd3950d8b139a9fa6821faa5370f4975ccbbd2b2046a50629bd78729be390fb2663e6d103ecda22d794 + languageName: node + linkType: hard + "@typescript-eslint/typescript-estree@npm:5.62.0": version: 5.62.0 resolution: "@typescript-eslint/typescript-estree@npm:5.62.0" @@ -6095,6 +6134,26 @@ __metadata: languageName: node linkType: hard +"@typescript-eslint/typescript-estree@npm:8.47.0": + version: 8.47.0 + resolution: "@typescript-eslint/typescript-estree@npm:8.47.0" + dependencies: + "@typescript-eslint/project-service": "npm:8.47.0" + "@typescript-eslint/tsconfig-utils": "npm:8.47.0" + "@typescript-eslint/types": "npm:8.47.0" + "@typescript-eslint/visitor-keys": "npm:8.47.0" + debug: "npm:^4.3.4" + fast-glob: "npm:^3.3.2" + is-glob: "npm:^4.0.3" + minimatch: "npm:^9.0.4" + semver: "npm:^7.6.0" + ts-api-utils: "npm:^2.1.0" + peerDependencies: + typescript: ">=4.8.4 <6.0.0" + checksum: 10c0/b63e72f85382f9022a52c606738400d599a3d27318ec48bad21039758aa6d74050fb2462aa61bac1de8bd5951bc24f775d1dde74140433c60e2943e045c21649 + languageName: node + linkType: hard + "@typescript-eslint/utils@npm:7.18.0": version: 7.18.0 resolution: "@typescript-eslint/utils@npm:7.18.0" @@ -6109,7 +6168,7 @@ __metadata: languageName: node linkType: hard -"@typescript-eslint/utils@npm:8.46.4, @typescript-eslint/utils@npm:^8.0.0": +"@typescript-eslint/utils@npm:8.46.4": version: 8.46.4 resolution: "@typescript-eslint/utils@npm:8.46.4" dependencies: @@ -6142,6 +6201,21 @@ __metadata: languageName: node linkType: hard +"@typescript-eslint/utils@npm:^8.0.0, @typescript-eslint/utils@npm:^8.46.4": + version: 8.47.0 + resolution: "@typescript-eslint/utils@npm:8.47.0" + dependencies: + "@eslint-community/eslint-utils": "npm:^4.7.0" + "@typescript-eslint/scope-manager": "npm:8.47.0" + "@typescript-eslint/types": "npm:8.47.0" + "@typescript-eslint/typescript-estree": "npm:8.47.0" + peerDependencies: + eslint: ^8.57.0 || ^9.0.0 + typescript: ">=4.8.4 <6.0.0" + checksum: 10c0/8774f4e5748bdcefad32b4d06aee589208f4e78500c6c39bd6819b9602fc4212ed69fd774ccd2ad847f87a6bc0092d4db51e440668e7512d366969ab038a74f5 + languageName: node + linkType: hard + "@typescript-eslint/visitor-keys@npm:5.62.0": version: 5.62.0 resolution: "@typescript-eslint/visitor-keys@npm:5.62.0" @@ -6172,6 +6246,16 @@ __metadata: languageName: node linkType: hard +"@typescript-eslint/visitor-keys@npm:8.47.0": + version: 8.47.0 + resolution: "@typescript-eslint/visitor-keys@npm:8.47.0" + dependencies: + "@typescript-eslint/types": "npm:8.47.0" + eslint-visitor-keys: "npm:^4.2.1" + checksum: 10c0/14aedfdb5bf9b4c310b4a64cb62af94f35515af44911bae266205138165b3a8dc2cd57db3255ec27531dfa3552ba79a700ec8d745b0d18bca220a7f9f437ad06 + languageName: node + linkType: hard + "@ungap/structured-clone@npm:^1.0.0": version: 1.3.0 resolution: "@ungap/structured-clone@npm:1.3.0" @@ -7443,12 +7527,12 @@ __metadata: languageName: node linkType: hard -"case-police@npm:^1.0.0": - version: 1.0.0 - resolution: "case-police@npm:1.0.0" +"case-police@npm:2.1.1, case-police@npm:^2.1.1": + version: 2.1.1 + resolution: "case-police@npm:2.1.1" bin: case-police: bin/case-police.mjs - checksum: 10c0/e9f64625b5e8cb481c0483ab548943fbc18701f04c7fdd746a63110a60cb179be661d33c54e870845503a3a92acd1f1fe603a50bd0ff15dd3f58c661dcdc36de + checksum: 10c0/ff3c631838ea7c7c8f952edc15ef7200fbdb47a1d017cee2b88bb3855506a9061e74527530cd8821ae2ffd5c267615a35c3165a13c9170d08bcf6859c9eaf422 languageName: node linkType: hard @@ -9312,6 +9396,19 @@ __metadata: languageName: node linkType: hard +"eslint-plugin-case-police@npm:2.1.1": + version: 2.1.1 + resolution: "eslint-plugin-case-police@npm:2.1.1" + dependencies: + "@typescript-eslint/utils": "npm:^8.46.4" + case-police: "npm:2.1.1" + synckit: "npm:^0.11.11" + peerDependencies: + eslint: ^9.9.0 + checksum: 10c0/b07324b16f416c112909f2dd95ff113bc45859ad945a3ff7fa1436d56b9096dfbe0f7222ad12e7983f5dc417952861bde984286bf187cdc96621da1d364dd41c + languageName: node + linkType: hard + "eslint-plugin-eslint-comments@npm:^3.2.0": version: 3.2.0 resolution: "eslint-plugin-eslint-comments@npm:3.2.0" @@ -17791,8 +17888,10 @@ __metadata: "@eslint/js": "npm:^9.39.1" "@manypkg/cli": "npm:^0.25.1" "@typescript-eslint/parser": "npm:^8.46.4" + case-police: "npm:^2.1.1" eslint: "npm:^9.39.1" eslint-config-prettier: "npm:^10.1.8" + eslint-plugin-case-police: "npm:2.1.1" eslint-plugin-mdx: "npm:^3.6.2" eslint-plugin-prettier: "npm:^5.5.4" eslint-plugin-yml: "npm:^1.19.0" @@ -17821,7 +17920,6 @@ __metadata: "@types/google.analytics": "npm:^0.0.46" "@types/react": "npm:^19.1.13" alex: "npm:^11.0.1" - case-police: "npm:^1.0.0" docusaurus-plugin-sass: "npm:^0.2.6" eslint: "npm:^9.39.1" glob: "npm:^11.1.0" @@ -19926,7 +20024,7 @@ __metadata: languageName: node linkType: hard -"synckit@npm:^0.11.7, synckit@npm:^0.11.8": +"synckit@npm:^0.11.11, synckit@npm:^0.11.7, synckit@npm:^0.11.8": version: 0.11.11 resolution: "synckit@npm:0.11.11" dependencies: