Build 5 Apps in 5 Minutes with Flutter… But should you? 

For the newbies, never forget that the best language/framework/whatever is the one you actually make something with. Completed projects are better than over optimised unfinished ones.

it’s not all rainbows and Flutterflies

One thing they have in common: they all have blue logos 😂

There are actually two ways of rendering flutter web apps. One as you have shown with canvas, it weights more, but have better performance. (Skia engine is downloaded to the broswer) and there is the second one (new) that translate to HTML CSS and JS.

1:27 "delete_me" *proceeds to keep the folder around for the next couple of years*

Great video as always! 100% spot on with everything. We're building a desktop Mac / Windows app. Also multiple mobile apps and only 1 mobile and Web application. As you know I'm a bit biased but it's been such a great experience. This video is what I will recommend if asked about flutter going forward :D

We don't deploy to Mac/Windows (that's why we have web apps!) but we are quite happily building an IoS/Web/Android app for 100K+ users, while using native styled widgets. Takes a bit of scaffolding to set up that way so it's intuitive for devs (eg. setting the widget themes in the build context rather than within a widget) but it works pretty well for us! We also use automated testing to compare the appearance of different widgets during pull requests, helping us diagnose layout issues.

Well, it is easier to create a plugin in all platforms to support a feature than to recreate an app for each. Flutter is on the right track to be the best framework for building UI. Using it for mobile is an awesome experience. You still need to know how to develop for the native platforms because there are configurations that will need to be done at some point. Great video btw!

6:33 if I understood their blog post about it, Spotify uses React throughout their platforms, with different wrappers around the clients to interact with the hardware and the platform

Where I work, we mostly create apps for internal business uses. The greatest thing we ever did was to ditch native apps all together and just use PWA's.

I agree with the drawback, I tried React Native Web and its definitely not easy trying to make the UI looks good and functions well in Web and Mobile. At the point, where it’s easier to wrote two codebases

Looking forward to your new Flutter course!

Your biggest fan from Zimbabwe - We're all millionaires over here

6:32 Im not sure if you meant that as "any apps with a single, shared codebase", but there are heaps of applications with mobile, native and web clients, I would say notion is the one which has the most unified experience

The subtle jokes here are hilarious 😂

The flutter vs react native is so much like console wars, everyone throws crap about the other one.

To answer your question: Skype is built using React Native (Skype is running on web, Android, iOS, Mac, Linux, Windows). Thanks for the amazing video! I love your way of editing. Thanks!

You just made me realize something super awesome about Flutter! No XSS injection (Not totally, but it's harder)

"One Hundred Trillion Dollars" is how much you should be paid for making these videos 🔥

I think Flutter for desktop or web is nothing more than a nice bonus for your mobile app. Desktop and web are both missing a lot of widgets that are fundamental to these platforms and desktop is even missing basic functionality such as multi window or video playback.

Your videos are SOLID, man! You make the tedious stuff engaging, you speak hyper-clearly and concisely, you know your sh%!*! THANK YOU!

I am currently learning flutter. Goddamn I love your short introductions: simple enough to understand.

Will your new Flutter course be targeted entirely at beginners or will there be more advanced topics for us intermediates? :) Love your video style and will 100% be buying your course if it's not just all about basics... or well honestly I'll probably buy it no matter what.

That "everything is rendered in a canvas" thing for web sounds like hell on earth regarding accessibility issues :O

What would be interesting is if you could use Flutter as an Angular Control so that you could embed Canvas elements written in flutter into your Angular App. Like Flutter Islands if you will.

thnx for pros & cons. this section alone felt much better than most other bulk produced fireship vids.

Man, your Flutter videos are always insane ⚡ Thanks Jeff 🙌

Quality content. 700k well deserved. Hoping for 1M by end of this summer.

thanks I was obsessed with React and now with Flutter

Yeah, but let's keep in mind that Flutter is a complete new framework, it needs time to become the standard with awesome performances and 100% crossplatform compatibility, anyways nice video as always!

Aah yes!, The blue logo...

Seems like a thin line between a CMS and any statically typed languages (Dart on this case). This approach will get closer and closer in the next years throughout frameworks.

Discord is actually supported on Android, IOS, Windows, Linux and in Browser, and I think they did a great Job at having a great experience on all. I'm not sure but I think Desktop & Web are built with react/electron and mobile with another framework like flutter.

I have learnt a lot of new things that I have never worked with from your videos, like AWS, nginx, kubernetes, graphQL(and other dbs), typescript to name a few. One thing that I don't understand is how they work together. I would really love to see a video where you design a mock system using all of these (and possibly more) and explain each of their roles and why you chose it (kinda like your reverse-cloud migration video using raspberry pi). Whenever I think of a software architecture I think of them as several layers that interact with each other. However, I am unable to assign which layer what belongs to by watching a stand alone tutorial about a single tool. Btw, I am a college senior pursuing CS major and I love your content. Thanks for all the awesome contents.

This was amazing! Thank You!

Awesome video! More cross platform videos please!

Great video! Thanks for the cool ideas!

Brilliant video. Thanks Fireship

very enlightening, thanks!

Always awesome video as usual, thanks

