React Developer Reviews Flutter - Better Than React?
Vložit
- čas přidán 25. 06. 2023
- Check out the Content Marketing Blueprint to learn how to market your SaaS product on social media: thecontentmarketingblueprint....
Download the app here: todewy.notion.site/Todewy-Inv...
Also join the discord to leave feedback/suggestions about the app: / discord
Check out all my favorite gear and helpful resources/links: beacons.ai/youraveragetechbro
Follow me on TikTok: / youravergetechbro
Follow me on Instagram: / youraveragetechbro
After web development with plain CSS and JS, using Dart and opinionated widgets is really great for me. It’s giving me stronger mental models about how to do it well, as a self-taught developer
Download the app here: todewy.notion.site/Todewy-Invites-b48741dc39ad4f6c80aa61c0e7943499
Also join the discord to leave feedback/suggestions about the app: discord.gg/eX7mqsgYHC
Great video, although I think the critique of being too opinionated and telling what you can and can't do is not really valid, the way I see it is that Flutter gives you a choice, like you said with Flutter you get a lot more prebuilt widgets out of the box that are highly customizable but it doesn't force you to use those, you can build your own custom widgets instead with basic stuff like Containers which is essentially a div in React and custom painters and shaders and so on if that's your thing....
Yeah, I think the same
True, you can even paint your stuff from scratch, if you want.
Note that unlike CSS, you can also raw dog the layout and just implement it in Dart completely when necessary. I've done that for a complicated toolbar where when the container is shrinking, the search field had to shrink up to a certain point, then hide a few buttons to gain more space, and then if it's even too narrow for that hide the search field as well. When the search field is in focus, it had to expand even more and hide other things instead.
While I think that this would be possible in CSS in some way, it's way easier to implement in plain Dart due to having regular branches and comparators. The function just gets the container min/max size as input and it sets the children's positions and sizes.
since I worked using react native around 5+ years, RN was more painful to maintenance, example when new version of RN is out and we need to upgrade it. but flutter made more painless. And development experience is better for flutter because data type more clear than TS on React Native
Have you tried using expo with React Native?
I love the idea of you todo app! I'm a bit mindblown, so simple yet so cool!
Waouh I really like the idea of the app. I think it's pretty cool the functionality of taking a picture to complete a task and the update to come where you can follow your friends is also quite cool
Look forward to the app
Your to-do app is actually really cool sounding!
guys what should I do, kotlin, flutter, react-native or swift. I am very beginner to this
Looking for a lot more Flutter videos on your channel.
cross platform vs native which one is better
Awesome work, but you lack a lot on UI/UX I know this is something as a developer we don't pay much attention to but this is your current weakness just pointing it out
Appreciate the constructive feedback!
The dart support in vscode is much better than c#.
4 c# use microsoft visual studio
You want Microsoft to kill their product with their product?
I hope the flutter community grow faster and bigger, there's potential in there.
Great Video! I would try out flutter too!
Definitely recommend it! I enjoyed it more than I expected
I struggle with the set up for eslint and prettier for a long time before I see anything on screen when developing in React Native. But flutter is much more straight forward and has a cool widget tree component display where you can just navigate to them.
A better comparison would be Flutter vs a React component library
I think flutter is really the 'Unity' of app development. It's very simple to use with pre-made widgets that are customisable but to a limited extent compared with React Native.
how is it limited? you can make your own widgets
@@BooleanDev Of course you can still do a lot, but it's still limited compared with other frameworks. You also get a much bigger app size in the end which is also similar to Unity.
@@loot6 What specifically is limited compared to other frameworks? As for app size, it is true for small apps but for comparable big apps there won't be much difference thanks to tree shaking of code and icons
@@BooleanDev As for limitations you can do a search, it's talked about quite a lot. It's generally considered more limited than other frameworks but I don't have the details. It's designed to be easy to put an app together quickly so it's not gonna be as flexible as other frameworks, that's the tradeoff.
As for app size, if you're making a large app it may not make a lot of difference as you say but that is the same story with Unity. Many apps don't need to be large at all. People will go through their apps and delete the larger ones unless the size is justified so that is the tradeoff.
Basically it's all a tradeoff so you can create apps quickly and easily with the widgets. You can't really have both. I made an app originally on React Native that was a few hundred k, the exact same app on flutter was about 100 times the size...literally. Although the problem is more on iOS than Android.
Im finding the opposite is true. Blur effects in React Native on android are awful and costly. I want to build my app with a glassmorphic ui theme in React Native but I cant because of this. I believe there is no such limitation in flutter since it uses its own renderer. If anything is putting the shackle and chains on me being able to deliver pixel perfect UI atm its React Native.
Flutter is definitely not explicitly, you have total freedom
How do you think it compares to Swift and Kotlin? I definitely see how it's competitive with other cross-platform development platforms but I don't think it's going to replace native development platforms anytime soon.
I have no idea bout Kotlin but it’s very similar to swift ui. Also flutter is not locked to Xcode meaning the dev experience is 500x better, you have copilot autocomplete type highlighting smart refactoring you do not even need to code it on a Mac, it’s just way
Better and I say this as an Apple guy
i have a question when i write code in App.tsx that is default while creating project when i write code in it no errors occur when i create new App2.tsx when i write code in it code works but there is error in the code thats not fixing and showing red lines
Typically, you'd look at the error and try to understand what it says. If you can't understand it, then you can take a copy of it and ask chat-gpt. If it is still too hard to solve then you may want to post a question on stack overflow with images to show the error along with the code. I know it's late, but hope it helps anway.
You have to change it in app registery then it will work
If you were to start the app today, would you still choose Flutter?
If I were building solo, i would do react native. If I built it with my cofounder, I would stick with flutter.
@@YourAverageTechBro ah right, you mentioned that
did u use firebase for your app backend
Yep, using firebase in the app backend
Tauri is a great one you can literally build your web app without/adding some changes in rust to desktop and mobile
I react developer started to learn and use flutter because it better performance for native apps, I did tried rn its pretty good, but there problems to use react ecosystem so its not that good
that is exactly I do when trying to make something justify...
anyways, I'm just a noob react native developer who is trying to figure out something I don't even know myself lol...
Love from Pakistan!
What's shocking to me is how intertwined logic and layout are (sometimes for better, oftentimes for much worse).
It's basically impossible to read for someone coming from Unity3D or Qt development. It feels a little bit like React.
So I started watching this video, yada yada yada, now I know React.
🤣🤣🤣
The thing I don't like about Flutter is that it throws away the whole UI layer of the OS
you mean the native ui of the OS which react embrace, right? like native button looks, etc
@@TheTdg97 native looking but not actually native
@@giuliopimenoff it is so similar. there arent any difference at leat basic components
@@abrorbobomurodov2361 the difference is in the development manifesto
That is a feature, not a bug. By throwing out native UI kits, they keep the Flutter apps extremely portable.
I think react native still better cuz flutter is kind of rewriting whole ui engine instead of capitalizing core ui of android
"Core UI" of Android is outdated, even Google itself recommends using Jetpack Compose, same with iOS' new SwiftUI. The only difference is that Flutter was production ready cross-platform solution years ago already.
Is your co-founder Engineer Girlfriend ?
So first "downside": There is a lot of widget doing something you would have to do by hand when using react, but you can do it by hand if you want in flutter too.
So your first downside is that flutter does like react, AND MORE. Yeah sure.
And no, there is not limitations on what you can draw with flutter, you can paint if you want, you can do shaders, you can do anything. You, once again assume what you can do is limited to what exists in the pre-build widget library.
Give me one super complicated stuff you did in react that you think is no doable in Flutter, I'll do it
Yes, its better
So far what I saw with Flutter is, the UI structure of Flutter is unreadable. For React, the UI and business logic seem to be integrated. In just a little complex app, they seem to have tendency to turn into spaghetti code. My favorite is IONIC.
The answer is no. With Expo, rn is most .
So basically all pros and no cons -- that's what I heard.
😝 *Promo sm*
if you know what flutter does behind the courtains, you'd never use flutter... unless you are crazy. and good lucky using your dart skills when flutter dies :D
I don't understand, please explain?
@@WiikLyIDhe’s talking out of his ass. Ignore him
Dart is literally typescript, of course google is behind them but guess what Microsoft is behind all other languages and dev tools and google is not that much worse than Microsoft.
@@user-fr2fm3ri3wI don’t think u can use “literally” in this context. Dart is Dart. Typescript is JavaScript. Dart is statically typed and has null safety. Typescripts is just like a linter for JavaScript with quirky type system. Although the syntax are similar, Dart is way better. Try it out and see for yourself
@@user-fr2fm3ri3wok 👍