Blazor

Advanced State Management you own this product

This project is part of the liveProject series Build Web Apps with Blazor
prerequisites
C# (types, generics, namespaces and loops) • .NET ecosystem • .NET SDKs (NET 6.0 and ASP.NET Core) • basic HTML • basic CSS selectors and values • basic Git/GitHub commands and techniques
skills learned
component communication through Parameters • SSOT server/client state management • use generic type template components • CRUD operations • state change events
Ed Charbeneau
1 week · 6-8 hours per week · INTERMEDIATE
Included with a Manning Online subscription
try now

pro $24.99 per month

  • access to all Manning books, MEAPs, liveVideos, liveProjects, and audiobooks!
  • choose one free eBook per month to keep
  • exclusive 50% discount on all purchases

lite $19.99 per month

  • access to all Manning books, including MEAPs!

team

5, 10 or 20 seats+ for your team - learn more

Look inside

You’re a developer for BellyBox, an online grocery delivery company. Your task is to add a shopping cart and checkout process to its storefront Blazor web application. Using state management techniques in Blazor, you’ll develop patterns to manage data communication between components and pages. Using HttpClient, you’ll implement CRUD (create, read, and update) operations to enable communication with the backend server. When you’re finished, you’ll have provided a functional and pain-free checkout process that’s sure to have BellyBox’s tech-savvy customers checking in again.

This project is designed for learning purposes and is not a complete, production-ready application or solution.

book and video resources

When you start your liveProject, you get full access to the following books and videos for 90 days.

project author

Ed Charbeneau

Ed Charbeneau is a six-time Microsoft MVP and an international speaker, writer, online influencer, a Principal Developer Advocate for Progress Software, and an expert on all things web development.

Ed has shared his insights, experiences, and advice around collaboration, knowledge management, social computing, and training at many industry events around the world. He’s a creative community builder and outside-the-box thinker. He has relationships throughout the world within the areas of internal communications, employee engagement, and marketing as well as IT, with a focus on financial, healthcare, manufacturing, agency, and professional services. He’s defined, architected, and implemented line-of-business solutions with UX best practices and a touch of style that’s all his own.

prerequisites

This liveProject is for .NET developers with C# experience who are looking to modernize their skills with Blazor. To begin these liveProjects you’ll need to be familiar with the following:

TOOLS
  • LINQ
  • Visual Studio (preferred, though Visual Studio Code and the dotnet CLI (Command Line Interface) may be used as an alternative)
TECHNIQUES
  • .NET ecosystem
  • .NET SDKs (NET 6.0 and ASP.NET Core)
  • Basic HTML
  • Basic CSS selectors and values
  • Basic Git/GitHub commands and techniques

you will learn

In this liveProject, you’ll learn core state management skills for passing data between components and the server.

  • Implement components and component parameters using Parameter and CascadingParameter
  • Send data and trigger events from other components using EventCallback
  • Initiate StateHasChanged to components that aren’t within the scope of the render tree
  • Use HttpClient to communicate with data services (with HTTP verbs Put, Post, and Delete)

features

Self-paced
You choose the schedule and decide how much time to invest as you build your project.
Project roadmap
Each project is divided into several achievable steps.
Get Help
While within the liveProject platform, get help from other participants and our expert mentors.
Compare with others
For each step, compare your deliverable to the solutions by the author and other participants.
book resources
Get full access to select books for 90 days. Permanent access to excerpts from Manning products are also included, as well as references to other resources.

choose your plan

pro

monthly
annual
$24.99
$249.99
only $20.83 per month
  • access to all Manning books, MEAPs, liveVideos, liveProjects, and audiobooks!
  • choose another free product every time you renew
  • choose twelve free products per year
  • exclusive 50% discount on all purchases
  • Advanced State Management project for free

team

monthly
annual
$49.99
$499.99
only $41.67 per month
  • five seats for your team
  • access to all Manning books, MEAPs, liveVideos, liveProjects, and audiobooks!
  • choose another free product every time you renew
  • choose twelve free products per year
  • exclusive 50% discount on all purchases
  • Advanced State Management project for free