Flutter Getx BLoc and Riverpod App

hello everyone assalamualaikum so here I have this app and this is the UI and this UI and app are built using flutter get X rubber put and block so I built three versions of this app so over here the first one is getex this is riverpod and this is block so I have three forms of this app which means that I built this app three times using three state management system here I'll see and show you the comparison and how it feels uh to work them or use them on the simulator and at the end I'll also say the difference and how I felt during the development process now this is actually a complete app it has both backend so it does have API and backend and notification and chattings so all these features have been done using all these three State Management Systems anyway so I'm gonna allow for this one get X and this is riverpod and this is a block okay now of course in terms of UI and visual effect there is no change so here I'm gonna do click on this for get X and here I see that we can get started and this is where it takes us and this one is for riverpod and let's get started and the same happens here all right now for each of them we could log in or sign up now for River get X itself actually I have signed up so I'm going to log in using my credentials over here and after that actually would be able to use the app otherwise we are not going to able to use this app so I'm going to log in over here and we'll see that it's trying to log in because it's connected with the server so data is coming from server and here we logged in now over here we have logged in using uh get X now I don't have account for this too so I'm going to go up and go ahead and sign up over here now first one over here I'm going to use the username as device stack and I'm going to do email address and here I'll do Dylan to diversity.com and I'll in terms of password I'll keep it just as simple and I'm going to sign up over here and let's see okay so we see that we have some response and it says that user account already exists okay now in that case we are going to use a different one let's go ahead and sign up all right so here it says that an email has been sent to verify to my account which is my email account so that means that I'm going to go ahead and verify the email address so here I've got the link and I'm going to click on this and verify this email address and we should be good to go let's wait for it because the Firebase verifies our email address in our app we have used email address verification and for this mechanism we have used Firebase now here it says that your email has been verified as you can see so now here we are and inside this we are going to use the email address the one that we have just used to log in so I'm going to click over here login so here we are logged in using riverpod now for Block itself we are going to use Google login obviously you could do email of course you could do email login but here we'll go ahead and do Google login so here we are doing Google login so it means that our app supports custom login as well as Google login Facebook login and apple login as you have seen early here at the top we had this apple login now we should be logged in using Google as you see over here you can also use apple to log in okay beautiful so our apps are ready now this part of this app has been done using block so let's go ahead and take a very quick look so here is this search section and here is this courses so if we have a lot of courses you'll be able to see them from here and then over here we could also do chatting and this is our profile section so that was the getex version now let's see the river pod version over here so once again this is our search section and the course section and message as well as our profile section okay great now block section should be the same as you can see over here so now here you could also go ahead and click on this section where it says go and see your lessons of course here you would be able to play videos now here I put random videos all the videos are same though all right so the videos are same but you get the idea so the teacher would be able to upload these videos from backhand now let's take a look at this uh message section using get X over here we do see that we would be able to send messages here with the hey there hey there and send messages and of course we'll have this send images and file section okay so that's what we'll be able to do here we'll see how this uh payment section works so it will take you to this course section earlier we have seen that you can view them uh as a video right but you could also go ahead and buy the course but the course should be uploaded by the teacher from the back end as you can see it's loading so here we have integrated a stripe payment so you'd be able to your users would be able to pay through Visa card Union card and MasterCard all right so of course on virtual machine like this we are not going to do that and over here uh user would be able to see all the courses that been uploaded by the people in this platform but of course this one we also have over here now from my experience as I've worked all these three state management system I feel like that getex is the easiest way to start and it's the easiest way to get your job done and on the other hand a block is the most system wise it means that like for example everything is very planned as you work with blog you can't mess around get X is easy but if you are not a good programmer it's also likely that you'll make mistakes but yes with get X you development Paces very fast actually extremely fast so in a lot of places actually when I don't have enough time I do use uh get X rather than block or riverpod now what about riverpod okay well Riverport actually stays between somewhere this uh get X and block because getex gives you a lot of freedom on the other hand block is very strict the way you do your the way you manage your code in terms of managing state so Riverport stays somewhere between this two so it's up to you which one you choose actually I use all of them and I'm good with them so I don't have any problem anyway so if you want to learn more about this app and get X and the riverpart and blog check out the link below thank you

Channel: dbestech

Views: 20,700

Keywords: Flutter Getx Bloc riverpod app, getx vs bloc, getx vs riverpod, riverpod vs bloc, flutter state management, flutter tutorial, which is better getx or bloc, which is better bloc or riverpod, flutter riverpod example, flutter getx example, flutter bloc example, flutter bloc riverpod getx app tutorial, flutter bloc advanced app, flutter getx advanced example, flutter riverpod tutorial, flutter advanced app, ios and android app tutorial, ios and android app dev

Id: NQnzDKQA2aE

Length: 8min 30sec (510 seconds)

Published: Sat Mar 04 2023