Progress Telerik REPL for Blazor is innovative web-based application that allows you to write, compile, execute and share your rich Blazor UI components. You can write your code directly in the integrated editor and execute it in the browser security sandbox without any communication with a server. The code is compiled on top of Web Assembly which delivers near to native performance. With Telerik REPL for Blazor you can also easily edit, save and share your code.
Telerik REPL for Blazor integrates 3.0.0 version of Telerik.UI.for.Blazor. Any snippet created before 3.0.0 that uses the Telerik Components might need an update due to the breaking changes in the release.
The Telerik REPL for Blazor application interface consists of five main sections:
The Toolbar of Telerik REPL for Blazor contains the operations that can be performed:
Run- executes the code from the editor and renders it in the Result View
Get Started- links the getting started article for the product
Share- allows you to share the snippet. The menu is divided in two sections:
Share- In the popup, you will find a generated public link with the snippet that you can share as desired. The menu also provides several options for direct sharing in social media.
Embed- generates a link which you can use to embed the snippet in blog posts and other websites. Based on your use case, you can choose whether to embed only the Editor, the Result View, the Error Console or all three. You will see a preview of the embed in the popup upon selecting the desired option.
Feedback- leads to the public feedback portal for Telerik REPL for Blazor where you can share your enhancement requests and eventual bug reports. We use it to constantly monitor the community interest and demand and thus improve our products.
The Sidebar provides the following functionalities:
NuGet Package Manager - it allows you to install third party NuGet packages that are stored in the public
nuget.orgrepository. If the published NuGet requires accepting license agreement, you will see a confirmation prompt. The latest
Telerik UI for Blazorpackage is already installed by default.
Telerik UI Asset Manager - provides a summary of the installed Telerik UI package version and a dropdown for selecting one of the built-in themes (Default, Material, Bootstrap) and some of their corresponding color swatches. By selecting different theme or swatch, you can immediately see the applied styles in the Result View.
Snippets and Scaffolders - it allows you to add predefined component snippets or scaffold some componnents defining your desired configuration. Read more about Snippets and Scaffolders...
Startup Config - the config icon at the bottom of the Sidebar opens the
Startup.csfile of the project. You can configure services or other settings there.
The Editor allows you to type, paste and edit your code. It always contains
_Main.razor file and you can also add other files to the project via the
The newly added files could be
.razor (pages, components) or
.cs (models, code-behind files, services, etc.). All files of type
.razor should be named with a capital letter.
Once you click the Run button, the actual result of your code will be rendered in the Result View of the Telerik REPL for Blazor. To successfully run the code you need to make sure that no errors are thrown (if any, they will be listed in the Error List).
Telerik REPL for Blazor provides an Error List that displays details for the compile time errors and warnings. It can be expanded/collapsed via arrow buttons.
The Error list is located at the bottom of the Editor.