7. Best Practices for your Flutter Project
HTML-код
- Опубликовано: 12 июн 2024
- Flutter is now more and more mature and we need best practices for that. On the following Tweet, we worked together on the best practices for Flutter that we will discuss in this video.
/ 1333777067499020289
#BestPractices #FlutterDevelopment
Join the Membership and support us directly!
/ @flutterexplained
Timeline:
0:00 Introduction
0:51 Overview of Best Practices for your Flutter Project
1:41 Practice #1 Setup Code Linting Rules
3:44 Practice #2 Single Responsibility
5:12 Practice #3 Read and Learn from the Flutter Repository
7:08 Practice #4 Keep Widgets Short, Narrow and Concise
8:52 Practice #5 Start your code with CI / CD in mind
10:43 Practice #6 Do not Hard Code Styles into your widgets
11:57 Practice #7 Plan before you code
13:35 Conclusion
** New Mentorship Program to boost your Flutter career **
gumroad.com/l/ydgtfV
**BOOKS I RECOMMEND**
geni.us/flutterbook
geni.us/clean-code
** RUclips OPTIMIZATION PLUG-INS I USE **
TUBEBUDDY: www.tubebuddy.com/flutterexpl...
VIDIQ: vidiq.com?afmc=7jl
**ALL THE RUclips EQUIPMENT I USE**:
Our current RUclips gear
💻 MacBook Pro: geni.us/mac-book
📹 Lumix FZ1000: geni.us/fz-1000
🎙 Samson Mic: geni.us/samson-mic
🎉 ACCESSORIES:
Satechi USB-C Adapter: geni.us/P9R0
SD Card for 4k Videos: geni.us/PTAc
Disclaimer Flutter Explained (Max & Mahtab) are a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to www.amazon.com.
** Social Medias **
Website: flutter-explained.dev
Say hi to Max
Twitter: / flutter_exp
GitHub Max: github.com/md-weber
LinkedIn: / max-weber-9889a3ba
Twitch: / maxflutter
Say hi to Mahtab
Twitter Mahtab: / mahtab_dev
GitHub Mahtab: github.com/mt-tadayon
Great video here!
Im just jumping into a new Flutter project after several years of react/ts, and I can’t believe how easy it is.
What blows my mind has been how easy refactoring is in the system, which lets you execute the ideas you are mentioning here without almost any extra effort.
Wow! I just started learning Flutter and you uploaded this video 2 days ago. This should be a sign.
Great video, very useful. Thanks and keep it up!
Thank you lysa, I will give my best :)
Thank you sir, Very helpful video
Very useful video ! Thanks for your efforts.
Thank you :) I am happy that you liked it!
Amazing 😍 points loved it
I usually do make a master widget and remaining private widget (class) in a single file(200 -300 LOC max). so no problem on naming convention
I can speculate that video will be the opening of "Best Practices for Flutter" playlist. :)
Thank you Max :)
You are most welcome :)
Regarding #3, would be nice if there was a collection of flutter apps, that one could learn good coding practices from. Being exposed repeatedly to good source code, I think one (unconsciously?) adopts that approach!
Never heard of CI/CD, any plans for a dedicated video on that?
Great idea, thanks for your feedback, there are quite some examples on fluttergems.dev/ and flutter.github.io/samples/# mostly with source code that you could have an eye on. I hope that helps :)
Halo! Thanks for this informations it really helps.
I want to ask if their is special best practices for flutter web and as you know they said its still beta and not for production is that mean that we don't do production apps or thats depend on the app?
I made a mobile app and planning to do the admin dashboard with flutter too.
Hi Karim, you are most welcome.
I do not have a best practice for Flutter web besides of keep it as responsive as possible :). But there are some limitation to keep in mind while in Beta phase, for example you will not have a proper SEO in Flutter Web and the performance in *not* chromium browsers is not great.
0:01 -> Introduction
0:51 -> Overview of Best Practices for your Flutter Project
1:41 -> Practice #1 [ Setup Code Linting Rules ]
3:44 -> Practice #2 [ Single Responsibility ]
5:12 -> Practice #3 [ Read and Learn from the Flutter Repository ]
7:08 -> Practice #4 [ Keep Widgets Short, Narrow and Concise ]
8:52 -> Practice #5 [ Start your code with CI / CD in mind ]
10:43 -> Practice #6 [ Do not Hard Code Styles into your widgets ]
11:57 -> Practice #7 [ Plan before you code ]
13:35 -> Conclusion
Hi Dipak, thank you so so much! I always forget about that :)
@@FlutterExplained No worries. It's my pleasure.
This is a great video but you should also have follow up videos that are 2-6 minutes long that tie to each point and demonstrate them :). Having a video on how to whiteboard designs and tips on how to plan the architecture for an app would be awesome! Thanks for what you do! Ps, the info boxes you were mentioning don't show up for me.
Thank you for your feedback, I will have a look. I started already a blog post series and hope that I also can provide some additional videos about each detail :).
Can you please make a tutorial for making a tutorial for CI-CD Integration
I did that already with CodeMagic, do you search for a specific tool?
@@FlutterExplained Nope any tool would be good.
Sir one suggestion, you could have shown the example along with your video in some of the tips...NICE ❤️ LOVE FROM INDIA 🇮🇳
Sir how much possible in iOS physical device connect windows system
In flutter
Help me I want help
I want to do flutter
A Digital Persona 4500 connect phone on otg for student exam information displays and results is also a fingerprint from the php database rescore.
How exactly can I help you with this?
@@FlutterExplained help me tutorial
my biggest problem I have faced was Project file structuring
How did you solved it?
@@FlutterExplained I still don't know how to do it professionally
@@ahmedadnan5875 Alright sounds like an idea for an upcoming video! In the meantime feel free to check the amazing video by my friend Robert Brunhage here: ruclips.net/video/yJRpuTP156o/видео.html
@@FlutterExplained it was good recommendation, the best one I have found yet is from "Reso Coder" by using DDD architecture "Domain Driven Design" he made a tutorial about it but it's only good for scalable or big project
I have created these packages:
1. super_easy_in_app_purchase
2. super_easy_permissions
These will make your life a lot easier :-)
Bist deutscher wahr? :D
Jup