Building an app in Flutter | Thoughts & Learnings 

Hey, Sean! Really, the Flutter and Dart extensions are super robust and give you a lot right out of the box. I also use Snippets, which speeds up creating general widgets. (marketplace.visualstudio.com/items?itemName=Dart-Code.dart-code) And then I use Prettier for code formatting. (github.com/prettier/prettier-vscode) Hope that helps! - Andrew

@@angelsv LoL

@@angelsv Remove the end parentheses from the links. For example: marketplace.visualstudio.com/items?itemName=Dart-Code.dart-code github.com/prettier/prettier-vscode

Hey, you might find this list handy😊 blog.maskys.com/my-vscode-plugins-for-flutter/

@@kufahmeeran ^^^^ thankyou!!!

Given the current situation, "You going to a party?" sounds even more sarcastic.

Thank you, Abhay!

Thank you, Fabian!

Thank you so much, Matt! As Google continues to expand on Flutter we're looking forward to providing more helpful tutorials. Appreciate your compliment, thank you for subscribing!

Great to hear that you and your team are rockin' it in Flutter! We find it pretty exciting as well - thanks for stopping by!

Thanks for watching, Mr G!

Thanks, Justin!

that would be a very-very disappointing... I will get mad at google if they killed it

Flutter is the future . Google didn’t name it future but it was meant to be future . When you pronounce Google it has the “L” to it . Similar that is what they did to Future and tweaked it and named it “ Flutter”

@@MrCooL-yt7kz Um

Idk about that. They have Kotlin for Multiplatform which could kill this.

@@phongle1772 Kotlin did start strong, but I don't hear its name that often these days + dart follows ECMAScript constraints so, web devs, in general, will be more likely to favor it over Kotlin.

Good luck with your learning! It's a continual journey but super exciting at the same time. :)

Yeah, good luck. By the way, the language is Dart. Flutter is the framework or platform.

@@Cremalab WOuld it be a wise choice to start with Flutter as a newbie?

@@MrYmerguf I also started with Flutter (Dart) back in Dec. But imho. It's better to start with Python to get a "foundation" (considering there's a lot more resources to learn and the language is easy to read and very newbie friendly imo). But building nifty things In Flutter is fast. It just felt like I was missing a lot... But what do I know. I'm pretty much a newbie lol.

Can you explain why would you choose Flutter over React Native? :)

@@DEVDerr my one of the best decision to switch to Flutter. Better performance, no troubles with 3rd party libraries. No fear of upgrading platform to newer versions. Plus RN architecture will be soon modified its maybe good for those in future but not for those already doing something with RN or just starting. Flutter for sure has big future.

A major additional reason for wanting flutter over react native is that it takes care of rendering where react native and other solutions hand that over to Android or iOS to do. In practice this leads to inconsistent UI between the two OS platforms. Flutter rendering is pixel perfect on both platforms. Think of this aspect of flutter more like how things render the same in Firefox regardless of windows, linux or osx.

@@armanmirk That's pretty good explanation

Not only will it work on Fuchsia, but also on the Web and Desktop! It works out of the box with zero code changes, but obviously some changes are necessary for production, due to the different input methods of these platforms.

Duly noted, Krupe! We'll see about creating some deep dive videos.

How's Flutter going for you so far?

Thanks for the suggestion, Vaibhav!

Thank you very much for watching!

Hey, Jakub! That is the question everyone is trying to figure out, “Will Flutter last?”. The support for Flutter is definitely growing and it has enough of a user base that it seems like it is going to be around for a while. As far as when to use it VS things like ReactNative -- it all depends on the project. There are some really cool/easy interactions you can build quickly with Flutter, and if you are comfortable with OOP, you can build very quickly. If your project is going to integrate heavily with the web, it may be better to look at a platform like React to be able to share things like state storage and testing tools. Hope this helped! Thanks for watching. - Andrew

vs code extensions can prettify it for you

@@hoochill Nothing can prettify that.

Yup. Mee too for the first time. But after understand it, everything goes easier

hi_ho you mean format it because the indentation and level of nesting looks horrible. Makes me question if there isn’t a way of creating your own widgets like components in react.

@@danbo967 yes you can create widgets or simply send part of the code inside a method, Idk why he didn't.

Thanks for watching!

Hey Siobahn, thanks for watching! We love Google as well, but for reasons you've described we haven't used Flutter to build any client products. We work primarily with React Native when we get the opportunity to build mobile applications. Members of the team have been able to experiment and learn with Flutter in their own projects and while working on our own product, Jog, which will be released this year. It definitely has its ups and downs. Sorry to hear that your team has had issues using Flutter on bigger projects!

Glad to hear that!

Crema Thank you very much ❤️❤️❤️

It really is!

There's plenty of resources online for this shit. Just start now it'll probably take you just a couple weeks till your making aesthetic UI's

Thanks for watching!

Hey, Ernest! We used the Canon M50 to record this video and Quicktime on the Macbook to record the screen. We use Adobe Premiere Pro to edit our videos.

Glad it was helpful!

Hey Sergio! I can't show you the source code, but I've put together some resources for you: What you need to accomplish the header is a NestedScrollView with a SliverAppBar and a TabBarView. Flutter provides great documentation around all of theses widgets and how they fit together. NestedScrollView: api.flutter.dev/flutter/widgets/NestedScrollView-class.html SliverAppBar: api.flutter.dev/flutter/material/SliverAppBar-class.html api.flutter.dev NestedScrollView class - widgets library - Dart API API docs for the NestedScrollView class from the widgets library, for the Dart programming language. api.flutter.dev SliverAppBar class - material library - Dart API API docs for the SliverAppBar class from the material library, for the Dart programming language. Hope that helps! - Andrew

