技術文章 » Blazor資源大全，很棒的Blazor

Blazor資源大全，很棒的Blazor

2023-07-14 18:01:20

Blazor資源大全

一個收集了很棒的Blazor資源的集合。

Blazor是一個使用C#/Razor和HTML在瀏覽器中執行的.NET Web框架。

歡迎貢獻！請先檢視貢獻指南。感謝所有的貢獻者，你們真棒，沒有你們就不可能實現這個！

如果你需要在這個列表中搜尋，你可以嘗試這個很棒的網站：Awesome Blazor Browser。感謝@jsakamoto提供這個！原始碼 。

目錄

介紹

什麼是Blazor？

Blazor是一個用於使用C#構建使用者端Web應用程式的.NET Web框架。

Blazor允許您使用C#而不是JavaScript構建互動式Web使用者介面。Blazor應用程式由使用C#、HTML和CSS實現的可重用的Web使用者介面元件組成。使用者端和伺服器程式碼都是用C#編寫的，允許您共用程式碼和庫。
更多資訊請參閱官方Blazor網站。

入門

要開始使用Blazor，請按照Blazor入門檔案中的說明進行操作。

在Microsoft Learn上完成使用Blazor構建Web應用程式學習會議也是一個不錯的主意。另一個很好的入門資源是Jeff Fritz在Channel9或YouTube上的初學者系列。

通用

模板

  • BitPlatform模板 - - 使用.Net MAUI和Blazor的解決方案模板，具備開箱即用的最佳實踐，實現快速高質量的跨平臺開發，支援Web、Android、iOS和Windows，具備原生美觀的Blazor元件。這些模板建立的專案包含了開發實際應用所需的一切，包括（但不限於）CI/CD流水線、Azure的基礎設施即程式碼、在地化、多模式開發（Blazor Server/WASM/Hybrid）、內建的例外處理等。瞭解更多。
  • Blazor Hero - - 使用MudBlazor元件構建的Blazor WebAssembly的乾淨架構解決方案模板。這個專案將使您的Blazor學習過程比您預期的要容易得多。Blazor Hero旨在成為一個企業級的樣板，完全開源，免費使用。在這裡閱讀快速入門指南。
  • Blazor BFF Azure AD - - 此模板可用於建立一個在ASP.NET Core Web應用程式中託管的Blazor WASM應用程式，使用Azure AD和Microsoft.Identity.Web進行身份驗證，使用BFF安全架構進行身份驗證（伺服器身份驗證）。這將從瀏覽器中刪除令牌，並在每個HTTP請求、響應中使用cookie。該模板還儘可能地為Blazor應用程式新增了所需的安全檔頭。在這裡閱讀快速入門指南。
  • Blazor BFF Azure B2C - - 此模板可用於建立一個在ASP.NET Core Web應用程式中託管的Blazor WASM應用程式，使用Azure B2C和Microsoft.Identity.Web進行身份驗證，使用BFF安全架構進行身份驗證（伺服器身份驗證）。這將從瀏覽器中刪除令牌，並在每個HTTP請求、響應中使用cookie。該模板還儘可能地為Blazor應用程式新增了所需的安全檔頭。在這裡閱讀快速入門指南。
  • 使用Blazor和C#從頭開始構建文字編輯器 - YouTube上的一系列視訊，介紹如何使用Blazor和.NET從頭開始構建自己的IDE。起始點倉庫 。Blazor Studio倉庫 。

範例專案

AI

Cledev.OpenAI - 用於OpenAI的.NET 7 SDK，帶有一個Blazor Server的遊樂場。

認證

CMS

  • Blogifier - 帶有Blazor管理儀表板的ASP.NET Core部落格應用程式。演示。
  • eShopOnBlazor - 將傳統的ASP.NET Web Forms應用程式遷移到Blazor。
  • JHipster.NET JHipster是一個在Java世界中生成現代應用程式的知名平臺。JHipster提供了一個藍圖系統，允許覆蓋生成器的預設行為。JHipster.NET是一個藍圖，通過將後端部分從最初生成的spring boot更改為asp.net core，覆蓋了後端部分。對於前端，可以使用所有常見的語言（angular、react），包括Blazor。
  • RapidCMS - 一個基於程式碼的、可延伸的Blazor應用程式，為您的資料庫生成CMS。
  • BlazorShop - 使用Blazor WebAssembly構建的簡單商店應用程式。
  • Umbraco9 & Blazor WASM Starter Site - 用Blazor WebAssembly和Tailwind CSS/UI製作的Umbraco v9的簡單入門站點。這是一個我用來玩耍和嘗試Umbraco 9、Blazor WebAssembly、TailwindCSS、塊列表編輯器和其他幾個概念的專案。

遊戲

  • Trains.NET - 使用.NET和C#構建的2D遊戲，通過Twitch流可以線上玩Trains，網址為wengier.com/Trains.NET。
  • AsteroidsWasm - 一組使用單個.NET Standard專案的.NET 5 C#應用程式，執行在：Blazor Client（WebAssembly）、Blazor Server、Electron（通過Blazor Server）、WPF、WinForms、Xamarin。演示。
  • DiabloBlazor - DiabloWeb的Blazor移植，使其成為一個雙WebAssembly應用程式：一個WebAssembly（C#）PWA託管一個WebAssembly（C++）遊戲。演示。
  • Board Games - Fusion + Blazor範例，一個完全功能的Web應用程式，允許您進行實時多人遊戲。演示。
  • Wolfenstein 3D ported to Blazor - Wolfenstein 3D移植到現代C#和Blazor。文章。
  • ZXSpectrum - 在Blazor WebAssembly上執行的ZX Spectrum模擬器。演示。
  • WordleBlazor - Blazor中受歡迎的Wordle遊戲的簡單克隆。演示。

混合

IDE

物聯網

  • PresenceLight - PresenceLight是一個將各種狀態廣播到飛利浦Hue或LIFX燈泡的解決方案。您可以廣播的一些狀態包括：您在Microsoft Teams中的可用性、您當前的Windows 10主題以及您選擇的主題或顏色。部落格文章。演示視訊。
  • Meadow Weather - 在此範例中，Meadow微控制器從LM35溫度感測器中獲取資料。該資料通過HTTP請求傳送到API控制器端點，並儲存在資料庫中，可以使用Blazor Web應用程式中的圖表進行視覺化。

機器學習

移動

快速開發框架

  • WalkingTec.Mvvm (WTM) - 基於.NET Core和EF的開發框架。支援Blazor、Vue、React和LayUI，可一鍵生成CRUD、匯入/匯出等程式碼。網站。

待辦事項

  • TodoApi by David Fowler - David Fowler在.NET 7中建立的待辦事項應用程式，包括一個基於ASP.NET Core託管的Blazor WASM前端應用程式和一個使用最小API的ASP.NET Core REST API後端。
  • Bolero.TodoMVC - 使用Bolero的TodoMVC克隆。
  • ididit! - 適合拖延症患者的習慣追蹤器。記錄筆記，管理任務，追蹤習慣。演示。

其他

教學

庫和擴充套件

可重用的元件，如按鈕、輸入框、網格等。另請參閱Blazor元件包功能比較表。

