Skip to content

Commit 3638ed0

Browse files
authored
Fix typos in documentation (facebook#4414)
* fix(docs): Correct typos in documentation * revert * fix(docs): Correct spacing in Android Codegen documentation * revert changes * revert
1 parent 46e69d1 commit 3638ed0

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

57 files changed

+77
-77
lines changed

docs/legacy/native-modules-intro.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -17,9 +17,9 @@ There are different ways to write a native module for your React Native applicat
1717

1818
1. Creating a local library that can be imported in your React Native application. Read [Creating local libraries](local-library-setup) guide to learn more.
1919
2. Directly within your React Native application's iOS/Android projects
20-
3. As a NPM package that can be installed as a dependency by your/other React Native applications.
20+
3. As an NPM package that can be installed as a dependency by your/other React Native applications.
2121

22-
This guide will first walk you through implementing a native module directly within a React Native application. However the native module you build in the following guide can be distributed as an NPM package. Check out the [Setting Up a Native Module as a NPM Package](native-modules-setup) guide if you are interested in doing so.
22+
This guide will first walk you through implementing a native module directly within a React Native application. However the native module you build in the following guide can be distributed as an NPM package. Check out the [Setting Up a Native Module as an NPM Package](native-modules-setup) guide if you are interested in doing so.
2323

2424
## Getting Started
2525

docs/scrollview.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -281,7 +281,7 @@ Sometimes a scrollview takes up more space than its content fills. When this is
281281

282282
### `fadingEdgeLength` <div class="label android">Android</div>
283283

284-
Fades out the edges of the the scroll content.
284+
Fades out the edges of the scroll content.
285285

286286
If the value is greater than `0`, the fading edges will be set accordingly to the current scroll direction and position, indicating if there is more content to show.
287287

docs/the-new-architecture/create-module-library.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -93,7 +93,7 @@ That's it! You have moved all the required code out of your app and in a separat
9393

9494
## Testing your Library
9595

96-
The `create-react-native-library` comes with an useful example application that is already configured to work properly with the library. This is a great way to test it!
96+
The `create-react-native-library` comes with a useful example application that is already configured to work properly with the library. This is a great way to test it!
9797

9898
If you look at the `example` folder, you can find the same structure of a new React Native application that you can create from the [`react-native-community/template`](https://github.com/react-native-community/template).
9999

docs/the-new-architecture/layout-measurements.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -38,8 +38,8 @@ Determines the location on screen (`x` and `y`), `width`, and `height` in the vi
3838
- `y`: the `y` coordinate of the origin (top-left corner) of the measured view in the viewport.
3939
- `width`: the `width` of the view.
4040
- `height`: the `height` of the view.
41-
- `pageX`: the `x` coordinate of the view in the viewport (typically the the whole screen).
42-
- `pageY`: the `y` coordinate of the view in the viewport (typically the the whole screen).
41+
- `pageX`: the `x` coordinate of the view in the viewport (typically the whole screen).
42+
- `pageY`: the `y` coordinate of the view in the viewport (typically the whole screen).
4343

4444
Also the `width` and `height` returned by `measure()` are the `width` and `height` of the component in the viewport.
4545

docs/the-new-architecture/using-codegen.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -86,7 +86,7 @@ The rest of this guide assumes that you have a Native Turbo Module, a Native Fab
8686

8787
### Android
8888

89-
**Codegen** for Android is integrated with the React Native Gradle Plugin (RNGP). The RNGP contains a task that can be invoked that reads the configurations defined in the `package.json` file and execute **Codegen**. To run the gradle task, first navigate inside the `android `folder of your project. Then run:
89+
**Codegen** for Android is integrated with the React Native Gradle Plugin (RNGP). The RNGP contains a task that can be invoked that reads the configurations defined in the `package.json` file and execute **Codegen**. To run the gradle task, first navigate inside the `android` folder of your project. Then run:
9090

9191
```bash
9292
./gradlew generateCodegenArtifactsFromSchema
@@ -150,7 +150,7 @@ In the folder whose name was set up in the `codegenConfig.android.javaPackageNam
150150
In the `jni` folder, finally, there is all the boilerplate code to connect JS to Android.
151151

152152
- `<codegenConfig.name>.h` this contains the interface of your custom C++ Turbo Native Modules.
153-
- `<codegenConfig.name>-generated.cpp` this contains the glue code of your custom custom C++ Turbo Native Modules.
153+
- `<codegenConfig.name>-generated.cpp` this contains the glue code of your custom C++ Turbo Native Modules.
154154
- `react/renderer/components/<codegenConfig.name>`: this folder contains all the glue-code required by your custom component.
155155

156156
This structure has been generated by using the value `all` for the `codegenConfig.type` field. If you use the value `modules`, expect to see no `react/renderer/components/` folder. If you use the value `components`, expect not to see any of the other files.
@@ -232,7 +232,7 @@ Part of these generated files are used by React Native in the Core. Then there i
232232
- `<codegenConfig.name>/<codegenConfig.name>.h`: this contains the interface of your custom iOS Turbo Native Modules.
233233
- `<codegenConfig.name>/<codegenConfig.name>-generated.mm`: this contains the glue code of your custom iOS Turbo Native Modules.
234234
- `<codegenConfig.name>JSI.h`: this contains the interface of your custom C++ Turbo Native Modules.
235-
- `<codegenConfig.name>JSI-generated.h`: this contains the glue code of your custom custom C++ Turbo Native Modules.
235+
- `<codegenConfig.name>JSI-generated.h`: this contains the glue code of your custom C++ Turbo Native Modules.
236236
- `react/renderer/components/<codegenConfig.name>`: this folder contains all the glue-code required by your custom component.
237237

238238
This structure has been generated by using the value `all` for the `codegenConfig.type` field. If you use the value `modules`, expect to see no `react/renderer/components/` folder. If you use the value `components`, expect not to see any of the other files.

docs/upgrading.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ Because typical React Native projects are essentially made up of an Android proj
1919

2020
You first need to select from and to which version you wish to upgrade, by default the latest major versions are selected. After selecting you can click the button "Show me how to upgrade".
2121

22-
💡 Major updates will show an "useful content" section on the top with links to help you out when upgrading.
22+
💡 Major updates will show a "useful content" section on the top with links to help you out when upgrading.
2323

2424
### 2. Upgrade dependencies
2525

website/blog/2018-11-01-oss-roadmap.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -61,4 +61,4 @@ React Native is one of the [top open source projects on GitHub](https://octovers
6161

6262
## Timeline
6363

64-
We're planning to land these projects throughout the next year or so. Some of these efforts are already ongoing, such as [JSI which has already landed in open source](https://github.com/facebook/react-native/compare/e337bcafb0b017311c37f2dbc24e5a757af0a205...8427f64e06456f171f9df0316c6ca40613de7a20). Others will take a bit longer to complete, such as reducing the surface area. We'll do our best to keep the community up to date with our progress. Please join us in the [Discussions and Proposals](https://github.com/react-native-community/discussions-and-proposals) repository, a initiative from the React Native community that has led to the creation of several of the initiatives discussed in this roadmap.
64+
We're planning to land these projects throughout the next year or so. Some of these efforts are already ongoing, such as [JSI which has already landed in open source](https://github.com/facebook/react-native/compare/e337bcafb0b017311c37f2dbc24e5a757af0a205...8427f64e06456f171f9df0316c6ca40613de7a20). Others will take a bit longer to complete, such as reducing the surface area. We'll do our best to keep the community up to date with our progress. Please join us in the [Discussions and Proposals](https://github.com/react-native-community/discussions-and-proposals) repository, an initiative from the React Native community that has led to the creation of several of the initiatives discussed in this roadmap.

website/versioned_docs/version-0.70/custom-webview-android.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -346,7 +346,7 @@ const RCTCustomWebView = requireNativeComponent(
346346

347347
If you want to add custom props to your native component, you can use `nativeConfig.props` on the web view.
348348

349-
For events, the event handler must always be set to a function. This means it isn't safe to use the event handler directly from `this.props`, as the user might not have provided one. The standard approach is to create a event handler in your class, and then invoking the event handler given in `this.props` if it exists.
349+
For events, the event handler must always be set to a function. This means it isn't safe to use the event handler directly from `this.props`, as the user might not have provided one. The standard approach is to create an event handler in your class, and then invoking the event handler given in `this.props` if it exists.
350350

351351
If you are unsure how something should be implemented from the JS side, look at [WebView.android.js](https://github.com/react-native-webview/react-native-webview/blob/master/src/WebView.android.tsx) in the React Native WebView source.
352352

website/versioned_docs/version-0.70/custom-webview-ios.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ Before you do this, you should be familiar with the concepts in [native UI compo
99

1010
## Native Code
1111

12-
Like for regular native components, you need a view manager and an web view.
12+
Like for regular native components, you need a view manager and a web view.
1313

1414
For the view, you'll need to make a subclass of `RCTWebView`.
1515

@@ -178,7 +178,7 @@ const RCTCustomWebView = requireNativeComponent(
178178

179179
If you want to add custom props to your native component, you can use `nativeConfig.props` on the web view. For iOS, you should also set the `nativeConfig.viewManager` prop with your custom WebView ViewManager as in the example above.
180180

181-
For events, the event handler must always be set to a function. This means it isn't safe to use the event handler directly from `this.props`, as the user might not have provided one. The standard approach is to create a event handler in your class, and then invoking the event handler given in `this.props` if it exists.
181+
For events, the event handler must always be set to a function. This means it isn't safe to use the event handler directly from `this.props`, as the user might not have provided one. The standard approach is to create an event handler in your class, and then invoking the event handler given in `this.props` if it exists.
182182

183183
If you are unsure how something should be implemented from the JS side, look at [WebView.ios.tsx](https://github.com/react-native-webview/react-native-webview/blob/master/src/WebView.ios.tsx) in the React Native source.
184184

website/versioned_docs/version-0.70/native-modules-intro.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -16,9 +16,9 @@ The NativeModule system exposes instances of Java/Objective-C/C++ (native) class
1616
There are two ways to write a native module for your React Native application:
1717

1818
1. Directly within your React Native application’s iOS/Android projects
19-
2. As a NPM package that can be installed as a dependency by your/other React Native applications
19+
2. As an NPM package that can be installed as a dependency by your/other React Native applications
2020

21-
This guide will first walk you through implementing a native module directly within a React Native application. However the native module you build in the following guide can be distributed as an NPM package. Check out the [Setting Up a Native Module as a NPM Package](native-modules-setup) guide if you are interested in doing so.
21+
This guide will first walk you through implementing a native module directly within a React Native application. However the native module you build in the following guide can be distributed as an NPM package. Check out the [Setting Up a Native Module as an NPM Package](native-modules-setup) guide if you are interested in doing so.
2222

2323
## Getting Started
2424

0 commit comments

Comments
 (0)