Skip to content

Commit 3959013

Browse files
authored
docs(steps/09/README.md): Apply improvements by UA (#102)
1 parent e64f1b0 commit 3959013

File tree

1 file changed

+5
-7
lines changed

1 file changed

+5
-7
lines changed

steps/09/README.md

Lines changed: 5 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -115,19 +115,17 @@ export default class AppController extends Controller {
115115

116116
#### webapp/index.ts
117117

118-
We'll replace the view with a UI component we've just created. To do this, we use a control called `ComponentContainer`. This control allows us to wrap a UI Component and place it in our HTML document.
118+
We'll replace the view with a UI component. To do this, we use a control called `ComponentContainer`. This control allows us to wrap a UI Component and place it in our HTML document. We configure this instance by providing the following options:
119119

120-
We take out the creation of the view and create a new `ComponentContainer` instead. We configure this instance by providing the following options:
121-
122-
- We assign the `id` property to "container" so that we can refer to it later if needed.
120+
- We assign the `id` property to `"container"` so that we can refer to it later if needed.
123121

124122
- We set the `name` property to the namespace of the component. This tells the `ComponentContainer` control which UI component it should load and show.
125123

126-
- We pass the `id` "walkthrough" to our component through the `ComponentContainer` constructor's settings argument. This `id` helps us identify our component among others that may be created during the application's runtime.
124+
- We pass the `id: "walkthrough"` to our component through the `ComponentContainer` constructor's settings argument. This ID helps us identify our component among others that may be created during the application's runtime.
127125

128-
- To ensure the `id` of our component is unique and avoid any mix-ups, we set the `autoPrefixId` property to "true". This automatically adds a prefix to the ID of the Component, which is the ID of the ComponentContainer followed by a single dash \("-"/).
126+
- To ensure the ID of our component is unique and avoid any mix-ups, we set the `autoPrefixId` property to `true`. This automatically adds a prefix to the ID of the Component, which is the ID of the ComponentContainer followed by a single dash ("`-`").
129127

130-
- For better loading performance, we set the `async` property to "true". This allows the component and its dependencies to load in the background without blocking other parts of the application.
128+
- For better loading performance, we set the `async` property to `true`. This allows the component and its dependencies to load in the background without blocking other parts of the application.
131129

132130
Finally, we position our newly created ComponentController control within the HTML element with the id `content`.
133131

0 commit comments

Comments
 (0)