元件包

  • FAST - FAST是一個基於Web元件和現代Web標準構建的技術集合，旨在幫助您高效地解決網站和應用程式設計與開發中的一些常見挑戰。FAST和Blazor檔案。
  • Ant Design Blazor - 一套基於Ant Design和Blazor的企業級UI元件。(演示檔案)。
  • MudBlazor - MudBlazor是一個雄心勃勃的Material Design元件框架，專注於易用性和清晰的結構。它非常適合希望快速構建Web應用程式而不必費力處理CSS和Javascript的.NET開發人員。MudBlazor完全使用C#編寫，使他們能夠自由地調整、修復或擴充套件框架，檔案中的眾多範例使學習MudBlazor變得非常容易。檔案。演示。
  • Blazorise - 支援Bootstrap、Bulma、AntDesign和Material CSS的Blazor元件。(Bootstrap演示), (Bulma演示), (AntDesign演示), (Material演示)。
  • MASA Blazor - 一套基於Material Design和Blazor的企業級UI元件。它幾乎完美地複製了Vuetify，並制定了長期的路線圖。它由MASA團隊提供支援，並保持免費和開源。檔案。專業演示。
  • Radzen.Blazor - Blazor的原生UI元件。DataGrid、DataList、Tabs、Dialog等。(演示)。
  • BlazorStrap - Blazor的Material Design元件。Blazor的Bootstrap 4元件(演示)。
  • FAST Blazor - Microsoft官方FluentUI Web元件的輕量級包裝，用於.NET 6.0 Razor檢視和Blazor。(範例和演示)。
  • Element-Blazor - 使用Element UI的Blazor元件庫。API模仿Element，CSS直接使用Element的樣式，HTML結構直接使用Element的HTML結構。Blazor WebAssembly版本演示。Blazor WebAssembly版本PWA模式演示。
  • BlazorFluentUI - 將FluenUI/Office Fabric React元件和樣式簡單移植到Blazor。使用者端演示(WebAssembly)。伺服器端演示(SignalR)。
  • BootstrapBlazor - 用於Blazor的可重用Bootstrap元件。(演示檔案)。
  • ComponentOne Blazor UI Components - 外部連結。用於伺服器端和使用者端應用程式的快速資料網格、列表檢視、輸入框和其他原生Blazor元件。
  • DevExpress Blazor UI Components - 一套用於Blazor伺服器端和Blazor使用者端平臺的原生UI Blazor元件（包括資料網格、資料透視表、排程器和圖表）。
  • Syncfusion Blazor UI Components - 最全面的原生Blazor元件庫，包括資料網格、圖表、排程器、圖表和檔案編輯器元件。(演示)。
  • ADMINLTE - Blazor的ADMINLTE是一個可重用元件集合，可以輕鬆地作為設計師或開發人員開發數位服務。包括按鈕、表單元素和頁面模板。該專案改編了ADMINLTE 3，因此可以從dotnet core Blazor中使用這些元件。
  • Blazority - 基於Clarity UI設計的Blazor元件庫。包括Datagrid和Tree-view等30多個元件(檔案和演示)。
  • Makani - 用於Blazor和.NET MAUI Hybrid的輕量級、可客製化和效能優化的元件庫。使用TailwindCSS構建。演示。
  • Material.Blazor - 另一種Material Theme Razor元件庫。Material.Blazor專注於提供來自Google的material-components-web的純標記 - 我們不試圖在您和您對Google的CSS和SASS的使用之間插入自己，因為他們比我們做得更好。我們還有一些很酷的「加號」元件。檢視我們的演示和全面的檔案。
  • Majorsoft Blazor Components - Majorsoft Majorsoft Blazor Components是一套用於Blazor應用程式的UI元件和其他有用的擴充套件。所有元件都是免費的，並且可以在NuGet上獲得。該專案的主要目標是提供一套易於使用、功能豐富的可自定義元件集合和其他有用的擴充套件。NuGet 演示應用程式 檔案。
  • MComponents - 開源MIT Blazor元件：網格、選擇、嚮導等。
  • PanoramicData Blazor UI Components - 包括表格、樹形檢視、工具列和檔案資源管理器在內的一組開源Blazor元件。演示。
  • HAVIT Blazor - Bootstrap 5元件+在Bootstrap 5之上構建的其他元件（網格、自動建議、訊息方塊等）。帶有gRPC程式碼優先使用者端/伺服器通訊、在地化等的企業專案模板。互動式檔案和演示。
  • Blazority - 基於Clarity UI設計的Blazor元件庫。包括Datagrid和Tree-view等30多個元件(檔案和演示)。
  • Telerik UI for Blazor - 外部連結（telerik.com）。用於Blazor的一套原生UI元件，包括網格、圖表和日曆元件。
  • Start Blazoring - 使用您選擇的Blazorise或MudBlazor構建的Blazor起始模板，更多UI庫整合即將推出。它提供了許多功能，如使用者註冊、登入、密碼重置、雙因素認證；使用者管理、角色、許可權；後臺工作、紀錄檔記錄、快取、電子郵件模板、在地化等等。
  • Smart UI for Blazor - 包括網格、看板、甘特圖、圖表、停靠、樞軸等在內的Blazor元件庫。網站。
  • TabBlazor - 基於Tabler UI的Blazor管理主題。最小化的JavaScript。演示。
  • Blazor.Ionic - Blazor的Ionic框架整合。
  • Blazor Controls Toolkit - 用於實現商業應用程式的完整工具集。包括所有Bootstrap JavaScript元件的等效元件，所有html5輸入型別的小部件回退，高階可編輯元件，如DataGrid、TreeView、DetailView、ModalDetail、DetailList。所有元件都有預設可自定義的模板，並支援虛擬化和拖放。元件渲染是後設資料驅動的，因此元件設定部分是自動的，部分可以通過資料註釋驅動。該工具集還包括查詢工具，用於發出複雜的本地或遠端查詢，更改跟蹤工具，將僅更改的記錄傳送到伺服器，高階驗證屬性，全球化工具，修改現有元件的「行為」，狀態管理和儲存等等。
  • BlazorOcticons - Github上的Octicons作為.razor元件建立，並通過NuGet包提供。該專案的網站是使用生成的元件的範例。
  • Nevron Open Vision Components for Blazor - 用於Blazor的圖表、圖表、文字編輯器、儀表、條形碼和使用者介面元件。演示。

單獨的元件

API

圖表

CSS

  • BlazorSize - BlazorSize是用於Blazor的JavaScript互操作庫，用於檢測瀏覽器的當前大小、大小變化和測試媒體查詢。
  • BlazorAnimation - 基於animate.css的Blazor元件，用於輕鬆地為內容新增動畫效果。演示.

資料庫

  • DexieNET - DexieNET旨在成為Dexie.js的功能完整的.NET封裝，Dexie.js是著名的JavaScript IndexedDB封裝庫。它專為Blazor設計，幷包含一個易於使用的Razor元件。

資料表格/表格

  • Grid.Blazor - 帶有CRUD表單的網格元件，適用於Blazor和ASP.NET MVC，支援過濾、排序、搜尋、分頁、子網格等功能(演示).
  • BlazorGrid - 虛擬化資料表格元件，專注於顯示遠端資料。(演示和檔案).

日期和時間

地圖

模態框、Toast和通知

  • Blazored.Modal - 用於Blazor和Razor元件應用程式的無需JavaScript的模態框庫。
  • Blazored.Toast - 用於Blazor和Razor元件應用程式的無需JavaScript的Toast庫。
  • Blazor.Sidepanel - 用於Blazor應用程式的強大可自定義的側邊欄實現。

分頁

  • BlazorXTabs - 提供各種分頁功能的擴充套件分頁元件庫，適用於Blazor。

測試

  • bUnit - 用於Blazor元件的測試庫 - 用於Blazor元件的測試庫。您可以輕鬆地使用C#或Razor語法定義要測試的元件，並使用語意化的HTML差異/比較邏輯驗證結果。您可以輕鬆地與元件互動和檢查元件，觸發事件處理程式，提供級聯值，注入服務，模擬IJsRuntime，並執行快照測試。
  • Verify.Blazor - 用於Blazor元件的快照測試庫 - 用於Blazor元件的快照測試庫。支援通過bunit或原始Blazor渲染將Blazor元件渲染到快照檔案中。

