What Blazor Component to Choose Component Comparison

hey guys welcome back to another coding flamingo video so this video is a follow up from last year last year i created two videos one grounded modblazer as a king of blazer components then i got called out on twitter and the comments that i missed two for the best one so i created another component comparison and it was between laser eyes mod blazer and design and the final conclusion of that one was that they're pretty much aligned so it was based on whatever your preferences are so this year we're back we'll see who has improved the most and if some of them have taken the lead one thing to say is our king of documentation matt blazer is out this year it hasn't been supported since end of 2020 so i decided to take them out so we're gonna have to choose some new kings we're gonna start with documentation and then after that we're going to look at the looks of the actual platforms and last but not least we're going to look at the speed and the size so let's jump right into it and we're going to start with the king of documentation which is this year mod blazer the reason for this is they have the perfect mix between having some examples easy to copy code and you can actually see how it's going to look and they actually have like a round thing that you can play with it and change the code and everything on the browser plus their api so if you just want to see something quick or you want to see something that is not covered in the examples you can jump into the api and read that documentation second place which was one of last places last year is blazerized last year their documentation felt like it was just like a bunch of devs that had to write some documentation so they just threw something into it this year they actually did an amazing job you can see all the examples have a nice little example and then the information and then at the end you have the attributes that you can see so like kind of like the api list type of thing really easy to get started the only reason they they were not on top of modblazer was i actually had some trouble with the css when following their getting started stuff like the nav menu disappeared so they lost a few points there just because it's not as friendly if you have to start playing with css just to get started third place this year is ant blazer and design blazer and the reason for that is they actually have a lot of examples and it's kind of like fairly simple to get started but they kind of do it assuming that you know some stuff like here for example they don't tell you which one goes in the head which one goes in the body and here they just tell you out of your services they don't show you like the different things for maybe blazer server blazer was am like they just assume that you know this stuff and i feel that with documentation it's better to just kind of like guide them through every single thing just so it's not easy to mess up so when you go to their components they have a lot of examples to choose from but then that makes it kind of hard because if you want to kind of like just see like how to do something quick you have to like kind of go through all the examples see what you're looking for and trying to figure it out and if you're saying hey like just go to the api still to do so they lose some points for that other than that pretty straightforward a lot of examples so you'll probably find something that you want to do but it'll take you a while to just like search for it so it's more kind of like i would recommend it for someone more experienced second to last place is syncfusion which actually was our last place last year so last year i complained that you have to like go through many tabs and everything to find what you want this year is the same so that's why they're still like pretty low but they have a lot more examples and stuff so it'll be easier to just find the code that you need in the examples so yay for including more stuff but it's still not up to par and there's still not a big community helping you out and since this is designed to be a paid subscription it just should be better and last place this year is radson so the reason for that is it's a fairly different coding standard than all the other ones so it's not kind of like blazer eyes for example is like very straightforward almost regular html so like that one you get used to it really quickly mod blazer is somewhat similar it has its own little quirks but you get used to it like i feel ratson like has a really steep learning curve of like figuring out how they like doing their components because once you figure it out it's pretty easy and you get used to it and it makes sense why they did it that way but in the meantime it's kind of like a big curve and once again they have like examples they don't really have that accessible documentation so you have to go through a lot of stuff to find exactly what you want so that's documentation so we're going to start with the first first place for looks and that's going to be blazer eyes this year uh the reason i went this year with blazer eyes is because you it is very simple like it's just bootstrap and they have different css that you can use css providers so you have bootstrap you have material you have and design so you can choose whatever look you want which all the other ones kind of have their own like and here you have the option to boost strap so you kind of have more freedom to do it and then when you actually look at the components they're kind of like the basic components that we're used to second place is mod blazer i just like the look of it and that's what i use for work so i might be a little bias on it and also you shouldn't be really taking my front end type of stuff because i'm a back end engineer and that my front end design is awful so take it with a grain of salt but this is my personal liking third place is gonna be ant blazer kind of the same i kind of look how it looks but it's not really my thing so i i know it looks clean and looks nice but it's just not my thing that's why it's in third place fourth is um sync fusion the reason for it is kind of looks really clean it just looks simple which is something i i like and ratson this year they did a big jump like from last year it just looked really bad this year i'm still not fully into it but it looks a little bit better and last and definitely not least let's look at speed comparison which in my opinion is the most important to cover how i actually did this testing is i built the projects and i didn't have anything else running in the computer other than the visual studio for that specific project and the website and like i would just open it do the first load just so like the server kind of starts and then i would go incognito and run the fetch data multiple times do the average speed and see how many megabytes they had all the projects are here in my github the link is down below and you can just download them and play with them yourself so in here we kind of have two groups you have mod blazer blazer ice and m blazer which are all within the margin of error the lightest version was mod blazer which take much into play here because it's all within the same machine so there's no network latency it might play a bigger role if you are in slower networks and then laser eyes it's the second then radson is actually smaller but it's very slow to load for some reason and then add blazer so kind of like my conclusion for this year is very similar to last year of within this three mod blazer blazer eyes and i'm blazer choose the one you like the most uh i would personally probably just go with blazer edge just because it's the fastest and it's the one that you have the most freedom to choose any design you want but other than that like mod blazer as i said that's what i use so it's still pretty good and good enough and blazer if you like it you can use it it has also like an interesting way of programming i actually like it for example they're tables you can see it in the code so for example their table is very simple instead of having to like declare all the columns how you do here you do kind of like the headers and then you do the rows and here you just do you just pass it what array of data or what data you're using and what type it is and then you just do column and rows on the same so it saves you a few lines of code i really like that it's kind of like my pet peeve of the other one so it's a good way of writing the components i really like that that it abstracts all that stuff so any of those three are good to go syncfusion did a huge leap from last year last year was four times slower than all the other ones this year is just twice as slow as the other one so that's a huge leap congrats to their team but i would still not recommend it and then the last one to recommend is also ratson uh it's just slow i don't like the looks the documentation is not great so why go for it when there's other ones so that's my personal opinion let me know what you guys think down below in the comments and thank you for watching and i'll see you in the next one

Channel: Coding Flamingo

Views: 7,437

Keywords: blazor webassembly, .net core, blazor c#, blazor components, razor components, radzen blazor, blazor c# tutorial, blazor getting started, mudblazor vs matblazor, mudblazor, Ant Design, blazorise vs mudblazor, blazorise, syncfusion, blazor ui components, blazor wasm, blazor webassembly components, blazor template components, component speed, load time, blazor speed, blazor client side, asp.net core 6, blazor c# webassembly, blazor web components, microsoft blazor review

Id: 3Hs46bcObo0

Length: 8min 30sec (510 seconds)

Published: Mon Jan 17 2022