Blazor-best practices, geleend van ReactJS Blazor Best Practices Borrowed From ReactJS

Blazor heeft veel ontwerpkeuzes overgenomen van React en andere frontend-frameworks, en als stateful, componentgebaseerd UI-framework is er behoorlijk wat ervaring die je van het ene naar het andere kunt meenemen. Bij elke nieuwe technologie is er een leerperiode waarin we experimenteren, ervaring opdoen en leren van fouten. Nadat ik voor twee verschillende klanten Blazor-apps in productie had gezet, merkte ik dat ik een aantal dure fouten en ontwerpkeuzes vroeg kon vermijden door mijn eerdere ervaring met React en andere frontend-frameworks te benutten. Nu wil ik die kennis aan jou doorgeven. In deze talk deel ik een aantal best practices voor Blazor, veelvoorkomende valkuilen om te vermijden en lessen uit meer dan 7 jaar werken met stateful, componentgebaseerde frameworks. #blazor #reactjs #rider Wat je meeneemt: Hoe je bepaalt waar verschillende stukjes state moeten leven Foutafhandeling met Error Boundaries Tips voor het ontwerpen van herbruikbare componenten Wanneer het zinvol is om markup te refactoren naar een herbruikbaar component Tips voor het ontwerpen van testbare componenten Omgaan met cross-cutting concerns Spreker: Brandon Pugh Functie: Principal consultant bij Accenture Bio: Brandon is zijn hele volwassen leven al verliefd op het web en bouwt al meer dan 12 jaar professionele webapplicaties in de .NET-wereld. Doordat hij de afgelopen 7 jaar consultant is, kon hij met allerlei technologieën werken en organisaties in uiteenlopende sectoren helpen transformeren. Hij heeft een passie voor alles wat met web, UI/UX, toegankelijkheid, automatisering en developer experience te maken heeft. Website: https://www.brandonpugh.com/ Twitter: @brndnpugh Presentatieslides - http://pugh.pw/blazor-talk 00:00:00 Introductie 00:01:40 Brandon Pugh 00:02:16 Start van de presentatie 00:06:00 State management 00:21:55 Herbruikbare componenten 00:26:07 Toegankelijkheid 00:31:58 Libraries van derden 00:37:57 Render fragments 00:49:38 Bronnen over testen 00:52:55 Vragen en antwoorden 01:11:56 Afsluiting

Blazor took a lot of design decisions from React and other frontend frameworks and as a stateful component-based UI framework there is quite a bit of experience that can be transferred from one to the other. With any new technology, there is going to be a learning period as we experiment and gain experience and learn from mistakes made. After having deployed production Blazor apps for two different clients, I realized I was able to avoid some costly mistakes and design decisions early on by leveraging my prior experience with React and other frontend frameworks. Now I want to pass that knowledge on to you. In this talk, I'll share some Blazor best practices as well as common pitfalls to avoid and lessons learned from over 7 years of working with stateful component-based frameworks. #blazor #reactjs #rider Takeaways: How to decide where different bits of state should live Error handling with Error Boundaries Tips for designing reusable components When is it appropriate to refactor markup into a reusable component Tips for designing testable components Handling cross-cutting concerns Speaker: Brandon Pugh Job title: Principal consultant at Accenture Bio: Brandon has been in love with the web his whole adult life and has been building professional web applications for over 12 years in the .NET space. Being a consultant for the last 7 years has given him the opportunity to work with a variety of technologies and help transform organizations across various industries. He has a passion for all things related to web, UI/UX, accessibility, automation, and developer experience. Website: https://www.brandonpugh.com/ Twitter: @brndnpugh Presentation Slides - http://pugh.pw/blazor-talk 00:00:00 Introduction 00:01:40 Brandon Pugh 00:02:16 Presentation Start 00:06:00 State Management 00:21:55 Reusable Components 00:26:07 Accessibility 00:31:58 Third-party Libraries 00:37:57 Render Fragments 00:49:38 Testing Resources 00:52:55 Questions/Answers 01:11:56 Outro