其他

  • Stl.Fusion - .NET Core和Blazor庫，通過引入一種新穎的「計算可觀察物件」（computed observables）來顯著改進實時和高負載服務的實現方式 - 不可變、執行緒安全，最重要的是對開發人員幾乎是透明的。範例。概述。
  • BlazorContextMenu - 用於Blazor的上下文選單元件（演示）。
  • Z.Blazor.Diagrams - 一個完全可客製化和可延伸的通用圖表庫，用於Blazor，靈感來自流行的react-diagrams庫，並新增了許多功能。演示。
  • Blazored.Typeahead - 自動完成文字方塊，支援本地和遠端資料來源，適用於使用者端和伺服器端Blazor。
  • Blazor-DragDrop - 用於Blazor的易於使用的拖放庫。
  • BlazorDownloadFile - 無需任何JavaScript庫或依賴項，從C#將檔案下載到瀏覽器的Blazor下載檔案解決方案。BlazorDownloadFile是在使用者端儲存檔案的解決方案，非常適合在使用者端生成檔案的Web應用程式。但是，如果檔案來自伺服器，我們建議您首先嚐試使用Content-Disposition附件響應頭，因為它具有更廣泛的跨瀏覽器相容性。
  • Excubo.Blazor.Diagrams - 互動式圖表元件（流程圖、UML、BPMN等），可根據使用者需求進行自定義和擴充套件（節點型別、樣式）。演示。
  • Blazor.FileSystemAccess - 用於從瀏覽器讀取和寫入本地檔案系統的Blazor包裝器，支援檔案和目錄。[演示](The API makes it possible to read and write to your local file system from the browser both files and directories.)。
  • Blorc.PatternFly - PatternFly的Blazor封裝。要檢視最新的開發分支，請存取demo應用程式。
  • BlazorTransitionableRoute - 允許當前和上一個路由同時存在，從而實現UI/UX設計系統的過渡動畫。
  • Razor.SweetAlert2 - 實現流行的SweetAlert2 JavaScript庫的Blazor元件。
  • BlazorMonaco - 用於Microsoft的Monaco Editor的Blazor元件，用於支援Visual Studio Code。(演示)。
  • Blazor.Grids - 帶有額外功能的CSS網格元件庫，例如互動式移動和調整大小。輕鬆建立自己的儀表板。(演示)。
  • Blazor.TreeViews - 樹檢視元件庫。(演示)。
  • GEmojiSharp.Blazor - 用於Blazor的GitHub表情符號。(演示)。
  • Texnomic.Blazor.hCaptcha - 用於伺服器端Blazor的hCaptcha元件。
  • BlazorLocalizationSample 使用XLocalizer在地化的預設專案模板，支援線上翻譯和自動資源建立。
  • TimeCalc - 使用Blazor WebAssembly實時跟蹤速度魔方平均值的應用程式。演示。
  • BlazorSliders - 建立由滑動分隔器分隔的多個面板。
  • BlazorTimeline - 響應式的垂直時間軸元件。
  • BlazorTypewriter - 用於Blazor的打字機效果。
  • BlazorMergely - 基於Mergely的Blazor差異和合並元件的實現，支援伺服器端。
  • MetaMask.Blazor - 一個庫，為Blazor WebAssembly提供了使用MetaMask的簡便助手。
  • Blazor File Drop Zone - 將「input type=file」元素包圍在這個Blazor元件中，以建立一個接受拖放檔案的區域（演示）。
  • BlazorCurrentDevice - 使用current-device.js為Blazor進行裝置檢測。
  • BlazorStyledTextArea - 一個帶有樣式的文字區域。該元件本質上仍然是一個文字區域，但可以根據應用程式的需要對文字進行任意樣式設定。它的簡單性是有意設計的，以避免富文字編輯器帶來的複雜性和問題。
  • SignaturePad - 一個簡單易用的Blazor元件，用於繪製自定義簽名。演示。

工具和實用程式

用於狀態管理、Cookie、本地儲存和其他特定工具的庫和擴充套件。

  • Fluxor - 用於DotNet的零樣板Flux/Redux庫。
  • Blazored.LocalStorage - 一個庫，為Blazor應用程式提供對本地儲存的存取。
  • Blazor-State - 使用MediatR管道在Blazor中管理使用者端狀態。
  • bUnit - 用於Blazor元件的測試庫 - 用於Blazor元件的測試庫。您可以使用C#或Razor語法輕鬆定義要測試的元件，並使用語意HTML差異/比較邏輯驗證結果。您可以輕鬆地與元件互動和檢查元件，觸發事件處理程式，提供級聯值，注入服務，模擬IJsRuntime，並執行快照測試。
  • TextCopy - 一個跨平臺的將文字複製到剪貼簿和從剪貼簿複製文字的包。支援Blazor通過Clipboard瀏覽器API。
  • CssBuilder - CssBuilder是用於Razor元件的CSS類的構建器模式。
  • Blazor.FileSystemAccess - 用於瀏覽器檔案系統存取API的Blazor封裝器。
  • Blazor.Polyfill - 用於Blazor的Polyfill（用於支援Internet Explorer 11和其他一些瀏覽器）。
  • Blazor I18n/Localization Text - 用於Blazor的在地化內容文字型檔（演示）。
  • BlazorGoogleMaps - 用於Blazor的GoogleMap庫。
  • BlazorWorker - 在Blazor中建立DotNet Web Worker執行緒/多執行緒的庫。線上演示。
  • MvvmBlazor - BlazorMVVM是一個用於構建Blazor和BlazorServerside應用程式的小型框架。通過其簡單易用的MVVM模式，您可以提高開發速度，同時最大限度地減少麻煩。
  • Blazor.BrowserExtension - 使用Blazor WebAssembly開發瀏覽器擴充套件/外掛。已在Google Chrome、Mozilla Firefox和MS Edge上進行了測試。
  • Blazor Analytics - Blazor的分析擴充套件。
  • Blazor PDF - 使用iTextSharp從Blazor Server應用程式生成PDF檔案。
  • BlazorRouter - BlazorRouter是一個受react-router啟發的令人敬畏的路由器，為Blazor提供宣告式路由。
  • DataJuggler.Blazor.FileUpload - Steve Sanderson的BlazorFileInput元件的包裝器。
  • BlazorPrettyCode - 用於檔案站點的Blazor程式碼元件。演示。
  • Blazor.EventAggregator - Blazor（Razor元件）的輕量級事件聚合器。
  • Blazor Gamepad - 為Blazor提供遊戲手柄API存取。
  • Blazor Hotkeys2 - 為Blazor提供基於設定的鍵盤快捷鍵。
  • BlazorRealm - Blazor的Redux狀態管理。
  • Blazor.LocalFiles - 在瀏覽器中開啟檔案並載入到Blazor中。
  • Blazor.SpeechSynthesis - 為Blazor提供語音合成API存取的庫。
  • Blazor BarCode - 一個使用條形碼字型的Blazor條形碼庫。
  • BlazorState.Redux - 使用Redux開發Blazor應用程式。
  • Howler.Blazor - 用於Howler.js的Blazor JSInterop包裝器，一個音訊庫。
  • jsMind.Blazor - 用於jsMind的Blazor JSInterop包裝器，一個思維導圖工具。
  • Blazor Highcharts - 受歡迎的Highcharts庫的埠。演示。
  • Blazor.LazyStyleSheet - 用於CSS樣式表的延遲載入。
  • Blazor.ScriptInjection - Blazor元件中的智慧指令碼標籤，非常適合延遲載入JavaScript檔案。
  • DnetIndexedDb - 用於IndexedDB DOM API的Blazor庫。
  • BlazorIndexedDbJs - BlazorIndexedDbJs是IndexedDB DOM API的包裝器，支援Blazor WASM和Server。
  • Blazor-Color-Picker - 開啟一個調色盤，用於Blazor應用程式的Material顏色。
  • Blazm.Bluetooth - 用於使用藍芽連線裝置的Blazor庫。
  • WebBluetooth - 用於實驗性WebBluetooth功能的Blazor服務。基於Blazm.Bluetooth。
  • BlazorApplicationInsights - 用於Blazor Web應用程式的Application Insights。
  • Blazor Printing - 使用本地列印對話方塊在Blazor Server或使用者端應用程式中列印和儲存PDF檔案。
  • BlazorTemplater - 使用.razor元件為電子郵件內容呈現HTML字串。
  • MediaSession.Blazor - 用於Media Session API的Blazor JSInterop包裝器。Media Session API提供了自定義媒體通知的方法。(演示)。
  • BlazorAntivirusProtection - 用於Blazor Wasm專案的防病毒保護。該軟體包試圖在將Blazor Wasm標記為惡意軟體的防毒軟體產生誤報之前提供保護，直到Microsoft提供官方解決方案。
  • Phork.Blazor.Reactivity - 一個無偏見的Blazor狀態管理庫，利用INotifyPropertyChanged和INotifyCollectionChanged .NET介面自動檢測元件中的狀態更改。
  • CodeBeam.GoogleApis.Blazor - 用於Blazor的GoogleApis的開源實用程式包。從頭開始編寫，旨在提供最簡單的使用方式。

