I don’t know if any Blazor
users are envious React
or Vue
users, in some component libraries, they provide real-time editing and preview of components in the current component preview?
such as semi-design
this
such as codepen
this
Since the birth time of Blazor is too short compared with the existing front-end, so that there is basically no such online compilation,
Sometimes debugging is also a pain when writing the interface, causing Blazor
users to suffer a lot, so I am here, do you also have the idea of editing the code and rendering in the browser in real time? - tokengo - blog garden (cnblogs.com) blog to continue development, based on OpenSumi
an open source Ide combined development
Realized editing the razor code in the browser and seeing the effect well, the effect is as follows:
Maybe some people look at the interface and some don't know how to use it
Here is the flow used:
You can also go to Github
get code modification, and commercial use, it is open source, the agreement is Apache-2.0 license , if you have any better projects, or cooperation, you can contact us, currently the project is only integrated Masa Blazor
, also welcome PR other Component support!
I hope everyone can promote it together Blazor
so that more people can understand it Blazor
.
Blazor
Some related documents I have written so far :
-
How to embed Blazor project in existing Vue project?
-
How to embed Blazor in an existing react project?
-
Maui reads external files and displays them in Blazor
-
Maui Blazor uses camera implementation
-
Do you also have the idea of editing code and rendering in real time in the browser?
These are some previous experience and technology sharing for Blazor. If you have better technology and experience sharing, you can also communicate together.
Hope that Blazor will develop better
If you have more projects for IDE, you can also contact me to exchange and learn
Let me share some current Blazor component libraries again:
(Masa Blazor)[https://docs.masastack.com/blazor/getting-started/installation]
(Bootstrap Blazor)[https://www.blazor.zone/]
IDE project example:
Blazor Code
You can also download the Window application version in Gitee or Github. The experience of the application will be better WebAssembly
, because the application will use the native program to execute the compilation effect.
Blazor.Code: Support Blazor dynamic compilation can run and compile built-in Masa components under webassembly (gitee.com)
A token that loves to learn
Qq exchange group: 737776595
WeChat exchange group: