Skip to content

Commit 1aff0c7

Browse files
committed
review-1
1 parent 82bdf97 commit 1aff0c7

File tree

4 files changed

+13
-13
lines changed

4 files changed

+13
-13
lines changed

learn-pr/aspnetcore/blazor-build-reusable-components/1-introduction.yml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ title: Introduction to Razor class libraries
44
metadata:
55
unitType: introduction
66
title: Introduction to Razor class libraries
7-
description: "By using Razor class libraries, you can share user-interface components between ASP.NET Core and Blazor applications. You package the components by using NuGet, and they can be easily referenced by other applications."
7+
description: "By using Razor class libraries, you can share user-interface components between ASP.NET Core and Blazor applications. You package the components using NuGet and other applications can easily reference them."
88
ms.date: 01/26/2024
99
author: csharpfritz
1010
ms.author: jefritz

learn-pr/aspnetcore/blazor-build-reusable-components/2-concepts-razor-class-library.yml

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ title: Razor class library creation and concepts
44
metadata:
55
unitType: learning-content
66
title: Razor class library creation and concepts
7-
description: "In this unit, you'll learn about Razor class libraries, how to create one, and how they differ from other .NET class libraries."
7+
description: "In this unit, you learn about Razor class libraries, how to create one, and how they differ from other .NET class libraries."
88
ms.date: 01/26/2024
99
author: csharpfritz
1010
ms.author: jefritz
@@ -29,6 +29,6 @@ quiz:
2929
- content: "JavaScript files"
3030
isCorrect: false
3131
explanation: "Incorrect. Razor class libraries can deliver more than just JavaScript files."
32-
- content: "All of the above"
32+
- content: "All of these content types"
3333
isCorrect: true
3434
explanation: "Razor class libraries can deliver Razor components, CSS files, JavaScript files, images, and any static web content that your components need."

learn-pr/aspnetcore/blazor-build-reusable-components/includes/1-introduction.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
By using Razor class libraries, you can share and reuse user-interface components between Blazor applications. In this module, you'll focus on building and sharing components for Blazor applications.
1+
By using Razor class libraries, you can share and reuse user-interface components between Blazor applications. In this module, you focus on building and sharing components for Blazor applications.
22

33
![Diagram showing a Razor class library being used in the Blazor server instance and Blazor WebAssembly.](../media/blazor-class-library-usage.png)
44

@@ -10,17 +10,17 @@ By using Razor class libraries, you can share the features across the applicatio
1010

1111
![Screenshot of an example modal window component that can be shared across Blazor applications.](../media/modal-window.png)
1212

13-
## What will we be doing?
13+
## What are you going to do?
1414

15-
In this module, you'll create a Razor class library to accomplish the following goals:
15+
In this module, you create a Razor class library to accomplish the following goals:
1616

17-
- Present a modal dialog box with default theming
18-
- Use and customize the modal dialog in a Blazor application
19-
- Package the modal window dialog for use with other applications
17+
- Present a modal dialog box with default theming.
18+
- Use and customize the modal dialog in a Blazor application.
19+
- Package the modal window dialog for use with other applications.
2020

2121
## What is the main goal?
2222

23-
By the end of the module, you'll be able to design a modal window component that you can share and customize across other Blazor applications.
23+
By the end of the module, you're able to design a modal window component that you can share and customize across other Blazor applications.
2424

2525
## Prerequisites
2626

learn-pr/aspnetcore/blazor-build-reusable-components/includes/2-concepts-razor-class-library.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
Components in web applications give developers the ability to reuse portions of an application user interface throughout the application. By using Razor class libraries, developers can share and reuse these components across many applications.
22

3-
In this unit, you'll learn how to create a Razor class library and then use it to share rendered and static content for Blazor applications to customize and display.
3+
In this unit, you learn how to create a Razor class library. You then use it to share rendered and static content for Blazor applications to customize and display.
44

55
## About Razor class libraries
66

@@ -55,7 +55,7 @@ A class library is a common package delivery structure in .NET applications, and
5555

5656
- The project file contains an SDK reference to *Microsoft.NET.Sdk.Razor* to declare that it contains and creates Razor content as a Razor class library.
5757
- The `SupportedPlatform` entry declares that this library can be used in a `browser` platform, namely WebAssembly.
58-
- The `PackageReference` to the `Microsoft.AspNetCore.Components.Web` library gives access to the base Blazor components that are shipped with the framework. This lets you use those simple components to help you build more complex components.
58+
- The `PackageReference` to the `Microsoft.AspNetCore.Components.Web` library gives access to the base Blazor components that are shipped with the framework. This access lets you use those simple components to help you build more complex components.
5959

6060
### Razor component contents
6161

@@ -71,7 +71,7 @@ This component interacts with other Blazor components and pages that reference i
7171

7272
### Static asset delivery
7373

74-
You can reference the contents of the *wwwroot* folder relatively among the other contents of that folder and the components' individual CSS files, such as *Component1.razor.css*, as files in the same base folder. For example, the default CSS adds a 2 pixel dashed red border and a background image style that uses the *background.png* image in the *wwwroot* folder. No path is required to make this reference from the CSS to the content that resides in the *wwwroot* folder.
74+
You can reference the contents of the *wwwroot* folder relatively among the other contents of that folder and the components' individual CSS files, such as *Component1.razor.css*, as files in the same base folder. For example, the default CSS adds a two pixel dashed red border and a background image style that uses the *background.png* image in the *wwwroot* folder. No path is required to make this reference from the CSS to the content that resides in the *wwwroot* folder.
7575

7676
```css
7777
.my-component {

0 commit comments

Comments
 (0)