diff --git a/versioned_docs/version-5.x/nesting-navigators.md b/versioned_docs/version-5.x/nesting-navigators.md index 5aa410f5cf..24701c5a75 100755 --- a/versioned_docs/version-5.x/nesting-navigators.md +++ b/versioned_docs/version-5.x/nesting-navigators.md @@ -239,13 +239,13 @@ When nesting multiple stack navigators, we recommend nesting at most 2 stack nav ## Best practices when nesting -We recommend to reduce nesting navigators to minimal. Try to achieve the behavior you want with as little nesting as possible. Nesting has many downsides: +We recommend reducing navigator nesting to a minimum. Try to achieve the behavior you want with as little nesting as possible. Nesting has many downsides: - It results in deeply nested view hierarchy which can cause memory and performance issues in lower end devices -- Nesting same type of navigators (e.g. tabs inside tabs, drawer inside drawer etc.) might lead to a confusing UX +- Nesting the same type of navigator (e.g. tabs inside tabs, drawer inside drawer etc.) might lead to a confusing UX - With excessive nesting, code becomes difficult to follow when navigating to nested screens, configuring deep link etc. -Think of nesting navigators as a way to achieve the UI you want rather than a way to organize your code. If you want to create separate group of screens for organization, instead of using separate navigators, consider doing something like this: +Think of nesting navigators as a way to achieve the UI you want rather than a way to organize your code. If you want to create separate groups of screens for organization, instead of using separate navigators, consider doing something like this: ```js // Define multiple groups of screens in objects like this diff --git a/versioned_docs/version-6.x/nesting-navigators.md b/versioned_docs/version-6.x/nesting-navigators.md index 64847d24d7..405faee238 100755 --- a/versioned_docs/version-6.x/nesting-navigators.md +++ b/versioned_docs/version-6.x/nesting-navigators.md @@ -280,13 +280,13 @@ function App() { ## Best practices when nesting -We recommend to reduce nesting navigators to minimal. Try to achieve the behavior you want with as little nesting as possible. Nesting has many downsides: +We recommend reducing navigator nesting to a minimum. Try to achieve the behavior you want with as little nesting as possible. Nesting has many downsides: - It results in deeply nested view hierarchy which can cause memory and performance issues in lower end devices -- Nesting same type of navigators (e.g. tabs inside tabs, drawer inside drawer etc.) might lead to a confusing UX +- Nesting the same type of navigator (e.g. tabs inside tabs, drawer inside drawer etc.) might lead to a confusing UX - With excessive nesting, code becomes difficult to follow when navigating to nested screens, configuring deep link etc. -Think of nesting navigators as a way to achieve the UI you want rather than a way to organize your code. If you want to create separate group of screens for organization, instead of using separate navigators, you can use the [`Group`](group.md) component. +Think of nesting navigators as a way to achieve the UI you want rather than a way to organize your code. If you want to create separate groups of screens for organization, instead of using separate navigators, you can use the [`Group`](group.md) component. diff --git a/versioned_docs/version-7.x/nesting-navigators.md b/versioned_docs/version-7.x/nesting-navigators.md index 98ebab1354..d0f3755b3e 100755 --- a/versioned_docs/version-7.x/nesting-navigators.md +++ b/versioned_docs/version-7.x/nesting-navigators.md @@ -1049,13 +1049,13 @@ function RootStack() { ## Best practices when nesting -We recommend to reduce nesting navigators to minimal. Try to achieve the behavior you want with as little nesting as possible. Nesting has many downsides: +We recommend reducing navigator nesting to a minimum. Try to achieve the behavior you want with as little nesting as possible. Nesting has many downsides: - It results in deeply nested view hierarchy which can cause memory and performance issues in lower end devices -- Nesting same type of navigators (e.g. tabs inside tabs, drawer inside drawer etc.) might lead to a confusing UX +- Nesting the same type of navigator (e.g. tabs inside tabs, drawer inside drawer etc.) might lead to a confusing UX - With excessive nesting, code becomes difficult to follow when navigating to nested screens, configuring deep link etc. -Think of nesting navigators as a way to achieve the UI you want rather than a way to organize your code. If you want to create separate group of screens for organization, instead of using separate navigators, you can use the [`Group`](group.md) component for dynamic configuration or [`groups` property](static-configuration.md#groups) for static configuration. +Think of nesting navigators as a way to achieve the UI you want rather than a way to organize your code. If you want to create separate groups of screens for organization, instead of using separate navigators, you can use the [`Group`](group.md) component for dynamic configuration or [`groups` property](static-configuration.md#groups) for static configuration. diff --git a/versioned_docs/version-8.x/nesting-navigators.md b/versioned_docs/version-8.x/nesting-navigators.md index fa9aacd255..b07a4a089a 100755 --- a/versioned_docs/version-8.x/nesting-navigators.md +++ b/versioned_docs/version-8.x/nesting-navigators.md @@ -971,13 +971,13 @@ function RootStack() { ## Best practices when nesting -We recommend to reduce nesting navigators to minimal. Try to achieve the behavior you want with as little nesting as possible. Nesting has many downsides: +We recommend reducing navigator nesting to a minimum. Try to achieve the behavior you want with as little nesting as possible. Nesting has many downsides: - It results in deeply nested view hierarchy which can cause memory and performance issues in lower end devices -- Nesting same type of navigators (e.g. tabs inside tabs, drawer inside drawer etc.) might lead to a confusing UX +- Nesting the same type of navigator (e.g. tabs inside tabs, drawer inside drawer etc.) might lead to a confusing UX - With excessive nesting, code becomes difficult to follow when navigating to nested screens, configuring deep link etc. -Think of nesting navigators as a way to achieve the UI you want rather than a way to organize your code. If you want to create separate group of screens for organization, instead of using separate navigators, you can use the [`Group`](group.md) component for dynamic configuration or [`groups` property](static-configuration.md#groups) for static configuration. +Think of nesting navigators as a way to achieve the UI you want rather than a way to organize your code. If you want to create separate groups of screens for organization, instead of using separate navigators, you can use the [`Group`](group.md) component for dynamic configuration or [`groups` property](static-configuration.md#groups) for static configuration.