Flutter for the JS Developer
ฝัง
- เผยแพร่เมื่อ 4 ต.ค. 2024
- Flutter/Dart basics for the JavaScript web developer. Learn the similarities and differences between Dart and JS side-by-side. Compare Flutter Widgets to React Native components. fireship.io/le...
Flutter flutter.io
React Native facebook.githu... - วิทยาศาสตร์และเทคโนโลยี
"Let's fade out the music and get into the code"
I see what you did there.
You listening to us.
That's what I do! Incorporating feedback is very important to me.
I wish all languages had a comparison 1:1 tutorial versus the languages it's based on.
I always procrastinate before learning a new language because it's a pain in the ass go through the basics stuff.
Your video in the other hand, go right into the topic!
That's genuinly a great idea. I'll build a new channel and start with the basics: html vs C#
@@THEMRfatefighter have you done it yet?
@@themirac5614 dude, it was a joke. ^^ every language has it's application. Html is for web content, js for web scripting, python for apps (not efficient but quick to setup), c# for lengthy apps or games with classes and heritage, ect. The idea is great but it's like comparing wine and wiskey. Both are alcools but you just use them in different situations.
@@themirac5614 Man.. That was a joke😂😂
This can help you hyperpolyglot.org/
This is why I jump to your videos whenever I want to learn a new technology or language, your work is special man, thanks for your effort making things effortless to us.
I decided to build an app with Flutter a couple weeks ago, found your channel last week (which has been immense help) to brush up on my JavaScript for interviews, and then you release this. Quite astonishing timing I'd say.
atleast you found him
@@brhh yerp mates from other groups talking abt him so that's pretty much how I found him lol
Dart = java(only the good parts) + JavaScript (only the good parts)
Dart is actually quite similiar to C# and I don't mean that because C# is similiar to Java. Anonymouse methods and types, promisses, properties, async/await and so on are part of C# for years.
@@relentless5723 C# is not a scripting language. I always felt like Java and C# to be like in a realm that is not needed. Yes we need scripting languages for dynamic stuff, and yes we need system languages for fast static stuff. Both can be used together. Where C# and Java is more like trying to do those both but failing at each of them. Dart is nice for scripting, while rust is nice for system level.
@@relentless5723 I have to agree on that. I learned programming from making games in Unity and was avoiding the JavaScript version of Unity because C# syntax was just more appealing for me. Ever since I started web-development i have always used TypeScript because it is basically C#script to C# as JavaScript is to Java. Dart is even more like C# which is why I only use Unity for making games and not for app design anymore.
Should I learn js or Dart..? Any one plz...I m new bees for programming..
@@JK92007 Depends if you are going for web development or mobile development. For web its definitely JS plus you can write mobile apps as well using react-native, ionic etc. Flutter on other hand is mostly suited for mobile applications and it gives better performance over mobile apps written in JS.
JS is my wife, but flutter is my mistress! Awesome😂😂😂
Love that quote 😂
😂
Lol!! I like it. Let's talk Darshan. Flutter app.
😀
Shutup harami
The animations in video are so well made.
Thank you, I'm not an animator, just learned a few tricks after making so many videos.
@@Fireship mind sharing? it's so cool!
Only with ur videos.. i give like before start watching.. lol .. fully trust the content
Jeff .. can u do a separate tutorial for state vs stateless in flutter .. and how to structure the files .. components .. services .. 🙏
@@firaskudsy Thank you! Yes, I have a long list of topics. State management is a full video that will come soon, but project organization would be good also.
@@Fireship one more question.. why we cant see the old tutorial and videos on fireship.. i mean the one on angularfire ..and would my subscription valid on fireship too ?
@@firaskudsy yes, the angular firebase membership will work on both :)
I've been dabbling with Js and React Native for the past year, but just recently I decided to learn some Flutter/Dart and it's been a much easier experience so far
same
Super helpful comparison! Every time I create a demo Flutter app I resist going any further because it reminds me of Java in college and I don't want to go back there 😺.
I've never worked with Java, but it feels like a sibling to TS, or kinda like JS & C# had a baby.
But Java is nice af!
@ Nope. Kotlin, Scala and Clojure are nice, Java is a bloated mess, forced only to be OOP.
@@devilmanscott there isn't a suitable alternative for java for large-scale infrastructure
@@chop098 c#?
Great video. Bridging learning with a side-by-side comparison with javascript was genius.
Flutter/Dart is a great career path to JavaScript programmer to go cross platform and fully native. Your side by side rapid fire comparison worked really well! 😍 👁💧👁. 👣
Thank you! Excellent emoji usage 🍻
is flutter/dart considered native?
@@lovesimpleton8177 eh, its close enough. Not fully though
Looks like a merger between a lot of good qualities from many languages. Its getting to the point where all languages are evolving toward the same end goal.
Started with Flutter and now learning ReactJS and I can see a lot of similarities and where Flutter got it's inspiration from. React a lot easier to learn now.
Last element in an array (even strings) in JavaScript: *element.slice(-1)*
I dont think anything would beat element.last in smoothness
@@keokawasaki7833 Not sure what you mean.. there is no last function for String or Array.
@@Benony91 that's exactly the point. javascript doesn't not have Array.prototype.last or anything like that. So we will have to rely on ugly or (mildly ugly like yours) solutions...
@@keokawasaki7833 haha yep! 😂 It's strange that something so trivial is missing..
Typical JS programmer response. Look again how shitty that code statement looks. Nothing beats element.last
12:38 nice stackoverflow right there
Dart like Modern Java mix with JavaScript.
Thanks for awesome video!
Thank you. That was what I was looking for. It will help me a lot in my migration from JavaScript to Dart.
Sorry for my English. I used google translator.
Mmmmm the C like syntax reminds me of my wild college days.
Alex Schlake wild malloc times? ;)
C is life.
I am going through them... still need to learn how yo use gdb
Coming from C# as my mother language in coding. This look eerily similar. Gonna give this a go and finally build that app my wife keeps asking me for!
I don't know js but am coming from C++/Java/Python, now working with flutter.. THANK YOU fine sir for that wonderful overview!
When I started to learn Dart, I immediately understood why Google wanted so badly to standardize this language for the web
Such a good language that seems to me like a combination of Java and JavaScript, in a very good way
I personally favor JetBrains software over Visual Studio Code, so I also benefit from quick-fix, which saves so much time
In short, I can't decide what I love more - Dart or JavaScript
Dart might not be exciting, but it's a very productive language. Almost everything just autocompletes with inline docs.
This video was awesome! Love the side by side Typescript vs Dart! Would love to see more!
I've been looking for a quick introduction like this for months! Thanks a lot dude!
Now every js developer must learn in2021 ,
I love js ,
But i like flutter too .
😍😍😍😍
Great video, I was waiting for it since your last video, I'm intrigued with flutter and this video gave me the bare minimum to kickstart a flutter app
Flutter is gem!
I’ve never seen a developer talk so fast... do you speed up your videos? 😁
Did that whole video in one take :) JK, I cut out dead air from the audio track.
I know I am late, but I have been doing Java my whole life and flutter seems like something I've been asking for but too afraid to check out. :P
than don't wait, java is dying
Man...This guy knows a lot!
Super thanks for sharing
I hesitate to learn flutter dart program as a js developer but after watching you're video hesitation gone
look like we have too many choice to develop programming in 2019
Web -> JS, Hybrid -> Dart, Native -> Swift/Kotlin
Doesn't seem too bad.
Ji Park and by Web we mean Vuejs or Svelte haha
@@jjjjjjjjwwjwjw You mean, web => JS, PHP, Python, Ruby, Java, Kotlin. Desktop => Electron, Rust, C, C++, Python, C#, Java, Kotlin. Mobile => Java, Kotlin, Ionic, Flutter, Nativescript, React Native.
@@jjjjjjjjwwjwjw Flutter isn't hybrid, it uses native components. React Native is hybrid
@@jjjjjjjjwwjwjw Flutter isn't hybrid , it's cross platform.
I was given soft soft as a gift in 11, and up until recently, I was so overwheld by the complexity of it that I never got past just using
Wow, this is what I call Learning at Warp Speed.
Looks really cool! Thanks for the comparison 👌
Await for loop?! This looks awesome!
It resembles more like Java to be honest, great video
Flutter with the android studio is much more convenient and powerful, so I avoid vscode. I am a native android developer and knew very little about javascript. So for me, it was easy to learn flutter than react, because dart is pretty similar to java.
I love flutter because when I ask it to align content center, it does align content center..
Unlike centering a div
I have a pretty ambitious application that I'm trying to build. It would be targeted for mobile users but as a single web developer, I would build a web app first using React on the Front End (not yet sure on the Back End).
I thought of using React Native for mobile apps but then I heard it won't be optimal performance wise and that debugging in production would be a nightmare so I'm thinking that maybe I should use Flutter. I do like Dart and coming from C++ and C# it seems it won't be too difficult to get used to it.
Still not quite sure.
Give it a try buddy. Would love to know how you get on with it. Good luck 🤞
Genial. Excelente trabajo. Gracias.
Esperamos mas noticias de Flutter.
Great video. Just wish you'd have used a de-esser plugin on your voice recording.
Flutter is way better than js frameworks for multi platform applications , I wish I know this sooner
Plz make Nativescript tutorials as well. It is the best for solution for an angular developer for truely native app.
how about nativescript :)
I thought Dart would be more complicated and therefore I didn't touched it. But this looks pretty easy to get into.
I _really_ like this video. As an RN developer this was very concise and informative. I was sad that at the end you left Stateful widgets listening to Streams with just a code snippet, instead of the perfect detail you included on all of the other concepts.
I poked through your channel for all videos on flutter you have made hoping there was a good video dedicated to Streams and Stateful widgets but came up empty. Can you recommend one that you liked when you were learning them?
OMG. So many languages. I have an experience in Java, C++ and C and now I have trouble deciding whether to go for Angular or react or Vue as a web developer for a job prospect
Js. Functional Js should never be underestimated
First improve you J's knowledge. If you would go with angular, you have to learn typescript, which is really nice. React also supports Typescript, but I don't know about Vue. The point is, search for available jobs near to you and learn it, if you just want to pay bills. I would recommend you to look in every framework and pick the one you like the most :)
Thanks! Very helpful starting point, would defiantly dig int to Flutter more
In JS, you can get the last element of array with ".at(-1)".
Some of the best material on youtube. Hands down. I will be buying one of those Flutter shirts too btw.
P.S, everyone reading this comment should go checkout his video on Flare animations and integrating them to your Flutter app.
Always nice and instructive videos. If I may, music is a bit too loud in my opinion, tough to focus on what you're explaining.. until you stop the music of course.
my biggest issue with dart is that it hasn't go a native double type - any time you want to calculate money your stuck using a third party library which hasn't implemented comparators. My biggest issue with flutter is the bugs and the issue auto close robot which closes open bugs before they get fixed. I still have like 10+ bugs in flutter which are over a year old and are still broken.
array.at(-1) can also be used to get the last element in an array in JS
TWO WORDS ...VERY IMPRESSED!
Stream of knowledge!!! Offfff !!! Cool Man. Thanks
very nice video introduction....keep it up #team
Wait, Dart is still alive? :D
Your content is always great! Congrats and please keep doing this. 👏
very nice tutorial thank you i think i'm gonna learn dart and flutter
Excellent introduction, thank you
I just started deep dive javascript...
I don't know if its worth to switch.. :X
NodeJS also very popular
3:30 or press F5 and it will hot reload on save
I don't know why, but google make second hand programming languages, see: TypeScript vs. Dart, Flutter vs. React Native, Angular vs React, Traceur vs. Babel. Probably Go is the best product from google.
Please more of this!
Which one should a beginner choose? React native or flutter?
So should I learn vue or flutter ?
Wanna build a web app? Vue. Wanna build a native mobile app? Flutter
Good material! How about using Android Studio for Dart Flutter?
I have just started using flutter since this month, its build time is better than java and it has Hot Reload feature and it's super fast, I really love Flutter.
Dude, please create a Flutter/Firebase course on Udemy. Your vids are great, and Udemy is in need of a Firebase course that truly does it justice. Or just do a Firebase course by itself, that would be enough.
so many frameworks shoot like mushrooms out of the ground - it is so hard to keep up with everything - impossible
High quantity content 💯
pure javascript, react and angular-typescript, that's all for me :)
To get the last element of an array called array you just go with [...array].pop() wich won't alter array
Google planed to use dart for angular 2 but they used typescript 😥😥
But now dart is back with 🔥🔥🔥🔥🔥
I can see why though. They didn't want to make that drastic of a change. Ts although different is much more similiar to js. I think they would have lost too many js devs if they went straight to dart
I am new to JS and I find it not likeable. Can I choose to dive into flutter?
Dart doesn't have a large community
Depends, are you doing this for fun or to get a job? Cause if you want a job, JS is the safest choice, for fun? Flutter is the way
what do you think about flutter after a year of programing?
(excelent video!)
Question:
Was that quizzes app build with flutter?
lmao, I should like your videos more often
for the
await for
you can use map in js and await it with Promise.all(arrOfPropmises)
Great video
You, sir, are the shit! 🙌🏼🔥
Thank u for this awesome video
I do like Dart though. Can code using an editor without that heavy android studio. P. S I have a 4gb Linux system but still 4gb is not enough these days and I need to update my skills fast to get a job in web development
Am the same buddy.
please make a video on performance between dart vs go vs java script
Do you think it is quicker to write react.js and react native and reuse some code between them or write vue (im more comfortable with vue than react) on web and flutter on mobile? Having a really difficult time deciding rn :/
You should make a discord server for your community :p
Love your videos
Awesome , life will be easier if dart is superset of js,ts
I think they chose Dart cuz it's one really close to JavaScript syntax and also compiles directly to native code
You can use Timer.periodic(duration, callback); instead of Stream.periodic(duration).listen(). Anyways, thanks for the video bud!
i have made an app using react native , im pretty good at it but i know that flutter is just better , what should i dooo
Great video but I disagree with your statement about local state not scaling well. In my opinion and experience, state management libraries, like Redux, add additional complexity to a project and does not scale well for the team. Having to go through multiple files to track down where your state is coming from, where it currently is, and where it will end up is tedious and inefficient. Past that, state management libraries are often abused. I rarely see something like Redux being properly used as it's usually a scapegoat for throwing your whole application state into.
I've seen local state being abused and not implemented properly as well but there are considerably less problems when you're dealing with local state than with using a state management library.
You make some great points and I agree state management libs are often unnecessary and abused. I've found local state easier to manage in Flutter than ReactJS and believe this is mostly due to Flutter's builder widgets, like StreamBuilder. Personally, the combination of setState and Streams has been more than adequate to solve all my data flow problems.
@@Fireship - I concur. The Flutter team really thought things through pretty well!
as someone who works both with java and javascript , Flutter looks really good but the only reason I am hesitant to learn it is because Dart , Learning new Syntax's just makes life more complicated. You get confused every now and then specially when get used to one language.
Well, dart is ok because it is like Java+JS. But the real problem is some basic packages are not stable yet. For example, there is a bug in Webview about not showing keyboard. I already know C++, C#, Java, Python, JS, TS. So adding Dart won't hurt much but this is too critical.. so I am learning both RN and Flutter just in case.
While you were reading this message, 5 new mobile frameworks were created.
feel da same 😂😂😂
and 4 of it die within months, the fifth survives until end of year,
then 10 new mobile frameworks born from those mistake
still prefere the js syntax.. I don't understand why google still mantains Go and Dart languages
top notch quality!
Great video! 👍👍🔥
I don’t like when companies try to do their own thing. This reminds me of Netscape which had a bunch of “different” classes you could customize the browser with. Why I say that is because everyone is using components and you come with widgets. Just the name of a widget irks me. Widgets have been around conceptually for a long time. Too many “do it our way” things being done by Google. From promises being called Futures to Widgets instead of components etc
The reason I will not support or work with Flutter for now is because Google decided to use Dart. For anyone who is actually old enough to remember, Dart tried to replace JavaScript, I believe in 2011. I think this is just a selfish attempt from Google to try to replace JavaScript. They could have used their other “massive” library in Angular here and chose not to
React In general has shown major stability, unlike Angular who made some drastic breaking changes in its history. I m going to stick to React Native now because I actually enjoy JavaScript. JavaScript continues to grow with tooling and community support and projects and so does react. I m good
Great video though. You did a great job. I just hate that I see right through what Google is trying to do. Their goal is to replace JS and that annoys me lol
Here is an example link from 2011
www.reddit.com/r/programming/comments/kcwx2/google_dart_to_ultimately_replace_javascript/
Flutter have alot in common with qt quick (qml)
which you think is better !?
Yeah yeah, but what about socket and dart? I mean communicating with a server with socket using flutter?
Do you think that Flutter + Dart is the future?
Maybe... It will not replace JS solutions, but it's a much better hybrid alternative for those with C/Java backgrounds, while being just as suitable for web devs. It can also build Fuchsia apps, so that's a big wildcard.
@@Fireship awwww yizzzz. Informative. Thank youuuuu. More vids and subs to comeeeee. :*
Does Dart have generators? If so, how different are those from JavaScript?