其他

  • Blazor Extensions Home - Blazor擴充套件的主頁。
  • Bolero - F#的Blazor，具有熱重新載入的模板、型別安全的端點和路由、遠端呼叫等等。
  • BlazorFabric - 使用流暢設計的Blazor版Microsoft UI Fabric。(演示)。
  • BlazorWebView - 用於WPF、Android、macOS和iOS的Blazor WebView控制元件。在Webview內本地執行基於.NET Core和Mono的Blazor。檔案。
  • BlazorLazyLoading - 生產就緒的延遲載入實現。對WASM和伺服器（頁面、元件、dll）提供完整的延遲載入支援，如果需要，還可以實現模組化（自定義端點、自定義清單等）。
  • Fun.Blazor - 使F#開發人員更容易編寫Blazor的專案。使用F#進行Blazor開發，使用計算表示式（CE）風格的DSL進行內部和第三方Blazor庫的開發，依賴注入，自適應和Elmish模型，Giraffe風格的路由，型別安全風格。
  • Blazor.DownloadFileFast - 從Blazor快速下載檔案到瀏覽器，無需任何JavaScript庫參照或依賴。(演示)。
  • SpotifyService - 用於Blazor WebAssembly專案的高階Spotify API庫，可在瀏覽器中播放Spotify音樂，管理OAuth 2.0授權，提供對Spotify Web API的簡單存取，並使用IndexedDB快取。
  • Blazor.DynamicJavascriptRuntime.Evaluator - 在Blazor使用者端應用程式中執行動態物件表示式的Javascript。
  • Bionic - 用於Blazor專案的Ionic CLI克隆。
  • EventHorizon Blazor TypeScript Interop Generator - 該專案接收TypeScript型別定義檔案，並建立一個與提供的Interop抽象專案配合使用的.NET Core專案。
  • Generators.Blazor - 用於提高Blazor效能的原始碼生成器。該專案還包含用於檢測Blazor應用程式中常見問題的分析器。

實際應用

  • Try .NET - Try .NET為開發人員和內容作者提供了建立互動式體驗的工具。

