SIMPLEST How To Create Blazor Animations

GET YOUR FREE BLAZOR CHEAT SHEET HERE!!!: https://JustBlazor.com/

Animations are a great way to add a bit of pizazz to your project. But its really annoying to create for us non-UI people, and also Blazor is a bit finicky when it comes to anything that might require javascript to render (needing JS Interop). In this tutorial I believe i have the easiest way for you to get nice animations in your project without too much of a headache and just a very small amount of javascript. No JS Interop required!!

My Github Repo: https://github.com/JustBlazorProgramming/SimpleBlazorAnimationTutorial

***Credit to Blazor.Animate’s Mikoskinen, this is basically a super simple version of what he wrote.

00:00 Intro
01:12 Explanation Project and Js Interop
05:14 Code Start
08:30 Creating The Animation Component
14:02 Why Use OnParameterSet()
14:56 Adding Animation to Counter
15:30 First Test
17:00 Optimizing The Code
19:40 Creating Static Class
25:40 Test 2

Perhaps you need a bit of guidance in landing the job, passing the interview or succeeding in your Software Career? Book a session:
https://contractlancer.com/

Video Resources:
AOS CSS Github: https://github.com/michalsnik/aos
Blazor.Animate (No Longer Supported) Github : https://github.com/mikoskinen/Blazor.Animate
Microsoft Docs : https://learn.microsoft.com/en-us/aspnet/core/blazor/javascript-interoperability/?view=aspnetcore-7.0

Music Credit goes to LUOVA:
https://www.youtube.com/channel/UCgwQ0UcVcSFMPEhlYfL1vFg