Your main critique was that it rarely makes sense to target all five platforms with a single codebase. I disagree strongly. It might not make sense to use literally the same code - but that doesn't diminish Flutter's advantage. For instance, you might have a desktop gui and a movile gui. The two will be completely different, due to different input methods, aspect ratios, etc. But it is still highly likely that you will use a lot of code for both platforms. You might even share graphical widgets between them. How you stitch them together might be somewhat different, but sharing code between platforms is invaluable. The same holds for the web - I'm sure it's pretty simple to expose your code as an API, which you might use to build a webapp using a different framework. Think of how luch code actually defines your GUI, versus how much is simply logic.

So glad there is Flutter again :D

6:00 OH MY! that cracked me up WAY to heavy 😅 LOL

As a beginner, my solution has been PWA's and let the user just install it that way.

Awesome inshorts 😌

Yesterday I was searching how Telegram's whole ecosystem of apps is so fast, like what stuff do they use to make it blow everything else in the water. Answers on Reddit most people gave were mostly that they have different teams working on different apps, they have a separate codebase with all native technologies for that platform. Also, they have built custom protocols for their APIs to be fast. Love it. Just in time Jeff 🔥

awesome work as usual

Hello :) Nice vid, but how did you get the color preview box before row number? Is that some extension?

Angular + Firebase for web. Flutter + Firebase for mobile. That's how it is at my workplace.

Solid video, thanks!

This was insightful.

Thanks for informational video, Jeff. How about "Dart in 100 secs" soon?

on windows it could save it into an sqlite db or when it runs with chromium with index db or local storage

I recognized that money picture you used here...I'm proud being a Zimbabwean and I'm watching code report🙂...

Build 5 Apps in 5 Minutes Also, let me just paste a few hundred lines here and there XD

The reason at 4:05 the initial colour is black is I think because the app queries shared preferences without any checks, so the very first time an app launches, shared preferences can’t find any colour.

Flutter! Need to learn complete from low to all corners. Maybe one day or today!

Waiting for the flutter course 😍

kivy is also there for cross-platform development 😉

Interested to see how MAUI will do against existing multiplatform frameworks

I frikin lost it when you said one thing they have in common is they all have a blue logo. That was hilarious bro. 🙏😍🙌🔥🚀

The good thing about this library is that for simple enough apps, it really does just work. But then as soon as you need to do anything even remotely advanced, it falls apart the same way as React Native does, because it has seriously limited access to certain features of your device. For now writing native is still the power move

Love the joke towards the end 8:39 Savage!

I'm falling in love with Flutter

Discord is pretty solid across all systems/devices.

Great Video. So what if we only used Flutter for mobile apps?

Wow amazing brother ❤️

Flutter is lob♥

Please make more videos about yourself, I know it is hard to make videos as it takes a lot of time to editing and overall to make them. But we will be happy if you make videos on your other channel without any editing as it would be good for us to know more about our favorite developer and Try to make a Q/A video

Awesome!

6:01 😭 omg this joke had me rollingggg

Somehow RU-vid decided that this is Korean. The automatic subtitles are locked on Korean xD

Nice! Witch VS Code theme do you use It?

That thumbnail just made me realize the Flutter logo is an F. I thought it was some sort of left chevron

What extension was used to have the color preview in the margin of the code? It looks really nice!

Awesome 😀

The world needed this video

nice video 🔥🔥

C/cpp/JavaScript interop is also great, as well as using kotlin as a replacement for Java- awesome video as always! 🔥🔥🔥

Discord is an app that runs very well and works basically the same on all platforms

would be cool and great if you can do a React Native vs Flutter 2021 (with their latest version)

Wow Flutter looks cool. Like a Javascripty Java.

Reminds me of this one game engine I worked with once, it aloud you to port your game to legit any platform, it was super neat. Great content!

Are the osx and windows app just webviews? However thanks for these amazing videos 😊

Please do a video on multiprocessing,multithreading and asynchronous

Every developer dream multi platform app with one codebase

Yes! and the minute we start conecting it with WEB API.. hell breaks loose!

Hi Bro! I would like to know what backend language do you recommend to use with flutter? Do you think there is one that is worth more than the others?

I would use electron for cross-platform apps.

Best guess Mac and Windows could be using dot files to save the state of the application. Awesome video, love your content

5:57 ohh .. what an observation - blue logo

You are a beast ❤️❤️

create a video about latest flutter firestore usage please we need it so much

I just started learning flutter yesterday dude. You are a wizard

I would add that you can in fact with one code-base create apps that look different on mobile, tablet and desktop because Flutter does not only have media queries but also OS queries, so the sky is more or less the limit. When it comes to plugin hell, in my experience Flutter has a ton of very high quality plugins. Also, plugin hell if you ask me is worse in web apps where dependency-trees at this point are nigh impossible to follow. Quality is relative. As with everything, use the right tool for the right job.

Do a video on how to test website and app developed use flutter, i guess flutter has its own testing feature, can you do a video on how to use it

I think Surfshark did manage to use the same unified UI for all platforms

I'm excited for Flutter 2 Desktop to get out of Beta. From my understanding, it would be a good alternative to Electron and Qt.

Ionic is also good for Cross-Platform and JS lovers

I started flutter after this video 😆🤩