視訊

  • ASP.NET社群直播 - 使用Playwright進行Blazor應用測試 - 2023年2月23日至2023年3月14日 - 學習如何使用Playwright為您的Blazor應用實現端到端測試。社群連結。
  • Steve Sanderson關於Blazor United的訪談 - 2023年2月23日 - Carl與Blazor的建立者Steve Sanderson進行訪談，回答關於即將推出的.NET 8中的Blazor United的問題。
  • 使用Blazor探索OpenAI - 2023年2月23日 - 與Michael Washington聊聊.NET開發人員如何在他們的Blazor應用中利用OpenAI GPT-3。
  • ASP.NET社群直播 - .NET 8中的Blazor United - 2023年2月14日 - Blazor團隊分享了關於.NET 8中Blazor United的初步想法，這是一個旨在為您的所有Web UI場景建立一個統一模型的努力，結合了Razor Pages、Blazor Server和Blazor WebAssembly的優點。社群連結。
  • 在React中執行Blazor元件 - 2022年12月21日 - 您是否厭倦了慢而笨重的Web應用程式？不要再尋找了，Blazor在React中執行！Blazor是一個強大的框架，用於使用C#構建互動式使用者端Web應用程式，當與React的速度和靈活性相結合時，您將獲得令人驚歎的高效能Web體驗的絕佳組合。在這個視訊中，我們將使用新的自定義元素功能在React中執行Blazor，並展示這個動態二人組的其他令人興奮的功能和優勢。不要錯過Web開發的未來。
  • ASP.NET社群直播 - 探索Blazor中的新功能和實驗性功能 - 2023年1月10日 - 展示使用新功能和當前實驗性功能構建.NET 7 Blazor應用程式的過程。特邀嘉賓：Daniel Roth、Jon Galloway、Mackinnon Buck。社群連結。
  • 使用IDE建立Fluxor CRUD應用程式 | Blazor IDE第2部分 - 2022年11月18日 - 使用IDE建立Fluxor CRUD應用程式。
  • .NET 7中的Blazor新功能 | .NET Conf 2022 - 2022年11月10日 - .NET 7中的Blazor載入了許多使構建美觀互動式Web UI更加輕鬆和高效的新改進。在本次演講中，我們將看看對自定義元素的新支援、改進的資料繫結、處理位置更改事件、顯示載入進度、動態身份驗證請求等方面的支援。
  • 使用Blazor構建音訊瀏覽器應用程式 | .NET Conf 2022 - 2022年11月10日 - 您已經瞭解了.NET 7中的新功能，但是當您構建應用程式時，它們如何協同工作呢？加入Steve，他將使用新舊功能快速構建一個端到端的音訊管理器應用程式，使用Blazor WebAssembly。這是一箇中等難度的演講（假設您已經瞭解Blazor），充滿了提示和技巧，包括：更清晰地組織JS互操作、直接存取終端使用者檔案系統上的檔案、動態生成SVG、建立優雅的「載入」體驗以及AOT編譯的效能影響。提供完整的原始碼！
  • .NET 7中的WebAssembly ❤️ .NET | .NET Conf 2022 - 2022年11月10日 - .NET 7引入了在WebAssembly上執行.NET程式碼的強大新功能。在本次演講中，我們將展示如何使用新的和改進的JavaScript互操作支援從任何JavaScript程式碼中執行.NET。我們將介紹.NET在WebAssembly上的偵錯和熱過載改進，並展示.NET 7中的.NET WebAssembly構建工具如何利用最新的WebAssembly功能（如SIMD和例外處理）來提高效能。我們還將介紹一些即將推出和實驗性的.NET WebAssembly功能，如多執行緒支援。
  • 使用Playwright測試Blazor應用程式 | .NET Conf 2022 - 2022年11月10日 - 測試很難，測試需要時間學習和編寫，而時間就是金錢。作為開發人員，我們想要測試。我們知道我們應該測試，但我們沒有時間。那麼我們如何讓更多的開發人員進行測試呢？我們可以建立更好的工具。讓我向您介紹Playwright - 一種可靠的端到端跨瀏覽器測試工具，由Microsoft全面開源。Playwright的程式碼生成為您生成測試，所以現在您真的沒有藉口了。是時候玩轉您的測試了。
  • 使用Blazor Hybrid使用Web技術建立本機桌面和移動應用程式 | .NET Conf 2022 - 2022年11月10日 - 您是Web開發人員，需要針對iOS、Android、macOS和Windows進行開發嗎？使用.NET MAUI和Blazor Hybrid直接釋出到商店並構建世界級應用程式，具有本機API存取許可權。
  • 使用Blazor現代化您的WPF和Windows Forms應用程式 | .NET Conf 2022 - 2022年11月10日 - 桌面應用程式並未消亡，有許多使用WPF和Windows Forms編寫的應用程式需要轉移到Web上，或者重用由Web團隊編寫的現成元件。Blazor可以滿足這兩個要求，感謝Blazor Hybrid。讓我們看看您如何使用它。
  • Blazor開發人員的CSS技術 | .NET Conf 2022 - 2022年11月10日 - 您的CSS程式碼是否讓您想起《收藏者》的一集？在本次演講中，我們將探討Blazor開發人員面臨的各種與CSS相關的架構決策。與會者將學習何時以及如何使用純CSS、Sass或CSS隔離與Blazor。我們將討論自定義CSS屬性等現代CSS技術。我們將探索通過利用CSS原則和整合輔助庫構建模組化和智慧CSS的技術。本次演講旨在打破對Bootstrap和Tailwind等CSS系統的依賴。
  • 使用Blazor和.NET構建Azure靜態Web應用程式 | .NET Conf 2022 - 2022年11月10日 - 您是一名.NET開發人員，想要快速構建和部署全棧.NET無伺服器應用程式嗎？那麼這個演講適合您！在本次演講中，我們將學習如何使用Azure靜態Web應用程式與Blazor和.NET。首先，我們將探索Azure靜態Web應用程式。然後，看看如何使用與.NET Azure Functions或Azure Container Apps配對的Blazor WebAssembly入門。我們將繼續探索其他現有的.NET API選項。最後，我們將發現如何從我們的程式碼儲存庫自動構建和部署到Azure。
  • Blazor在地化：Carl Franklin的Blazor培訓第90集 - 2022年11月3日 - Carl展示瞭如何在Blazor WebAssembly應用程式中輕鬆支援多種語言。
  • 使用Blazor和RavenDB構建「Next Tech Event」第12部分 - 2022年11月2日 - 專案「NextTechEvent」的第12部分，該網站將幫助演講者、組織者和參與者找到他們的下一個技術活動。在本次直播中，我們使用RavenDB新增了搜尋功能，通過新增索引的方式。組織者可以按名稱、國家、位置、城市和標籤或它們的組合來篩選會議。這樣我們就可以看到在「斯德哥爾摩」有多少個會議，或者所有名為「NDC」的會議。 原始碼。
  • MAUI Blazor Podcast Client Part 2: The .NET Show with Carl Franklin Ep 30 - 2022年10月20日 - 新增嘉賓、連結和播放列表功能。
  • ASP.NET Community Standup - Blazor in .NET 7 Part III - 2022年10月11日 - 瞭解Blazor在.NET 7中的最新多執行緒和MSAL開發。社群連結。
  • MSAL Auth in Blazor Server - 2022年9月22日 - Carl展示如何使用MSAL和Azure AD B2C對使用者進行身份驗證並呼叫安全API。
  • ASP.NET Community Standup - Blazor in .NET 7 Part II - 2022年9月13日 - 瞭解Blazor在.NET 7中的令人興奮的執行時變化。社群連結。第一部分。
  • 從頭開始製作Blazor文字編輯器，Blazor文字編輯器第1部分 - 2022年9月8日 - 從頭開始製作Blazor文字編輯器，Blazor文字編輯器第1部分。
  • Roslyn語法高亮 | Blazor文字編輯器第2部分 - 2022年9月8日 - Roslyn語法高亮 | Blazor文字編輯器第2部分。
  • 從頭開始製作Blazor文字編輯器 | Blazor文字編輯器第1部分 - 2022年9月8日 - 從頭開始製作Blazor文字編輯器 | Blazor文字編輯器第1部分。
  • .NET MAUI和Blazor - 在應用和Web之間共用程式碼 - 2022年9月2日 - 在這個視訊中，Daniel將向您展示如何為.NET MAUI和Blazor建立一個專案，並如何組織程式碼，以便在應用和Web之間共用。 原始碼。
  • Blazor在100秒內 - 2022年9月1日 - 簡短介紹Blazor。Blazor是一個使用HTML、CSS和C#構建前端Web應用程式的框架。它利用WebAssembly來消除通常的使用者端技術棧中的JavaScript。
  • 在幾分鐘內使用Blazor構建互動式待辦事項列表 - 2022年8月28日 - 在本教學中，我們將學習如何使用Blazor建立一個待辦事項列表，並使用Bootstrap改進頁面。
  • Blazor在.NET 7中 - .NET社群站立 - 2022年8月23日 - 由Daniel Roth、Jon Galloway、Mackinnon Buck和Tanay Parikh概述了.NET 7中的Blazor。瞭解Blazor在.NET 7中即將推出的偉大新功能。
  • Blazor絕對初學者21分鐘 - 2022年8月22日 - 在本教學中，您將學習使用Blazor構建網站的基礎知識，以及預設的Blazor專案模板的工作原理。如果您有任何問題，請隨時留言，我會盡力回覆。我還在下面新增了一些您可能會發現有用的註釋。
  • 在Blazor中實現主頁標題 - 2022年7月18日 - 在本次會議中，Josh和我將繼續在開源空間中構建一個去中心化的社交媒體平臺。在這個特定的會議中，我們將討論、設計和實現使用SharpStyles在Blazor中的主頁標題。
  • Blazor：Blazor WebAssembly中的狀態管理方式 - 2022年7月12日 - ASP.NET社群站立 - Blazor：Blazor WebAssembly中的狀態管理方式。在使用Blazor WebAssembly應用程式時，我們經常忽視適當的狀態管理的重要性。如果沒有良好的理解和正確的策略，我們的應用程式可能會被具有不良行為的元件汙染，我們最終會後悔糟糕的選擇。- 本次會議涵蓋了簡單的狀態管理方式，然後逐漸發展到像Redux模式這樣更有趣的東西。我們將看到每種方式的優點和缺點。接下來，我們將退後一步，確定與我們的應用程式配對的適當狀態管理調味品。您將在本次會議中品嚐到所有美味的風味，並能夠做出明智的決策，以獲得最佳的開發體驗。社群連結。
  • 使用AAD保護Blazor和Web API - 2022年7月11日 - 本視訊展示瞭如何使用Azure Active Directory (AAD)保護您的Blazor應用程式和Web API。
  • Blazor和.NET在WASI上的未來 - 2022年7月7日 - Blazor和.NET在WASI上的未來，由Steve Sanderson在NDC Porto上的演講。在這個以演示為中心的演講中，微軟開發者/架構師Steve將展示用於構建瀏覽器和本地應用程式的Blazor的最新技術。這將包括.NET 6中提供的強大新功能，以及正在開發的.NET 7和.NET MAUI的即將推出的增強功能。我們還將探討更多實驗性的未來可能性，包括在伺服器上執行.NET Core的WASI（WebAssembly on the server），這將建立全新的雲和邊緣託管選項，並使您能夠將.NET程式碼帶到以前從未到達過的地方。
  • 在Visual Studio內部測試新的Blazor實驗性教學 - 2022年6月29日 - Visual Studio團隊的Grace Taylor加入James，談論他們正在進行的一個改進Visual Studio內部教學的新實驗！他們的第一個實驗將幫助開發人員開始學習和構建使用Blazor的Web應用程式。安裝Visual Studio，您可能有機會測試團隊的這個新實驗性功能。
  • 在Blazor中測試驅動CSS樣式 - 2022年6月20日 - 本視訊介紹了在Blazor中測試驅動的CSS樣式。
  • 我應該專注於Blazor還是ASP.NET Core？ - 2022年6月16日 - 我應該更深入地學習Blazor還是更好地瞭解ASP.NET Core？哪個是首先學好的更好的選擇？我應該來回跳動還是專注於一個？
  • 在Blazor WebAssembly中持久化資料 - 2022年6月3日 - Carl使用基於IndexedDB的使用者端儲存庫來持久化資料，即使沒有網際網路連線。
  • 使用TypeScript與Blazor - 2022年5月27日 - Carl向您展示如何在建立Blazor元件時使用TypeScript。
  • 使用.NET和Visual Studio為任何裝置構建原生應用程式 - 2022年5月25日 - 瞭解如何使用Visual Studio和.NET Multi-platform App UI (.NET MAUI)快速、迭代地構建現代、原生和混合式Web應用程式，以適用於任何裝置。我們將為您介紹可以加快開發時間、從單個程式碼庫建立功能強大的原生桌面和移動應用程式（適用於Windows、macOS、iOS和Android）的工具和框架。我們還將向您展示如何通過原生裝置功能增強您的Blazor Web應用程式。
  • 使用Blazor Hybrid構建原生使用者端應用程式 - 2022年5月25日 - Blazor使用最新的開放Web標準，實現了使用.NET進行全棧Web開發。但是，如果您需要構建原生使用者端應用程式呢？Blazor正在擴充套件到Web以外的領域，通過使用Web技術和.NET的混合方式來支援構建原生使用者端應用程式。在本次演講中，我們將介紹.NET MAUI中的新的Blazor Hybrid支援，用於構建跨平臺的原生使用者端應用程式（適用於移動裝置和桌面），以及用於現代化WPF和Windows Forms應用程式的Blazor Hybrid支援。
  • .NET Core和WASI（伺服器上的WebAssembly）的未來可能性 - 2022年5月25日 - WebAssembly正在超越瀏覽器，成為現代雲原生架構的基礎元素。它可以讓任何語言編譯為在任何作業系統或處理器上執行的通用二進位制檔案，具有強大的沙箱和出色的效能。本次演講介紹了在WASI環境中執行.NET的新方法。您將瞭解到如何將現有的.NET程式碼構建為符合WASI標準的模組，以及這樣做帶來的機會。這是一個實驗性的專案，尚未成為正式產品。
  • .NET MAUI入門教學-面向初學者的完整課程|使用C＃在iOS、Android、Mac和Windows上進行教學 - 2022年5月23日 - 讓我們一起開始我們的旅程，使用.NET MAUI、C＃和Visual Studio構建美觀的原生跨平臺應用程式，適用於iOS、Android、macOS和Windows！在這個完整的工作坊中，我將帶您瞭解關於.NET MAUI和構建您的第一個應用程式的所有基礎知識。您將學習基礎知識，包括如何使用XAML構建使用者介面，如何使用MVVM和資料繫結簡化開發，如何在頁面之間導航，存取平臺功能（如地理位置），優化資料集合，併為淺色和深色主題設定應用程式主題。這門課程包含了您學習基礎知識所需的一切，併為您在使用.NET MAUI構建應用程式時取得成功做好準備。
  • 使用Syncfusion在Blazor中顯示自定義報告 - 2022年5月20日 - 在上一個視訊中，我們使用Bold Reports Designer建立了一個自定義報告。我們可以使用提供的Bold Reports Viewer來顯示報告，但這並不總是符合您的要求。因此，今天我們將在Blazor Server應用程式中實現一個報告檢視器。這樣，我們可以在我們的網站內直接向客戶展示我們的自定義報告，而不是將他們傳送到單獨的應用程式中。
  • 將WebAssembly引入.NET主流-Steve Sanderson - 2022年5月19日 - 許多開發人員仍然認為WebAssembly是一種與低階系統程式語言相關的前沿技術。然而，自2017年以來，C#和.NET就已經可以在WebAssembly上執行。Blazor WebAssembly將.NET引入了基於開放標準的瀏覽器中，現在已經成為.NET在企業、初創公司和愛好者中增長最快的部分之一。接下來，通過WASI，我們可以讓您在更多地方執行.NET，為全球開發者社群的更廣泛部分引入雲原生工具和技術。這是一個技術性的演講，展示了我們如何將.NET引入WebAssembly。Steve將演示它如何同時執行解釋和AOT編譯，IDE偵錯程式如何附加，效能權衡以及從Emscripten遷移到WASI SDK如何使其在Wasmtime/Wasmer或像wasmCloud這樣的更高階執行時中執行。其次，您將瞭解到Blazor作為一個開源專案的經驗教訓-在將WebAssembly引入早期採用者之外所面臨的挑戰和誤解。
  • 使用ServiceStack在Blazor中進行快速開發模型和型別化的端到端服務 - 2022年5月19日 - 在這個視訊中，我們使用ServiceStack Blazor WASM模板，展示了使用型別化的端到端服務和Blazor構建業務應用程式的強大性。該模板提供了關注點清晰分離、型別化的端到端安全性以及由於共用的C#語言、Visual Studio Hot Reload和ServiceStack訊息中心設計而帶來的快速迭代。
  • ASP.NET社群站立 - 讓我們使用.NET MAUI和Blazor構建應用程式 - 2022年5月17日 - 展示將Blazor WASM PWA遷移到.NET MAUI和Blazor Hybrid。社群連結。
  • 使Blazor與所有內容相容，以及伺服器上的WebAssembly - 2022年5月13日 - Steve Sanderson在NDC London 2022上的演講。現實世界的軟體專案通常涉及多種技術的組合。那麼，現代Blazor是否足夠強大和靈活，適合您團隊的需求？在這個以演示為主的演講中，Steve將展示Blazor WebAssembly/Server如何無縫嵌入其他語言（如Rust或C/C++）編寫的庫和邏輯，Blazor WebAssembly/Server元件如何在其他SPA框架（如React或Angular）中使用（或反之），以及Blazor元件如何不僅用於Web專案，還與macOS、iOS、Android和Windows的原生應用程式共用（包括WPF和WinForms）。這些功能應該使您的團隊能夠自信地承擔最具雄心的專案。然後，我們將進一步展望未來，考慮WebAssembly如何超越瀏覽器，成為雲原生伺服器應用程式的基礎元素。您將是第一個看到將.NET應用程式編譯為符合WASI標準的通用二進位制檔案的實驗性新方法，這些檔案可以在任何作業系統或處理器上執行，具有強大的沙箱和出色的效能。
  • 使用Syncfusion在Blazor中建立自定義報告-PDF、Word、Excel和PowerPoint - 2022年5月13日 - 使用C#建立辦公檔案一直是一種受歡迎的解決方案。您可以生成使用者熟悉的格式的報告。使用Syncfusion檔案控制元件，您不僅可以建立Excel檔案，還可以建立Microsoft Word檔案、PowerPoint簡報和PDF檔案。在這個視訊中，我們將介紹Syncfusion中的辦公檔案控制元件以及如何使用它們。
  • 使用.NET和Blazor構建Microsoft Teams應用程式 - 2022年5月11日 - John Miller加入James在本週的On .NET節目中，討論了.NET開發人員如何完全使用C＃、.NET和Blazor構建Microsoft Teams應用程式和機器人！John將向我們展示一切我們需要了解的內容，甚至如何釋出Teams應用程式。
  • Syncfusion中的Blazor控制元件介紹 - 2022年5月11日 - Syncfusion中的Blazor控制元件非常強大。在這個視訊中，我們將介紹DataGrid、圖表、看板式面板、儀表板、自動完成文字方塊、上下文選單、簽名板、選單欄、彈出訊息等控制元件。實際上有很多控制元件要介紹，因此我們將有意忽略辦公檔案建立和顯示控制元件，以及報告。這樣，我們今天可以在其他控制元件上花更多時間，然後在另一個視訊中專注於辦公檔案。報告將有兩個不同的視訊專門介紹。
  • 使用BFF模式保護SPAs和Blazor應用程式 - 2022年5月10日 - 現代Web開發意味著越來越多的應用程式程式碼在瀏覽器中執行。傳統上，這是使用JavaScript完成的，但最近越來越多地使用C#/WASM和Blazor。這些現代應用程式通常還需要身份驗證和單點登入，以及基於令牌的呼叫API的安全性-換句話說，OpenID Connect和OAuth 2。有不同的模式可以保護此類應用程式，本次演講涵蓋了各種方法的一些問題，特別是考慮到不斷變化的瀏覽器環境。我們將以「前端後端」（或BFF）模式結束，這已成為這些方法中最安全和最穩定的模式。
  • 使用Azure DevOps和Static Web Apps進行多環境部署 - 2022年5月5日 - 應用程式演示，使用Azure DevOps管道建立靜態Web應用程式，新增Azure DevOps環境並設定批准，設定多階段管道，靜態Web應用程式命名的預覽環境，Playwright測試，生產部署之前的手動批准，使用密碼保護分段環境。原始碼。
  • On .NET Live - 在Blazor WASM中封裝瀏覽器API - 2022年5月2日 - 在本週的節目中，Kristoffer Strube加入了小組，向我們展示了一個用於瀏覽器檔案系統存取API的Blazor WASM封裝。他帶來了演示和程式碼分享，所以這是一個您不想錯過的節目。
  • 使用BFF模式保護SPAs和Blazor應用程式 - 2022年4月29日 - 在NDC Porto上，Dominick Baier介紹了使用BFF（前端後端）模式保護SPAs和Blazor應用程式的方法。
  • Blazor中的狀態管理 - 2022年4月29日 - 在開發單頁面應用程式時，狀態管理是非常重要的一個方面。由於Blazor是一個基於元件的UI框架，當應用程式的狀態發生變化時，我們如何更新UI呢？
  • 使用Blazor進行流式傳輸：REST、gRPC和SignalR - 2022年4月29日 - 使用Blazor進行流式傳輸：REST、gRPC和SignalR，由Carl Franklin在NDC Porto 2022上演講。學習如何從伺服器流式傳輸資料到使用者端，以提高感知效能和增加可延伸性。Carl展示了流式傳輸的工作原理，以及如何使用這三種傳輸方式進行實現。
  • C#中的SignalR入門第1部分 - 使用Blazor、WPF、最佳實踐等 - 2022年4月25日 - SignalR是一種連線兩個或多個使用者端進行實時通訊的絕佳方式。最好的部分是，這個庫只是對Web Sockets和Long-Polling等Web標準技術的封裝。它只是讓它們更容易使用。這意味著我們甚至可以將SignalR與其他使用者端（如Java或JavaScript）一起使用。在這個視訊中，我們將學習如何設定SignalR以及如何使用Web使用者端和桌面使用者端連線到它。在整個視訊中，我們將涵蓋最佳實踐，以及如何在實際應用中使用它。
  • 重新審視MVVM - 2022年4月21日 - Carl重新審視了使用Blazor的MVVM主題，澄清了您的選擇。
  • 可查詢的儲存庫 - 2022年4月14日 - 構建一個使用者端可以查詢的通用儲存庫。
  • ASP.NET社群站立 - Blazorators：Blazor C#原始碼生成器 - 2022年4月12日 - David Pine在本月的Blazor社群站立上介紹了Blazorators，Blazor C#原始碼生成器。社群連結。
  • .NET MAUI Blazor - 構建混合移動、桌面和Web應用程式 - 2022年4月1日 - Blazor使得使用.NET構建使用者端Web UI成為可能，但有時您需要更多的功能。有時您需要完全存取裝置的本機功能。現在，您可以在.NET MAUI應用程式中託管Blazor元件，使用Web UI構建跨平臺本機應用程式。這些元件在.NET程序中執行，並使用本地互操作通道將Web UI呈現到嵌入的Web檢視控制元件中。這種混合方法使您可以兼具本機和Web的優點。您的元件可以通過.NET平臺存取本機功能，並呈現標準的Web UI。.NET MAUI Blazor應用程式可以在任何.NET MAUI上執行（Windows、Mac、iOS和Android）。
  • 使用Fluxor管理應用程式狀態 - 2022年3月31日 - 使用Fluxor進行應用程式狀態管理，Flux/Redux庫適用於Blazor。
  • 帶有Identity的Blazor基礎知識 - 2022年3月14日 - Fritz向您展示如何將身份驗證和授權連線到您的Blazor應用程式。我們將重點介紹如何將正確設定的Microsoft Identity應用程式連線到您的Blazor框架。
  • ASP.NET社群站立 - 使用Blazor Hybrid建立本機使用者端應用程式 - 2022年3月8日 - 加入這個Blazor社群站立，瞭解如何使用Blazor Hybrid建立適用於Windows、iOS、Android和Mac的跨平臺本機使用者端應用程式。社群連結。
  • 使用Tailwind CSS構建漂亮的Blazor應用程式 - 2022年3月2日 - Tailwind CSS已經成為一段時間以來越來越受歡迎的框架。它正在迅速成為在樣式化應用程式時使用的頂級框架之一。它提供了一種與傳統框架（如Bootstrap）不同的方法-基於實用程式的樣式化。與使用預構建元件（導致您的應用程式看起來像網路上的其他應用程式）不同，您可以通過應用小而專注的CSS類來客製化設計，從而為您的應用程式建立獨特的樣式。在這個演講中，您將學習如何將Tailwind CSS的強大功能帶到您的Blazor應用程式中。我們將從介紹Tailwind以及它與其他CSS框架的區別開始。然後，我們將進入一些程式碼，並看看如何將Tailwind與Blazor整合。在接下來的時間裡，我們將探索Tailwind的各種功能，並看看我們可以為我們的Blazor應用程式創造多麼美麗的介面。由Chris Sainty在NDC Oslo 2021上演講。
  • 使用bUnit對Blazor元件進行最佳實踐單元測試 - 2022年3月1日 - 為什麼要建立UI元件的測試？UI測試不是天生脆弱、執行緩慢且難以維護嗎？由Egil Hansen在NDC Oslo 2021上演講。
  • 使用CSharpFritz學習C# - Blazor應用程式託管 - 2022年2月28日 - 您已經構建了Blazor應用程式，現在在哪裡執行它？在這個充滿演示的會議上，Fritz將介紹漸進式Web應用程式、使用Docker打包以及將Blazor應用程式部署到Azure。社群連結。
  • Blazor、.NET 6和WebAssembly - 2022年2月21日 - Steve Sanderson在NDC Oslo 2021上的演講。.NET 6對於Blazor來說是一個重要的版本，為.NET Web開發人員增加了許多強大的新功能。這個演講將充滿演示，讓您瞭解這個熱門框架的最新情況。
  • 使用Blazor構建經典冒險遊戲 - 2022年2月14日 - Blazor是一個免費且開源的Web框架，使開發人員能夠使用C#和HTML建立Web應用程式。作為一名.NET開發人員，我也是經典指向和點選冒險遊戲的忠實粉絲，我將我的Game-a-Tron 4000冒險遊戲引擎移植到了Blazor上。
  • ASP.NET社群站立 - Blazor .NET 7路線圖 - 2022年2月8日 - 瞭解Blazor在.NET 7中的計劃。社群連結。
  • C# Corner .NET大會第1天 - 2022年1月24日 - 大會的第一天以Scott Hunter的主題演講開始。第一天的重點是前端技術（Blazor）。會議網站。
  • ASP.NET社群站立 - Blazor WebAssembly在.NET 6上 - 2022年1月11日 - 加入Blazor創始人Steve Sanderson，瞭解Blazor WebAssembly在.NET 6上的特殊情況。社群連結。
  • 檔案 - 2021, 2020, 2019, 2018, 2017。