Thank you Zane! We'll look into making another video diving deeper into Flutter.

@nearcz okay thanks

Flutter runs in 60fps and has really amazing animation support, so depending on the type of game you are looking to build, it could definitely be a great choice! Here's a link to a good tutorial for getting started with game development in Flutter. medium.com/flutter-community/from-zero-to-a-multiplatform-flutter-game-in-a-week-8245da931c7e

Kabariya Kritesh its because he is on debug mode

Any. You can build an API using Python, PHP, NodeJS etc. and your app can send requests to the API which in turn will respond with JSON encoded data.

Hi! Yes, you only need to write in dart with flutter. Then you can export for any platform: iOS, Android, WebApp, Windows, macOS. You only need to maintain one source code! It's insane.

Yes

Hey Swee Yong, Thank you for the questions. Let's talk through them. "Why should one pick flutter over native?" Choosing a cross-platform framework to build apps in gives you the ability to deploy your application on multiple platforms from a single codebase. A lot of the time, especially in the case of flutter, these frameworks provide widgets that can speed up your development time. "What are the cons of flutter over the long term, is it upgradable, updates, lack of features." Relying on Flutter to develop your apps will require you to wait on the Flutter team to make SDK upgrades before you can include them into your app. If Apple & Google release new features, you wouldn't be able to use them immediately without writing native code. However, so far the Flutter team has been super responsive. Upgrading from one version of flutter to the next has been pretty trivial to date. "I am looking at developing an app… log in… scan code.. inputing SKU.. store data… etc.." Authentication, QR code scanning, interacting with servers are all supported with Flutter and libraries freely available in the community so you should be completely fine there. If you are looking to hire someone to architect your app or help you build.. let's talk :D Cheers! - Scotty

Lol you can customize widgets however you'd like If that sounds scary to you, look into it before you move on

To elaborate this guy is complaining that he can't customize something to his liking, but a) isn't using the prebuilt widgets properly and b) could make his own widget with the functionality he desires

providers are used to pass information/data between different levels of your widget tree. while you might not need it if you want to code all of it into one big tree, it becomes necessary and a strong tool when you start to capsulate and abstract your app. you dont want to refresh your whole Ui everytime something small like a number changes

@@nirvana3377 Okay! Thanks man!

@@nirvana3377 Buddy I saw your comments and I knew you are new to coding.I learned Javascript for 4 months and came to Flutter+dart.Can you tell me which courses or resources did you follow and how much hours you spent in A DAY to learn flutter and dart?

@@milanpoudel3737 hey follow the link , www.udemy.com/course/flutter-bootcamp-with-dart/ . Dart was my first language so it took me around 150-200 hours to really understand what i was doing(i used the corona quarantine so lets say 45 hours a week but probably more). I used two courses but i think that angela yus course is really easy to grasp, she is amazing. though it might be to beginner friendly if you know another language already. I use Flutter for my own projects, but also started learning mySQL and now Kotlin and Node.JS . I really want to work mostly with Startups thus becoming slowly a Full stack developer might be an amazing advantage!(And they are really desperate for people who can code )

Flutter could be a great choice for most projects and you will really need evaluate the end product as a whole to be able to know which stack would be best. Coming from HTML and Java is a little bit of a toss up. Java is similar to Dart in that it’s a compiled, strongly typed language, but JSX in React Native will feel familiar coming from HTML. If you are comfortable with OOP, Flutter could be a great launching point for your project. -- Andrew

Thanks for replying man. I been looking for an way to build my app because I been working on for 5 years. I only took it serious last year. I’ll be comfortable with OOP, I been watching Flutter tutorials. I’ll come back to this video once I finish creating my app. Once again thanks man❗️

Hey there, Lex! Yes, we use the MacBook Pro 13" i5 Quad. It's great for development!

@@Cremalab thank you for your answer

finally bought it 2months ago, no regrets !

Yeah you can but can't anything for iOS

Hey lardosian, Since Microsoft just announced that they will be ending support for Win7, you would be fighting a loosing battle with any type of development. Android Studio will be running pretty slow I would imagine. - Andrew

@@Cremalab Thanks Andrew, time for a new machine.

If you have an Android phone, you can use that as an emulator and then use Visual Studio Code instead of Android Studio. VSCode is miles ahead of Android Studio when it comes to memory usage and performance

@@jagjot1697 thank you👍

It's not a flutter pattern to keep all widgets in a single file. A lot of examples do that because they are showing syntax mostly but we would normally split things up. - Scotty

nope, there are other options other than android studio for an emulator.

well that is such a hustle. I will be forced to install a 2nd IDE for the emulator

Flutter. RN will die slowly. With Flutter you can deploy to Play Store and App Store with THE SAME SOURCE CODE.

Santiago S bruh

Thank you Rollo!

You can inspect the compiled code using the web developer tools in your browser. If you want to inspect the file that produced that output, you'll need to open the source code for the widget itself in a code editor. Hope that helps!

Hey, thanks! I used the Android Studios Emulator. - Andrew

@@Cremalab thanks man! I'll try my hand at integrating a flutter app with my API

We'll look into it!