From abd0c54cfeb1bcac896217921aa238470a4fd0f5 Mon Sep 17 00:00:00 2001 From: Hasan Mir Date: Fri, 1 Nov 2024 16:25:18 +0330 Subject: [PATCH] Fix some grammar and typo issues --- src/routes/concepts/control-flow/portal.mdx | 2 +- src/routes/concepts/stores.mdx | 2 +- src/routes/configuration/environment-variables.mdx | 2 +- src/routes/configuration/typescript.mdx | 2 +- src/routes/guides/routing-and-navigation.mdx | 2 +- src/routes/guides/state-management.mdx | 2 +- src/routes/guides/styling-components/css-modules.mdx | 2 +- src/routes/reference/basic-reactivity/create-effect.mdx | 2 +- 8 files changed, 8 insertions(+), 8 deletions(-) diff --git a/src/routes/concepts/control-flow/portal.mdx b/src/routes/concepts/control-flow/portal.mdx index 409257769..9b87c4f3a 100644 --- a/src/routes/concepts/control-flow/portal.mdx +++ b/src/routes/concepts/control-flow/portal.mdx @@ -3,7 +3,7 @@ title: "Portal" order: 3 --- -When an element requires rendering outside of the usual document flow, challenges related to stacking contents and z-index can interfere with the desired intention or look of an application. +When an element requires rendering outside of the usual document flow, challenges related to stacking context and z-index can interfere with the desired intention or look of an application. `` helps with this by putting elements in a different place in the document, bringing an element into the document flow so they can render as expected. ```jsx diff --git a/src/routes/concepts/stores.mdx b/src/routes/concepts/stores.mdx index dad294687..fcb157ff4 100644 --- a/src/routes/concepts/stores.mdx +++ b/src/routes/concepts/stores.mdx @@ -3,7 +3,7 @@ title: Stores order: 6 --- -Similar to [signals](/concepts/signals), stores are a state management primitive. +Similar to [signals](/concepts/signals), stores are a state management primitives. However, while signals manage a single piece of state, stores create a centralized location to reduce code redundancy. Within Solid, these stores can spawn a collection of reactive signals, each corresponding to a particular property which can be useful when working with complex state. diff --git a/src/routes/configuration/environment-variables.mdx b/src/routes/configuration/environment-variables.mdx index 418d4f80b..f21c4e72e 100644 --- a/src/routes/configuration/environment-variables.mdx +++ b/src/routes/configuration/environment-variables.mdx @@ -59,7 +59,7 @@ function MyComponent() { ## Private Environment Variables -These variables should only be accessed in your backend code, and so it's best to not use `VITE_` prefix for them. Instead, use `process.env` to access them. Depending on the [Nitro preset](https://nitro.unjs.io/deploy) chosen, they'll be made available automatically or they will require an external dependency such as [dotenv](https://www.npmjs.com/package/dotenv). +These variables should only be accessed in your backend code, so it's best not to use the `VITE_` prefix for them. Instead, use `process.env` to access them. Depending on the [Nitro preset](https://nitro.unjs.io/deploy) chosen, they'll be made available automatically or they will require an external dependency such as [dotenv](https://www.npmjs.com/package/dotenv). ```jsx DB_HOST="somedb://192.110.0" diff --git a/src/routes/configuration/typescript.mdx b/src/routes/configuration/typescript.mdx index ff7e9ccd6..ce7ccae7f 100644 --- a/src/routes/configuration/typescript.mdx +++ b/src/routes/configuration/typescript.mdx @@ -589,7 +589,7 @@ return ( ); ``` -This approach is similar using the keyed option, but offers an accessor to prevent the recreation of children each time the `when` value changes. +This approach is similar to using the keyed option, but offers an accessor to prevent the recreation of children each time the `when` value changes. ```tsx return ( diff --git a/src/routes/guides/routing-and-navigation.mdx b/src/routes/guides/routing-and-navigation.mdx index 9c32fe9da..0bf637d68 100644 --- a/src/routes/guides/routing-and-navigation.mdx +++ b/src/routes/guides/routing-and-navigation.mdx @@ -354,7 +354,7 @@ Wildcard tokens **must** be the last part of the path; `foo/*any/bar` will not c ### Multiple paths The `Routes` component also supports defining multiple paths using an array. -This allows avoids a route rerendering when switching between two or more locations that it matches: +This avoids a route rerendering when switching between two or more locations that it matches: ```jsx // Navigating from "/login" to "/register" will not cause the component to re-render diff --git a/src/routes/guides/state-management.mdx b/src/routes/guides/state-management.mdx index 454c5c8b6..25e9e7dd2 100644 --- a/src/routes/guides/state-management.mdx +++ b/src/routes/guides/state-management.mdx @@ -3,7 +3,7 @@ title: State management order: 2 --- -State management is process of handling and manipulating data that affects the behavior and presentation of a web application. +State management is the process of handling and manipulating data that affects the behavior and presentation of a web application. To build interactive and dynamic web applications, state management is a critical aspect of development. Within Solid, state management is facilitated through the use of reactive primitives. diff --git a/src/routes/guides/styling-components/css-modules.mdx b/src/routes/guides/styling-components/css-modules.mdx index ea27bcb23..98c704d8b 100644 --- a/src/routes/guides/styling-components/css-modules.mdx +++ b/src/routes/guides/styling-components/css-modules.mdx @@ -11,7 +11,7 @@ These provide a way to encapsulate styles within components, preventing global c Begin by creating a CSS module file. Conventionally, these files have a `.module.css` extension, like `style.module.css`. -However, you can also use other other extensions, such as `.scss` and `.sass`. +However, you can also use other extensions, such as `.scss` and `.sass`. ```css /* styles.module.css */ diff --git a/src/routes/reference/basic-reactivity/create-effect.mdx b/src/routes/reference/basic-reactivity/create-effect.mdx index af43d958d..9f8cb1c51 100644 --- a/src/routes/reference/basic-reactivity/create-effect.mdx +++ b/src/routes/reference/basic-reactivity/create-effect.mdx @@ -73,7 +73,7 @@ queueMicrotask(() => { // goodbye ``` -This delay in first execution is useful because it means an effect defined in a component scope runs after the JSX returned by the component gets added the DOM. +This delay in first execution is useful because it means an effect defined in a component scope runs after the JSX returned by the component gets added to the DOM. In particular, [refs](/reference/jsx-attributes/ref) will already be set. Thus you can use an effect to manipulate the DOM manually, call vanilla JS libraries, or other side effects.