文章

Podcasts

  • Chris Sainty: Blazor in Action - Azure DevOps Episode 238 - 2023年3月27日 - Chris是一位微軟MVP、作者和擁有17年ASP.NET經驗的軟體工程師。他熱衷於與社群分享知識，定期為自己的部落格以及Visual Studio雜誌、Progress Telerik和StackOverflow等其他平臺撰寫文章。這種對部落格的熱情使他寫了他的第一本書《Blazor in Action》，這是一本構建Blazor應用程式的實用指南。他還在GitHub組織Blazored下維護著幾個受歡迎的開源專案。除了敲擊鍵盤外，Chris還是一位熱情的演講者，曾在世界各地的使用者組和會議上發表演講。時長：41分鐘。
  • .NET Rocks - Blazor United with Javier Nelson and Steve Sanderson - 2023年3月23日 - 如果你不必在使用者端和伺服器端Blazor之間進行選擇怎麼辦？Carl和Richard與Javier Nelson和Steve Sanderson討論了Blazor United在開發早期的情況，為使用者端和伺服器端渲染提供了靈活性。最簡單的情況下，Blazor United在首次存取網站時提供伺服器端渲染，以便您可以隨時間載入更大的使用者端元件。但更深層次的是，網頁上的某些元素受益於使用者端，某些元素受益於伺服器端，為什麼您只能選擇一個呢？時長：53分鐘。
  • Steve Sanderson - Blazor、WASI和優化番茄 - 2022年7月17日 - 在NDC London上，我們與Steve Sanderson坐下來談論了Blazor的起源故事，.NET 7的一些即將推出的功能，以及Steve目前正在開發的專案。時長：35分鐘。
  • WASM無處不在 - Steve Sanderson - 2022年7月7日 - WebAssembly很棒-你還能用它做什麼？在NDC London期間，Carl和Richard與Steve Sanderson討論了他在WebAssembly方面的工作，包括Blazor。Steve談到了WebAssembly的不斷髮展，新增了WebAssembly系統整合。這開啟了一個可能性，即WebAssembly中的程式碼可以在任何地方執行-任何作業系統、任何語言，使用任何可用的計算資源。這使得可以在使用者端、伺服器和中間任何位置執行程式碼成為可能。時長：55分鐘。
  • 索引化視訊使用KlipTok與Jeff Fritz - 2022年6月2日 - 如何在事後找到一個很棒的視訊剪輯？Carl和Richard與Jeff Fritz討論了他構建KlipTok的工作，這是一個使Twitch視訊剪輯更易於發現和共用的工具。Jeff深入探討了KlipTok的一些棘手之處，它主要涉及快速索引和搜尋以找到正確的剪輯。對各種資料儲存技術和使用雲的討論不會讓你失望。Jeff可能是一位微軟員工，但這並不意味著他只使用微軟工具進行專案開發。時長：57分鐘。
  • David Ortinau關於.NET MAUI - 2022年5月27日 - Jon Galloway與David Ortinau討論了.NET MAUI。時長：41分鐘。YouTube視訊。
  • Unhandled Exception Podcast：Microsoft Build 2022 - 2022年5月25日 - 微軟剛剛舉辦了年度Build大會-其中涉及了許多關於微軟開發者領域的熱門程式設計主題的令人興奮的公告和討論。每年，我都渴望在Build之後立即釋出一集播客，概述這些公告！好吧，今年-這個播客就是要做到這一點！在本集中，我邀請了Scott Hunter和Gaurav Seth一起討論各種主題。請檢視下面的連結，瞭解我們討論的內容。時長：71分鐘。
  • ASP.NET、部落格、Kubernetes等等 - 2022年5月10日 - 與Andrew Lock（andrewlock.net）的Unhandled Exception Podcast。他是Manning電子書《ASP.NET Core in Action, Second Edition》的作者。本集涵蓋了很多內容-從ASP.NET的不同版本到Kubernetes、Blazor、gRPC、測試、Minimal API、MediatR等等。
  • Umbraco Heartcore和Blazor，與Poornima Nayar - 2022年5月4日 - 在本集中，我們與Poornima Nayar討論了Umbraco Heartcore以及您可能在哪裡使用它，Blazor，一些關於GraphQL的內容以及它如何與與遠端API通訊的移動應用程式非常契合。時長：59分鐘。
  • 在Blazor的核心 - 2022年2月12日 - Steve Sanderson談論了他進入技術領域的旅程，他的生活、教育、職業以及其他方面的一切。時長：73分鐘。
  • 存檔 - 2021，2020，2019，2018，2017。

