SkillMD SkillMD
light-dark-mode
Profile My skills Saved Collections Edit profile Submit a skill

← all plugins

Dotnet Blazor

by @dotnet · plugin · 9 skills

Skills for Blazor development: component authoring, interactivity, and web application patterns.

Install the whole plugin (CLI)
npx skillmds add dotnet/configure-auth npx skillmds add dotnet/plan-ui-change npx skillmds add dotnet/use-js-interop npx skillmds add dotnet/author-component npx skillmds add dotnet/collect-user-input npx skillmds add dotnet/fetch-and-send-data npx skillmds add dotnet/support-prerendering npx skillmds add dotnet/coordinate-components npx skillmds add dotnet/create-blazor-project
⬇ Download

Skills in this plugin

  1. ▌
    configure-auth · dotnet
    Add authentication and authorization to a Blazor Web App, handling render modes, Identity pages, and auth state serialization.
    4k
    repo stars
  2. ▌
    plan-ui-change · dotnet
    Plan complex Blazor UI features by decomposing them into focused, composable components with clear data flow and implementation order.
    4k
    repo stars
  3. ▌
    use-js-interop · dotnet
    Add, review, or fix JavaScript interop in Blazor components, including collocated modules, lifecycle timing, batching, typed wrappers, and disposal patterns.
    4k
    repo stars
  4. ▌
    author-component · dotnet bundle
    Create or review Blazor components (.razor files) with correct architecture, covering parameters, EventCallback, RenderFragment, lifecycle, async patterns, disposal, and CSS isolation.
    4k
    repo stars
  5. ▌
    collect-user-input · dotnet
    Build forms, validate data, and react to user input in Blazor applications.
    4k
    repo stars
  6. ▌
    fetch-and-send-data · dotnet
    Call APIs, load data into components, and handle the async lifecycle in Blazor.
    4k
    repo stars
  7. ▌
    support-prerendering · dotnet
    Fix interactive Blazor components that break during prerender: duplicate data loads, null references, UI flicker, and state loss. Persist state across the prerender-to-interactive handoff, disable prerendering, exclude pages from interactive routing, and detect prerender vs interactive at runtime.
    4k
    repo stars
  8. ▌
    coordinate-components · dotnet
    Share state between Blazor components across render mode boundaries using cascading values, scoped services with change events, or CascadingValueSource via DI.
    4k
    repo stars
  9. ▌
    create-blazor-project · dotnet bundle
    Scaffolds new Blazor web applications with the correct render mode, project structure, and authentication setup.
    4k
    repo stars