Most overpowered way to build mobile apps?
Vložit
- čas přidán 14. 05. 2023
- Learn how to use FlutterFlow to build iOS and Android apps quickly. It is a low-code Flutter tool with integrations for Firebase that rapidly speed up mobile development.
#android #flutter #firebase
Use FlutterFlow for free bit.ly/3Ia8UXv
Flutter Docs docs.flutter.dev
Fireship Flutter Course fireship.io/courses/flutter-f...
Nice! I can safely add Flutter developer to my resume.
Surprised It's Now Getting Ground, I've Been Using FlutterFlow And FlutterViz For Over a Year Now
I Have Drastically Reduced Development Time With These (Mostly Use Them For Prototyping Quickly)
😂😂😂😂
@@codingandclassicgaming Can you build complex apps with these tools? How hard is it to learn?
*Senior Flutter Developer
Between this and chatgippty mobile app development is safely on the resume. Now I just need flutter flow to make the same thing for NextJS with Redux and I will build 20 apps a day.
It's nice to see that copanies are actually working on no-code tools focused on developers now, as opposed to just people scared of code.
they're preparing the future dumbest generation, starting from Gen Z, that's why 😂
as opposed
@@exokristian fixed
Yeah the dream of being able to create good stuff with nearly 0 code experience always was silly
@@BernhardRutzen oh, so you write in assembly? I can't wait until AI laughs at your vain attempts of 'coding'. Building apps is about making things that are useful, not just because you spent years learning how you can. Ask a bricklayer if he makes his own bricks
I’m very scheptical of low code to build complex app, I really feel that as soon as you want more complex logic (validation, business logic etc…) low code tools won’t cut it.
But still I feel that even for complex app, this can save so much time for designing the UI before digging into the more complex stuff
yes that is the video's summary
false! its 10x faster for UI, complext things are not UI ;D
@@tennisbey Yeah that's my point. For complex app with a lot of logic and functionnality, you can still save so much time by using this low code tools to generate your UI code. Then you plug the functionnality with your standard coding patterns
Dude you ALL make that assumption without looking into it at all. What if there's export functionality to port it all over into code so you can make more complex stuff?
@@BusinessWolf1 he is right i used it see my comment it's very good but it breaks down when things become complex. and a lot of apps become complex very quickly
Seems like a great tool for people who are not developers but i'm not sure I would be more productive using this than just writing code.
Depends on the app requirements and how opinionated you are about your code. For me, it's been a huge productivity boost for prototyping, especially when combined with Firebase.
I guess you can do both at the same time
If you dont know flutter, you can get lost with some of the errors
this seems like a product for agencies that build several apps like these per month, so the tool just prunes the boilerplate work for you. seems like it's very useful to learn and use if you are a freelancer as well
dont listen to him hojdog, hes a sellout
Looks great untill you see that unless you are spending $70 per month, you can only have 2 api endpoints
Yes
Can't even download your code without paying them 😕 😞
@@davidcmpeterson hmm do we have access to see the underlying code in the free mode or that even is paid ?
those motherf**rs@@davidcmpeterson
Am very glad you moved beyond the “Angular Firebase” narrow scope of your main channel’s early days (…I went back and looked!)
You bring so much value to the webz by exploring the wide scope you now do 🔥🛸
I remember when this tool first launched and they have done a huge amount of work on it. Amazing. Well done.
this seems like a great way for someone to learn the concepts behind app dev and get a project under their belt
As a Flutter developer, I would say this is good for very simple applications.
As soon as your application grows in complexity or you need custom validation/logic, it will be difficult to implement them using this tool.
Also, what if you want to use a specific library for state management, data validation, or data class generation but don't know how well FlutterFlow can handle these situations.
If these tools were that good, everyone, including me, would save me a ton of time.
same with low-end like power platform. As soon as it grows in complexity - boom - useless trash.
Those are valid points. The more complex the app, the more low-code tools struggle. FF has done a good job handling my moderately complex needs so far.
@@beyondfireship low-code tools will take our jobs...
@@boohba reminds me of wordpress days lmao
@@krabhishek app architecure, implementing DI, custom ui, debugging, team collaboration, implementing design patterns where necessary are things needed by most applications.
Apps are not just UI, its just like any other software solutions. UI is just one part of it.
Creating a Flutter application is easy but writing code that is maintable is a whole another beast.
I love the fact these tools exist and for simple usecases these tools are perfect but for anything more you need to go back and write proper code.
I first thought Flutter Flow would replace me as a developer but then I realized that it takes the annoying part (personal opinion) of creating huge widget trees away. I always nest a ton of widgets which is often not even necessary. Styling the app isn’t really my thing and for that, Flutter Flow is Great. Writing all logic and even Firebase connectivity is something I want to do myself.
Wish there were more visual editors like this, but just for visuals, leave the logic to the dev but being able to visually build something seems more efficient.
Wished there was something like this for Svelte.
take a look at the no-code world of development , you gonna like it
@@ZTF666 The point is to not avoid code all together, it would just be nice to have something in which I can build the frontend "visual" elements for the HTML, and then I can go in on the back end and code the logic to make it work and fine tune the HTML if need be.
@@TheMaxiviper117 I would consider using tailwindcss for this. There are many tailwind visual builders that allow you to edit the design then export a html file with all the relevant classes.
@@ZTF666 take a look at assembly, you gonna not like it
Reminds me of Visual Basic back in the day. You drag and drop buttons, labels, text fields etc into a program but write the logic yourself.
This is amazing! Will definitely try this out this weekend 🎉
Hi Fireship. Love your videos. I keep rebuilding my project from scratch whenever i stumble unto something new from you. Im on my 3rd iteration of my project now. Flask > React > Flutter now going to rebuild it with Flutter Flow. It's good tho, i would rather refractor early than late.
Ive been in management lately in my career and now that im building again you have really helped me catch up on everything.
I've never felt more productive when doing mobile dev, try out the free tier bit.ly/3Ia8UXv
this makes the app development 10x easier... And 10x heavier, slower and all that... But i think this is going to be used to make prototypes, then optimized by hand coding at 0% to 100%, like "hey this client has his own web app... now we need to do the same but in hand code and patch it to function like the client needs to"
I have a website, made an App using WebView in like 15 minutes, so yeah there are some good use cases but wouldn't use it for something from scratch
FlutterFlow + Rowy is an absolute BANGER of a combo for firebase, been using it for almost 2 years now!
Never heard of Rowy, What's that?
@@MrFACTS-mk1ib It's a layer of abstraction on top of firestore that makes the process a whole lot smoother, while adding a ton of quality of life improvements to firebase. The overall NoSQL experience is far superior IMO.
Thank you Fireship, this tool will be the breakthrough I have been looking for in Mobile dev. 🤩
Just what i Need! Thanks fireship!
This just reminds me of Visual Basic. It's nice in theory where you can click and drag a button across a GUI, and double click the button to write code for what happens when you click the button. It's not likely to be used for enterprise apps, but it's a great way to get people into programming IMO. The issue is it's still complicated for a new dev to work with this.
Say this to unity and other games IDE's
@@jeffesoncosta14 This is designed for mobile applications, not games. I compared it to an IDE that bombed for application development, while you're trying to compare it to a gaming engine, which this isn't. That's a very poor choice to compare this to.
🤭
Dont forget macromedia dreamweaver too
@@_____1826 Macromedia Director though. DW was only for websites. Director for Shockwave, which could encorporate flash, images, and so much more. The programming language for it, Lingo, was also hilarious. Like pretending to be Yoda: "On MouseOver me"
I was coding flutter apps from scratch, and was skeptical about flutter flow, but now i'm sold.
We used Flutterflow for a University project, which was a blast we had super fast development times and had access to firebase integrations and User authetication etc. From the experience alone i can recommend this tool wholeheartedly
did you feel the need to pay (or even paid) for the premium content or was the free tool enough ?
@@gaya2166 free was enough for what we needed
I like FF however lack of support on development plan is a deal breaker for me. I'm a backend dev looking to build a mobile app, so I have an API ready to be consumed already. Only their Pro plan supports adding more than 2 API endpoints, which costs 70$ pm. Paying that much for a side project who knows how long it will stay in development is a no go right there.
Your artwork is a masterpiece in the making! Keep up the remarkable work. Love from #OwnItWeb #MobileApps #SoftwareDev.
As a web dev who likes to do game dev on the side (especially using godot), I feel like visual editors don't get appreciated enough. I wish web development was more like game dev where building UI is as easy as drag and dropping but also you can easily customize the code. Godot does a great job at this (and it's fully free and open source too!)
I feel the same.
There is a project called codux that you can use to build UI dragging and dropping.
So webapps like Framer, Webflow are visual dev tools.
Aren't these same as godot in such sense? ( I am new, so may be wrong)
@@tomascaetano4270sadly codux leaves a lot to be desired tbh, flutterflow could be a good look at what it can be in the future tho.
Webflow Wordpress Framer ? there are already so many visual editors for web development :3
Always liked but writing it hard but this tool is amazing thanks
So this is very interesting for someone like you who is already experienced with 'vanilla' Flutter. But what about who isn't? More generally, what prerequisites would you most strongly recommend before starting FlutterFlow?
You could get things done without Flutter experience, but it's definitely helpful understand the underlying framework. Luckily, Flutter code is very readable after you learn the base widgets.
@@beyondfireship Thank you.
Probably a good idea to do some small projects, like minigames or productivity apps to get an understanding what's happening under the hood. Everything that's more complex you'll be learning on the way when doing a "real" project imho
i built a full app with zero knowledge on flutter .. although i have dev experience wich allows me to understand the logic 👍
@@beyondfireship hey there! can you make a video on Rowy? it was mentioned a couple of times here in the comments, I think the whole combo of FF + Firebase + Rowy is nice
Chapters (Powered by ChapterMe) -
00:00 - Intro: Flutter 10x faster development
00:13 - Building native apps with Flutter Flow
00:52 - Flutter Widgets, actions, code view
01:46 - State management in app development
02:04 - Widgets with state management
02:58 - Themes and custom code management
03:28 - AI panel, unit test, and integration with SuperBase
04:07 - Firestore schema creation, validation, and Flutter integration
04:20 - Path query language for API calls
04:34 - FlutterFlow handles complex login processes without code
06:21 - Fetching data from Firestore, deploying to app stores
07:42 - Run app in browser or locally
07:56 - Build Android apps directly with paid tier
08:14 - Outro: Flutter Flow simplifies app development
Pretty good honestly, much better than how it was when I was learning flutter
Great tool. Hatssoff to the developers who built it
google engineer
Like most low-code and no-code tools it seems great for simple CRUD applications but won't hold up well for actual production apps.
How about flutterflow for early stages and then use standard flutter after that? So we still do the standard flutter programming but not in the early stages of the app
Tell this to all freelancers and agencies who are building production apps for their clients in 1/4 the time and making a lot of money with this.
"Dont work for complexity things" is a joke when you look some peoples building games and financial apps with FF.
@@nabarongab Financial apps??? Anything is possible in this crazy world, but I highly doubt it.
The problem with no- or low-code builders like this is you inevitably run across a custom thing that isn't supported and have to go into the code anyway. Then you're dealing with messy, foreign code that was (usually poorly) generated by the tool and it takes almost as long as just writing the whole thing from scratch, especially if it's native code you don't work with regularly since React Native is a thing.
great video on a great tool. I use it along with Rowy and makes building apps such a breeze.. have launch 3 apps already with these tools.
Please make more videos on Flutter. You stopped making them a while back and being a Flutter dev, I miss them!!!!!!! Will be waiting for them in upcoming future!
thank you sir!
This tool has been present in Android Studio since forever
I have had an app idea for a while and i think this is the perfect time to try this out, looks promising
Is it good I mean this website
After building quite complex application in Power Apps i am really scared of low-code platforms. Like you know there are ton of unexpecting issues just waiting for you to discover them and build some workarounds.
I was actually wondering about tools like this to build mobile apps. The surprise for me is that it is cross-platform!
If I am not mistaken, the StreamBuilder code you quickly showed might have a potential error: The stream is called inside the build method. If the build method is run multiple times (potentially each frame), the stream is created each time, possibly leading to bugs/flickering (depending on actual stream etc). This should be avoided by instantiating the stream outside of the build method and just passing the stream variable to the StreamBuilder.
Yes I noticed the clone dude... You help me so much, I watch your videos at any time, especially enjoyable while I am on my lunch break!
You can't underestimate hot reloading. I learned that from Grim Fandangos developer that coded the game in lua.
I have a question, though. How much Flutter do I need to know before I can safely use this? I know a lot of languages so I could learn Flutter as I go, but should I? Or should I learn it first, try it out, and THEN use this app?
Got me hooked just with this video. Systems engineer but I might start developing mobile just for fun after this.
FlutterFlow looks great. I wonder how well it works for collaboration with teams. Will definitely be looking at it soon.
This is an amazing tool for MVP or low/medium complex projects. Do we have similar tool for reactjs or nextjs?
As a designer that loves your channel I had been looking at flutterflow to help bring my ideas to life. You making this clip validates it as the choice for me. Many thanks
This tool is good but would probably struggle as the app gets complex. This however would be nice for building the framework design for an app especially for someone like who's bad at CSS. I haven't tried it yet but will do.
Hey @Fireship... can you do a video on PWAs and building your app once for mobile and desktop as well as how tooling like Vite would work with PWAs (considerations etc)
OMG, this is so amazing! This will help me a lot in the app I am making and also I will help to learn about flutter, API calls, data fetching and state, thank you so much for this vide and explanations!
Amazing! Is there something similar for React Native? I'm closer to React code than Flutter...
hey what about native bridges? How do we run SDK's that were built for native Android / iOS
at 8:06 if you didn't mention it, i wouldn't have caught it. Can notice the difference between your real voice and clone voice :) nice tool, lot of work has gone into making it, props to creators, thanks! :)
One problem about the flutterflow that is not talked often is the code is almost unusable outside of flutterflow lowcode builder. The API used by flutterflow is not documented, and make it hard to work outside of flutterflow.
I am learning swiftUI currently but I am really confused as to learn it or swift ? Which of these have more opportunities ?
Initially I was with flutter but seeing Google's history and newness of flutter I decided upon learning SwiftUI (also new) any advice or sugesstions would be welcome!
Very interesting. Are there similar solutions for React Native?
thank you (:
As js devs
I think we can admit we're jealous of this
A little. The problem is that developing in react native is just good while flutter looks excellent
I legit needed this like 2 days ago thank you fireship ascender
Never enjoyed an ad so much. I develop some low to mid complexity apps more as a hobby. Will definitely check this out. Since the rise of ChatGPT I completely lost interest in programming myself (What's the point of getting gud when in a few years human programmers will be obsolete? :D) so this tool is exactly what I needed.
programmers aren't going to become obsolete just like computers and online banking did not replace bank managers and clerks
actually if you think about it, programming language, back in the days just like no-code tools/chatGPT, it is a tool that helps us communicate and command computer, with the emerge of no-code tools/generative AI, 'programming' is still in there, it's just the tools that getting evolved. As long as there are clients who can't communicate what they want clearly to machine/AI, we are safe lol.
Anyone who thinks AI will replace software engineers is clearly not a great software engineer or has no understanding of business and how human psychology works
@@iGhostri want to agree but we would see about that. Because a lot of business using wordpress has suceeded and the fact you yourself code in a high level language instead of using binary proves this point
@@YuriG03042@iGhostArmoredWarfare i want to agree but we would see about that. Because a lot of business using wordpress has suceeded and the fact you yourself code in a high level language instead of using binary proves this point
I don't know why but this has inspired me to make an app for writing books completely in Unreal Engine.
I don't know about Flutter more then it's a thing. And for me everything that you showed is unbelievably awesome
Can you make a video about Kotlin Multiplatform mobile? I’m a cross platform mobile developer and a friend of mine recently suggested me to migrate to KMM and go native
this is great! unbelievable we don't already have this
I think if my juniors would use this over coding they would beat me (their mentor) with development speed but they wont become anything other than juniors.
This seems like a good tool for an advanced project manager
When I saw the thumbnail I was like „please be talking about flutter“ because I jumped all in on it 2 years ago when I saw a video of yours and didn’t want to learn some new stuff again 😂
I found out about FlutterFlow when I took part in a hackathon and no one in my team new about mobile app development. It really saved our lives even if it felt a bit limited at the time. But now I see that it has improved a lot since thn.
Very impressive! Really cool to see Flutter thrive and move mobile development forward. Not trying to troll, genuinely curious, and trying to learn. What makes this “fully native” as mentioned at 0:16? Thanks! Love the channel
the dart programming language compiles directly to many native platform's languages - sometime with a dart runtime add-on, sometimes not.
What if you need to extend or edit features on an existing Flutter app. You'll still need to know how to code in Flutter.
this is mind blowing!
I've been using Flutter Flow for a project I'm now almost finished with and there have been ups and downs. The ups are that it's great for building UI and adding initial navigation, but past that it's very hard to build app functionality in it. Adding any custom code makes the whole thing lag to beyond 5 seconds an interaction and even without it the page in general becomes annoyingly and sometimes unusably laggy. There is click and drag based logic, but that is also very limiting and makes the whole thing lag out. At this point I downloaded the code once being done with UI. Once downloaded there are some challenges but nothing which was problematic.
Is it free?
@@si11_ibrahim There is a limited free version. For the time save it was worth it, although just barely with issues I mentioned.
Lots of haters in comments have never used this tool. It literally outputs flutter code you can use. This tool is insanely useful for generating view code and bootstrapping the basic foundation for a app. Take over the code after the first time generation of code.
for simple and basic mobile app this wills suit for your needs
This seems super legit. I like it no need to build everything from scratch
So glad that you have now video about flutterflow. This is hidden gem guys and it takes your development 10x faster. I've been using this since November last year and they have improved their features a lot!
It has it own good community and support.
One downside I experience though when using sdk's it causes dependencies errors.
Can this output code you can eventually give to your dev team for them to build on? Or if you want to get off this tool you have to start from scratch?
All your videos are great, but the speed is a bit fast. Thanks for making such cool stuff.
OMG this amazing. I am feeling that Flutter flow will be next WordPress like thing.
Reminds me of the days of writing Pascal with Delphi 😂
This is great for tool for making flutter apps productive but the only issue is that we can't export the code unless we pay subscription fee of 30$ per month(without regional discounts) it feels like a little expensive and i don't think this have use case in making complex apps maybe we can use it to make a basic template of an app but other than that FlutterFlow is good if you are just making like a blog app or just doing prototyping.
Wow, this looks amazing. I guess if I wait long enough, someone will have just already made the app I want to make, and save me the effort. 🤔😉
Hello, I don't know if my comment will be seen but I'm a student in a engineering school and I was wondering if such applications were good for optimization purposes, I mean, is the code resulting from the graphic part that we do optimized and not too power hungry and things of the sorts, Thank you in advance if you respond
In a nutshell, it's WordPress for flutter
Why wordpress is so successful? Like 70% of the web is wordpress i dont understand
😂😂😂😂u could be right though 🤔but wordpress is like 💯% free!
this reminds me of windows form applications in MS Visual studio :))
Hey can you cover Kent C Dodds’ new epic-stack? It’s a boilerplate repo with all the bells and whistles based on Remix+React
I have developed few flutter apps for production, This tool might be good for building standalone widgets, but as soon as app gets bigger this tool won't be much of a help. I have used flutter flow in its early days. IT IS GOOD FOR BUILDING STANDALONE WIDGETS NOT AN ENTIRE APP.
How about flutterflow for early stages and then use standard flutter after that? So we still do the standard flutter programming but not in the early stages of the app
@@Mzulfreaky Yes, you can absolutely do that, as long as you and your team can understand generated code and can work with it. I said because i have tried flutterflow , You should also try atleast once and see what works for you and your team.
You just saved me in university project work.
as someone who has tried native IOS development and is very biased towards it for the simple reasons that XCode provides everything in one place, even a visual editor it is safe to say that flutter flow is moving in the right direction, but instead of it being a browser app I would highly prefer if it was an IDE, much like XCode with it's story board feature. I still prefer to write the logic myself though.
Bit off topic, but how would you recommend starting out learning iOS/macOS app development for someone coming from web dev? I just got a mac mini and have been wanting to give it a go but the few videos I watched didn't go in enough detail on how everything works.
@@jeffxdd4351
1- learn swift the language you are going to use
2- learn a framework either UIkit or SwiftUI
3- youtube.com/@iOSAcademy this guy has everything you need he even has a series where he built an entire app from scratch
This probably great for prototyping
Why do I feel like this will be like one of those inverted parabolic curve where at the beginning it would be such a joy and speedy development but then it will hit a peak and start feeling limited and want to have 100% control in a pure code IDE in Android Studio or Xcode
That’s a perception :) it’s how we use it
Should I use this tool I'm learning react native now to build a very serious app? I Don't have any experience in flutter or dart.
Thx bro
Hi! I was Java dev and build some Android apps for hobby many years ago. Now just curious what is the best way in 2023. I know firebase etc, but for home I need apps which are offline and no login just local DB to store data.
What is the best for offline apps with local data storage?
I can do code of course :) I used Java mostly as I need to access phone built in devices like sensors bluetooth GPS etc with the APP so JS based framework are not option.
My devices I connect through BT etc are Arduino ESP, STM32 drone controllers etc hardwares and I write code in C++ for them.
Thanks.
Have you found the answer? I'm on a similar situation and still checking on what is more appropiate to use. Best of luck for your projects!
@@ruilima500 not yet bro :( still strugling how to upgrade my CV first I found jsonresume format to be more reliable, but not found proper renderer to generate pdf versions etc. need a job first :( and also doing other home projects in c++ Arduino ESP etc ;)
This is a modern Delphi for Mobile, love it :D
Nice vids
used to do this 25 years back in visual basic 😂😂😂
It's nice to see that fireship doesn't paste code and instead uses the mouse, what a guy!
I'm starting to learn flutter, and to me this will be more of an error checking platform than anything else.
Example:
If i'm working on a function and It isn't working, I would go to flutterFlow and replicate the thing that I want it to do so I can see where in the code did I make a mistake.
But this is still nice for low code developers!
Isn't this time for Fireship to write mobile app in Assembly?
Im really interested into using this, will I be the owner of the code it writes? Because in the free plan you cant really download it so you're not really the owner of anything. It seems really good btw!
Now idk if you had already planned to make a video on this or not.. But i did make a request to you.. For making this.. So Thank you❤️👀