演示幻燈片

工具

書籍

電子書

  • Blazor WebAssembly 簡明指南 - 2020年8月31日 - Blazor 是一個使用 C# 語言編寫的 Razor 技術建立 SPA 網頁的框架，支援使用者端和伺服器端架構。由於使用者端 Blazor 使用 WebAssembly 在使用者的瀏覽器上完全執行，因此對於許多應用程式來說非常快速。在《Blazor WebAssembly 簡明指南》中，Michael Washington 將帶領讀者瞭解 Blazor 的核心元素，並通過構建一個範例應用程式來探索其他功能。免費電子書。
  • Blazor 簡明指南 - 2020年4月16日 - 一本免費的入門 Blazor 框架的電子書。
  • Blazor，入門指南 - 2020年3月18日 - 一本免費的入門 Blazor 框架的電子書。範例原始碼。
  • Blazor for ASP.NET Web Forms 開發人員 - Blazor for ASP.NET Web Forms 開發人員，來自 Microsoft 的免費電子書。
  • 使用 CSLA 5：Blazor 和 WebAssembly - 本書介紹了新的 Blazor UI 框架，包括如何建立伺服器端和使用者端端 WebAssembly 專案，如何實現身份驗證和授權，以及如何使用資料繫結。然後，本書介紹了 CSLA .NET 如何支援 Blazor，並通過完整的範例應用程式進行了演示。
  • 使用 Blazor 構建應用程式入門 - 2019年8月24日 - 《使用 Blazor 構建應用程式入門》：如何開始使用這個令人興奮且易於使用的 Microsoft C# 框架建立應用程式。
  • 檔案 - 2018。

課程

社群

其他語言

許可證

在法律允許的範圍內，Adrien Torris已放棄對此作品的所有版權和相關或鄰近權利。