React Developer Reviews Flutter - Better Than React?

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

[@forno_nicolas]

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

[@aissamouajib]

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....

[@ashwdq]

Yeah, I think the same

[@ForChiddlers]

True, you can even paint your stuff from scratch, if you want.

[@makisetakashi]

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

[@SwaeTech]

Have you tried using expo with React Native?

[@anlumo1]

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.

[@quintennn]

I love the idea of you todo app! I'm a bit mindblown, so simple yet so cool!

[@MW-fc4ge]

Your to-do app is actually really cool sounding!

[@noumbissistael1470]

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

[@songheu0075]

cross platform vs native which one is better

[@philosophia5577]

Looking for a lot more Flutter videos on your channel.

[@iam_nick]

I hope the flutter community grow faster and bigger, there's potential in there.

[@holycow6935]

Great Video! I would try out flutter too!

[@YourAverageTechBro]

Definitely recommend it! I enjoyed it more than I expected

[@deathlife2414]

The dart support in vscode is much better than c#.

[@Hamzaelbouti]

4 c# use microsoft visual studio

[@Dabayare]

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.

[@juaninfante7000]

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

[@YourAverageTechBro]

Appreciate the constructive feedback!

[@loot6]

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.

[@BooleanDev]

how is it limited? you can make your own widgets

[@loot6]

@@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.

[@BooleanDev]

@@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

[@loot6]

@@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.

[@TheMrTheseus]

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.

[@orjiemmanuel6442]

Flutter is definitely not explicitly, you have total freedom

[@TerriTerriHotSauce]

A better comparison would be Flutter vs a React component library

[@shreyanshmisra]

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.

[@user-fr2fm3ri3w]

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

[@rehanshah4262]

did u use firebase for your app backend

[@YourAverageTechBro]

Yep, using firebase in the app backend

[@YourAverageTechBro]

Download the app here: todewy.notion.site/Todewy-Invites-b48741dc39ad4f6c80aa61c0e7943499 Also join the discord to leave feedback/suggestions about the app: discord.gg/eX7mqsgYHC

[@advancedprogramming62]

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

[@GamingParadise32]

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

[@yousefashraf1209]

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.

[@aniket.d07]

You have to change it in app registery then it will work

[@marcpanther8515]

If you were to start the app today, would you still choose Flutter?

[@YourAverageTechBro]

If I were building solo, i would do react native. If I built it with my cofounder, I would stick with flutter.

[@marcpanther8515]

@@YourAverageTechBro ah right, you mentioned that

[@mdkvaofficial]

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!

[@kasvith]

Yes, its better

[@thygrrr]

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.

[@jasonthedesigner]

So I started watching this video, yada yada yada, now I know React.

[@syedquadri3922]

🤣🤣🤣

[@ulrich-tonmoy]

Tauri is a great one you can literally build your web app without/adding some changes in rust to desktop and mobile

[@giuliopimenoff]

The thing I don't like about Flutter is that it throws away the whole UI layer of the OS

[@akbar-sm]

you mean the native ui of the OS which react embrace, right? like native button looks, etc

[@giuliopimenoff]

@@TheTdg97 native looking but not actually native

[@abrorbobomurodov2361]

@@giuliopimenoff it is so similar. there arent any difference at leat basic components

[@giuliopimenoff]

@@abrorbobomurodov2361 the difference is in the development manifesto

[@_____case]

That is a feature, not a bug. By throwing out native UI kits, they keep the Flutter apps extremely portable.

[@codelivewithme]

I think react native still better cuz flutter is kind of rewriting whole ui engine instead of capitalizing core ui of android

[@ekrem_qb]

"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.

[@gaxkiller]

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

[@pakkateluguikkada]

Is your co-founder Engineer Girlfriend ?

[@carpediemalp23]

The answer is no. With Expo, rn is most .

[@h.selcukbeyhan8252]

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.

[@hiawathasbrother]

So basically all pros and no cons -- that's what I heard.

[@raleigh6589]

😝 *Promo sm*

[@cloudsss83]

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

[@WiikLyID]

I don't understand, please explain?

[@codegambit2507]

@@WiikLyIDhe’s talking out of his ass. Ignore him

[@user-fr2fm3ri3w]

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.

[@codegambit2507]

@@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

[@dgdfacil]

@@user-fr2fm3ri3wok 👍