Skip to content

Commit e6de664

Browse files
garanewsrigor789
andauthored
chore: fix typos (#40)
Co-authored-by: Igor Randjelovic <rigor789@gmail.com>
1 parent ad61ec1 commit e6de664

18 files changed

Lines changed: 35 additions & 35 deletions

advanced-concepts.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ title: Advanced Concepts
66

77
## The Layout process
88

9-
Getting views to render with the right dimensions and positions requires a run of the layout process. When rendering, a recursive process runs through every view in the **view hiearchy** in two passes &mdash; a measure pass and a layout pass.
9+
Getting views to render with the right dimensions and positions requires a run of the layout process. When rendering, a recursive process runs through every view in the **view hierarchy** in two passes &mdash; a measure pass and a layout pass.
1010

1111
During **the measure pass** every view is measured to obtain its desired size. The following properties are considered during the measuring:
1212

@@ -23,7 +23,7 @@ During **the layout pass** every view is placed in a specific layout slot. The s
2323
The layout process is by nature an resource-intensive process and it's performance highly depends on the number views (and complexity).
2424

2525
:::tip
26-
Try to keep the view hierachy as flat as possible by utilizing different [Layout Containers](/ui-and-styling#layout-containers) rather than relying on excessive view nesting.
26+
Try to keep the view hierarchy as flat as possible by utilizing different [Layout Containers](/ui-and-styling#layout-containers) rather than relying on excessive view nesting.
2727

2828
**For example:** don't treat `<StackLayout>` as a `<div>` &mdash; instead try to use a `<GridLayout>` with specific `rows` and `columns` to achieve the same result:
2929

@@ -42,7 +42,7 @@ Try to keep the view hierachy as flat as possible by utilizing different [Layout
4242
<!-- -->
4343

4444
```html
45-
<GridLayout rows="auto, auto" colums="auto, auto">
45+
<GridLayout rows="auto, auto" columns="auto, auto">
4646
<SomeItem row="0" col="0" />
4747
<SomeItem row="0" col="1" />
4848
<!-- ... row="1" ... -->
@@ -152,7 +152,7 @@ The source code of `application.android.ts` is bundled separately as `applicatio
152152
The `bundle.js` and `vendor.js` files are not loaded early enough in the application launch. That's why the logic in `application.android.ts` is needed to be bundled separately in order to be loaded as early as needed in the application lifecycle.
153153

154154
::: warning Note
155-
This approach will not work if aplication.android.ts requires external modules.
155+
This approach will not work if application.android.ts requires external modules.
156156
:::
157157

158158
### Extending Android Activity
@@ -658,7 +658,7 @@ iOS contains both an Objective-C standard library (the Foundation framework) and
658658

659659
#### Toll-free Bridging
660660

661-
Core Foundation has the concept of [Toll-free bridged types](https://developer.apple.com/library/ios/documentation/CoreFoundation/Conceptual/CFDesignConcepts/Articles/tollFreeBridgedTypes.html) - data types which can be used interchangably with their Objective-C counterparts. When dealing with a toll-free bridged type NativeScript always treats it as its Objective-C counterpart. Core Foundation objects on the [toll-free bridged types list](https://developer.apple.com/library/ios/documentation/CoreFoundation/Conceptual/CFDesignConcepts/Articles/tollFreeBridgedTypes.html#//apple_ref/doc/uid/TP40010677-SW4) are exposed as if they were instances of the equivalent Objective-C class. This means that a `CFDictionaryRef` value in JavaScript has the same methods on its prototype as if it were a `NSDictionary` object. Unlike regular Core Foundation objects, toll-free bridged types are automatically memory managed by NativeScript, so there is no need to retain or release them using `CFRetain` and `CFRelease`.
661+
Core Foundation has the concept of [Toll-free bridged types](https://developer.apple.com/library/ios/documentation/CoreFoundation/Conceptual/CFDesignConcepts/Articles/tollFreeBridgedTypes.html) - data types which can be used interchangeably with their Objective-C counterparts. When dealing with a toll-free bridged type NativeScript always treats it as its Objective-C counterpart. Core Foundation objects on the [toll-free bridged types list](https://developer.apple.com/library/ios/documentation/CoreFoundation/Conceptual/CFDesignConcepts/Articles/tollFreeBridgedTypes.html#//apple_ref/doc/uid/TP40010677-SW4) are exposed as if they were instances of the equivalent Objective-C class. This means that a `CFDictionaryRef` value in JavaScript has the same methods on its prototype as if it were a `NSDictionary` object. Unlike regular Core Foundation objects, toll-free bridged types are automatically memory managed by NativeScript, so there is no need to retain or release them using `CFRetain` and `CFRelease`.
662662

663663
#### Null Values
664664

@@ -2357,7 +2357,7 @@ After analyzing the filtering rules for a platform, {N} CLI builds final whiteli
23572357
- If it is `true`, the final whitelist is a concatenation of all plugins' usage lists with the app's whitelist
23582358
- Otherwise, it is equal to the app's whitelist
23592359

2360-
These two lists unambigously determine how filtering is performed:
2360+
These two lists unambiguously determine how filtering is performed:
23612361

23622362
1. If the whitelist is empty, then everything is considered whitelisted by default
23632363
2. If it contains at least one rule, only entities matching a rule are considered whitelisted

best-practices/android-tips.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ On Android images inside the various drawable directories are used to serve the
1010

1111
Google provides a great resource to learn more about [supporting different pixel densities](https://developer.android.com/training/multiscreen/screendensities).
1212

13-
In our NativeScript project, you will have the `App_Resources/Android` directory. Everything in here will mirror a standard Android project. Inside the `App_Resources/Android/src/main` directory you shuld have a `res` directory which contains many `drawable-...` directories. This is where you should place images that have been resized for the different device displays. To read more on this topic you can read [the Android documentation for alternative bitmaps](https://developer.android.com/training/multiscreen/screendensities#TaskProvideAltBmp).
13+
In our NativeScript project, you will have the `App_Resources/Android` directory. Everything in here will mirror a standard Android project. Inside the `App_Resources/Android/src/main` directory you should have a `res` directory which contains many `drawable-...` directories. This is where you should place images that have been resized for the different device displays. To read more on this topic you can read [the Android documentation for alternative bitmaps](https://developer.android.com/training/multiscreen/screendensities#TaskProvideAltBmp).
1414

1515
There are many approaches to resizing your images for the different drawable folders. You could use Android Studio or other third party tools. For this example we will look at a tool specifically built to help NativeScript developers resize their images, [images.nativescript.rocks](https://images.nativescript.rocks/).
1616

best-practices/index.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ title: Best Practices
99
Over the years several distinct best practices have emerged when working with NativeScript and we'd like to outline a few here for you in hopes that you can enjoy NativeScripting as much as we do. More importantly though, that your end product gives you all the right _feels_ you expect.
1010

1111
We are providing a sample "vanilla" NativeScript app which shows some of the bad vs. good practices for you to run and see for yourself.
12-
Using vanilla NativeScript is a great way to see the raw examples of why these are bad and good practices which are applicable to any frontend framework integration. Each framework integration effectively utilitizes these same practices for it's own various cases.
12+
Using vanilla NativeScript is a great way to see the raw examples of why these are bad and good practices which are applicable to any frontend framework integration. Each framework integration effectively utilizes these same practices for it's own various cases.
1313

1414
Clone and see for yourself: https://github.com/NativeScript/examples-best-practices
1515

best-practices/listviews.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ title: Best Practices with ListViews, RadListView, etc.
44

55
Quite possibly the _most_ important controls available on all mobile devices which have the most impact on perceived app performance.
66

7-
ListView, RadListView and really any view component that utilizes some form of row recyclying with view templates/components.
7+
ListView, RadListView and really any view component that utilizes some form of row recycling with view templates/components.
88

99
## Bad setup
1010

code-sharing/index.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -20,13 +20,13 @@ Over the years, several lessons have emerged around scalability with JavaScript
2020

2121
4. A good code sharing approach should clearly identify deployment/distribution lines as well as distinct platform separation allowing various shared code segments to have clear designated deployment targets allowing teams to control their own sophisticated build pipelines as they desire. Further the shared code should live within a thoughtful organizational structure that supports the ability to scale and adapt to future needs aside from the deployment targets that use the shared code.
2222

23-
5. Within the specific scope of NativeScript's viewpoint, JavaScript is the universal langugage which provides the opportunity to share code effectively and responsibly. An approach that is based fundamentally on the strengths of JavaScript (and inherently TypeScript) is a good code sharing approach.
23+
5. Within the specific scope of NativeScript's viewpoint, JavaScript is the universal language which provides the opportunity to share code effectively and responsibly. An approach that is based fundamentally on the strengths of JavaScript (and inherently TypeScript) is a good code sharing approach.
2424

2525
Notes:
2626

2727
Framework's are often "domain specific in nature". Programming languages are often the opposite or at least more broadly applicable to a wider set of domain problems. A good code sharing approach centers itself around the programming language and not the framework.
2828

29-
If a "code sharing solution" is maintained by a framework that can often mean there are inherent biases that interlock it's "sharable nature" with the framework, even if not intentional, it is somewhat inevitable. This breaks the first rule of a good code sharing approach.
29+
If a "code sharing solution" is maintained by a framework that can often mean there are inherent biases that interlock it's "shareable nature" with the framework, even if not intentional, it is somewhat inevitable. This breaks the first rule of a good code sharing approach.
3030

3131
## Recommendations and Solutions
3232

interaction.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -701,7 +701,7 @@ NativeScript lets you animate the following properties:
701701

702702
:::tip Note
703703

704-
To use `translate` or `scale` you must preceed with an object declaring both x and y values, for example `translate: { x: 100, y: 250 }` or `scale: { x: 1.5, y: 0 }`.
704+
To use `translate` or `scale` you must proceed with an object declaring both x and y values, for example `translate: { x: 100, y: 250 }` or `scale: { x: 1.5, y: 0 }`.
705705

706706
:::
707707

@@ -1524,7 +1524,7 @@ export function showActionDialog() {
15241524
}
15251525
```
15261526

1527-
#### Action Dialog Propeties
1527+
#### Action Dialog Properties
15281528

15291529
| Name | Type | Description |
15301530
| ------------------ | --------------- | ---------------------------------------------------------------------------------------------- |

native-api-access.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -51,7 +51,7 @@ Now for a short walk through of one way to go about translating Java to JavaScri
5151

5252
3. The `getSystemService(java.lang.String)` method accepts a String. When programming in Android you can use `BATTERY_SERVICE` if the `import android.content.Context` is declared in the .java file. The compiler will know that `BATTERY_SERVICE` is the [static final string declared here](https://developer.android.com/reference/android/content/Context#BATTERY_SERVICE).
5353

54-
You could also write the `getSystemService("batterymanager")` using the statics constant value: "batterymanager". In your NativeScript code, you could do the same, but if you prefer to use the full namespace path to the static value, you can write it like the example does with `android.content.Context.BATTERY_SERVICE`.
54+
You could also write the `getSystemService("batterymanager")` using the static constant value: "batterymanager". In your NativeScript code, you could do the same, but if you prefer to use the full namespace path to the static value, you can write it like the example does with `android.content.Context.BATTERY_SERVICE`.
5555

5656
4. Now we have an instance of the [Android BatteryManager](https://developer.android.com/reference/android/os/BatteryManager) which is what the [docs state as the return value](https://developer.android.com/reference/android/content/Context#BATTERY_SERVICE) for this system service.
5757

plugins/background-http.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ The below attached code snippets demonstrate how to use `@nativescript/backgroun
1515

1616
### Uploading files
1717

18-
Sample code for configuring the upload session. Each session must have a unique `id`, but it can have multiple tasks running simultaneously. The `id` is passed as a parameter when creating the session (the `image-upload` string in the code bellow):
18+
Sample code for configuring the upload session. Each session must have a unique `id`, but it can have multiple tasks running simultaneously. The `id` is passed as a parameter when creating the session (the `image-upload` string in the code below):
1919

2020
```javascript
2121
// file path and url

plugins/datetimepicker.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -133,7 +133,7 @@ The `DateTimePickerFields` has a `date` property which can be used to get its cu
133133

134134
- Orientation
135135

136-
The `DateTimePickerFields` have an `orientation` property which allows changing the way the fields are laid out. If the orientation is `horizontal` (the default), the fields are on the same row, if the orienation is `vertical`, the fields will be on separate rows. Here's an example in the [demo](https://github.com/NativeScript/nativescript-datetimepicker/blob/master/demo/app/home/home-page.xml#L160), [demo-angular](https://github.com/NativeScript/nativescript-datetimepicker/blob/master/demo-angular/src/app/home/home.component.html#L155) and [demo-vue](https://github.com/NativeScript/nativescript-datetimepicker/blob/master/demo-vue/app/components/Home.vue#L157) applications.
136+
The `DateTimePickerFields` have an `orientation` property which allows changing the way the fields are laid out. If the orientation is `horizontal` (the default), the fields are on the same row, if the orientation is `vertical`, the fields will be on separate rows. Here's an example in the [demo](https://github.com/NativeScript/nativescript-datetimepicker/blob/master/demo/app/home/home-page.xml#L160), [demo-angular](https://github.com/NativeScript/nativescript-datetimepicker/blob/master/demo-angular/src/app/home/home.component.html#L155) and [demo-vue](https://github.com/NativeScript/nativescript-datetimepicker/blob/master/demo-vue/app/components/Home.vue#L157) applications.
137137

138138
- Auto Pick Time
139139

plugins/detox.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -76,7 +76,7 @@ There should also be a file called `.detoxrc.json` in your project root.
7676

7777
### Configure Detox
7878

79-
Detox must be configued to know the location of the iOS and Android app binary as well as what emulator/simulator to use.
79+
Detox must be configured to know the location of the iOS and Android app binary as well as what emulator/simulator to use.
8080

8181
Open `.detoxrc.json` and make the following modifications under `configurations` for iOS and Android.
8282

@@ -177,7 +177,7 @@ detox build -c ios|android
177177

178178
### Testing
179179

180-
Run your tests with the folling command:
180+
Run your tests with the following command:
181181

182182
```bash
183183
detox test -c ios|android

0 commit comments

Comments
 (0)