As a Flutter expert I want to say, don’t use Flutter web for websites.
It’s not meant for it.
Instead, use it for web applications. Here’s the difference 🧵
In April of 2021, I hired 6 junior Flutter developers.
We had 5 projects running and I had to create reliable developers, fast.
Here's the framework I used to breed confident and reliable developers:
I set up a system that forced them to plan, research, and discuss before
Every Flutter developer has a hidden superpower.
We can deploy code to production instantly.
Long waits for app store approval are in the past. Here’s how:
Flutter developers building multi-language apps do a lot of work.
They have to test the entire app in English, then repeat for every other supported language.
This can take weeks, so I’m building a new feature to change that.
An early user team said, if they had the ability to
Flutter freelancers often fail at estimating cost and effort.
Reason: bad technical outlines.
Here’s how freelancers can create technical project outlines in 30 minutes:
Every flutter developer should have this TextField cheatsheet 👇
Custom selection controls and context menus:
- selectionControls: Builds the handles
- contextMenuBuilder: Style/position the contextMenu
Add information details through decoration:
- labelText/Style: To title
Flutter developers are being spoiled by great tools!
Designers can now create pixel-perfect Flutter designs, with 0 code.
The developers can focus on code and never touch UI, here’s how:
Flutter freelancers can get more clients, spoiler, it’s not by writing better code.
You need to have a better offer.
Here are 5 tips Flutter freelancers can apply to improve their offer:
We did 400 hours of testing before a Flutter app release
So, I built software to give my testers superpowers.
It allowed them to automate tests without writing code
Checkout the demo below 👇
You can improve your app testing process without spending more developer hours.
1.
First public demo of my Flutter first session replay tool.
We have completed all the research and will be starting with our backend. Should be ready for our early adopters in 2-3 weeks.
Check out the demo below.
#buildinpublic
I built a no-code automation tool for my wife to help me automate apps in my mobile app agency.
I've had it on my PC for 3 years, still can't believe nobody has built this for native app developers.
Checkout the demo below
#buildinpublic
Building a mobile app ui SHOULD be this easy.
1. Design in Figma
2. Open ExpressionUI plugin
3. Export the render data (not code)
Display your UI in Flutter, React-Native, SwiftUI, or Kotlin.
No generated code for you to maintain or edit.
Expression UI plugin in progress
I've been on a mission to find a more fun way to build mobile app UI's.
Today I built an onboarding Flow using my expriment.
Here's my results:
Experience
I design the UI in
@rive_app
and then load it into my app.
The feeling of completing a design you like, then it showing
I have 3.1 million views and 1.3 million blog sessions.
All Thanks to Flutter and the awesome community.
Most developers know me as
@FilledStacks
, today I'd like to introduce Dane, the voice behind the Flutter content.
I love writing software.
I love creating products.
I love
GetX is the most popular package.
For a reason.
I know getX is not liked but it doesn't matter.
You SHOULD use GetX is YOU like it.
You SHOULD use whatever YOU want in YOUR code.
You're working in that code all day.
Not the people telling you your toolset is "wrong"
I have an app dev secret.
You probably won't believe me, but I'll still share it:
I can make your Figma designs render EXACTLY as-is in a mobile app.
Without generating any code.
In all major frameworks.
Pixel perfect.
- React-native
- Swift(UI)
- Flutter 💙
- Kotlin
👀
I drastically improved my Flutter Freelancing by going from Guesswork to Precision.
By building more detailed technical outlines I transformed my business.
Here are 6 habits I picked up as a successful Flutter Freelancer:
I'm tired of building Flutter UI's.
Here's what I want:
- A simple builder UI to drag and drop prebuilt widgets
- Customization for colors and maybe fonts
- I don't want to build any custom UI (prebuilt only)
- I want to build a single view with components
- exports should a
I'm not attached to the Flutter widget tree.
That's why I'm swapping it out for something that's faster and easier to manage, for myself
Building your UI outside of your code does not limit your functionality in your code.
I'm seeing quite a few comments on my experiment
5 reasons why code push will change the lives of Flutter developers.
- Fix bugs instantly
- Push directly to clients’ devices
- Push directly to your QA devices
- Push directly to project stakeholders
- Reduce time spent on the app store process
This is the future of Flutter.
I love writing tests for my Flutter code.
Even in the early stages.
I get feedback immediately.
And with this awesome integration testing setup for my Flutter projects, I've been able to test very complex pieces of code.
- Without manually navigating through the app
-
I've been an entrepreneur from age 24 to 34.
Here's a summary of my 10-year journey (notable projects only)
💸 Currently active and generating revenue:
-
@stacked_apps
(free → Services $27k MRR) - Flutter meta-framework to build production apps
- Product Management Services
Upgrade Flutter juniors to intermediates 10x faster by doing 1 simple thing.
Put them on the frontline - Let them deal with users' bugs in production.
Here’s the simple framework I used to get junior devs to intermediates, fast:
It finally happened.
My bug replay tool worked in a customers app.
This felt so amazing to see.
In the video there are 2 reported bugs. Both are replayed exactly as the user performed them "in production".
This is so cool man, I'm so excited for this tool.
#buildinpublic
I wonder why go_router was chosen as the "official Flutter router" with some basic issues being open for really long.
- Can't check the current route
- Pop reports incorrect navigation path
- NavigatorObservers don't observe navigators
@stacked_apps
uses a fork of auto_route
I’m officially starting a new journey as a Flutter SaaS builder.
The vision → Building a dev tool to create high-quality Flutter apps.
Here’s what I’ve done so far:
This is how I'm currently building my mobile app UI's.
I've been enjoying the break from UI using code.
But most importantly, this method allows me to properly express any design that I have and allows me to try different layouts in a matter of minutes.
Then there's the bonus
This is the result of my new mobile app UI experiment.
I've completed the onboarding for my next app using exclusively the new approach.
All UI, state, and animation is done without any code.
The only code used so far is to navigate between the different views.
Crazy thing
Successful Flutter freelancers ask the right questions.
You need to know what to build in order to deliver.
Here are 10 questions I ask clients to understand what they need from me:
Finally!
This is exactly how
@stacked_apps
manages state.
It's simple, works well, and clearly separates UI and state.
Good on you for taking "a stand" on an architecture
@FlutterDev
Veeeeeeery happy we're not only recommending BLoC anymore 😅
Dart on Firebase 🔥
It's the highest-requested feature from
@Firebase
but based on their last response it's not on the roadmap yet.
How many votes does the feature request need to be considered for development?
Code push for Flutter is taking off.
Finally, we have iOS support, and now …
There’s a free tier for demos and single developers.
Built by the creator of Flutter, and Flutter BLoC.
Instantly deploy bug fixes to production.
This product will change the Flutter game
I just updated an old dart project I used at
@FilledStacks
to generate app starting projects that saves on up to 8 weeks of coding.
- Auth
- Login
- Cloud Logging
- Forgot Password
- Push Notifications
- Form configuration
- Multiple View Types
- Data model creation
- Restful
I'm taking onboarding flows from Dribbble and bringing them to life with ExpressionUI
First view done and working in Flutter, React-Native, SwiftUI and Kotlin.
How to win as a Flutter Freelancer.
Create the perception of accuracy on your estimates.
How? By creating a detailed technical outline. Here's how I do it 🧵
Unpopular opinion:
Writing code to render a UI is the worst part of building apps.
Code is great to express solutions to problems.
Code is great to express business logic.
Building UI should be more expressive and fun.
So I explored another option, here's what I found 🧵
I've been experimenting with a fun way of building mobile app ui for Flutter, React-Native, and SwiftUI.
Today I hit my first blocker.
I can't set the height of my UI 😅 More in the video 👇
Building an app that is neither Material nor iOS-style? Instead of MaterialApp or CupertinoApp, you can use WidgetsApp — and do something wildly custom.
#WidgetWednesday
My goal is to teach every Flutter freelancer who is early in their journey, what I learned late in mine.
Here are the things I did to get clients consistently:
7 Weeks ago I decided to build a Saas product for the Flutter community.
So far it’s been very exciting.
Here are some stats, my goals, and my plan. I would appreciate feedback:
Let’s start with stats:
- Active early adopters: 5
- Landing page visitors: +1300
- Waitlist for
Turn any team member into a mobile app automation engineer in 3 steps.
1. Tell the the app which parts you want to automate
2. Write scripts targeting the parts from step 1
3. Run your tests on Android or iOS
4. Write 0 code
Watch short video for demo 👇
#buildinpublic
Working on my list item using expressionUI
I like the animation in the button that slides the old icon out and the new one in.
Kinda crazy that I can have this exact UI in react-native, swiftUI, Jetpack compose, and Flutter.
Bug fixing in Flutter is 50% reproducing the bug, 40% Checking if the fix worked, and 10% writing the code to fix it.
All our time is spent reproducing or confirming a fix worked, here’s why:
5 years ago I shared a video about building app UI on the rive-runtime
3 days ago I shared a video about building app UI on the rive-runtime
What’s different?
The rive-runtime is mature, improved, and makes for a great alternative approach to building app UI.
It’s why I’m
Here's how to get a type-safe Flutter backend for any language:
1. Generate swagger docs for endpoints
2. Use swagger_dart_code_generator
3. Use chopper_generator
Options for cleanest matched code gen:
- Set use_path_for_request_names: false
- Set include_if_null: false
This
Could state management be better if:
1. Execute code before, during or after state changes
2. You could visually inspect every possible state
3. Inspect every state transition
So far, I've found it much better than what I was doing before 👇
I used to own a 16-person agency
@FilledStacks
I recently decided to open up the agency doors again to help some companies bring great products to market.
I didn't want the team to grow as fast again so I'm adding a perfect 10x
@stacked_apps
developer to my team 👀
It's time for a new Flutter Tool on the Block!
SessionMate - Crash reports you can replay on your device.
We're doing an open, local-only, compatibility test for SessionMate.
If you want to test it, link in the first comment.
#buildinpublic
I'm suprised the
@rive_app
made their exported files a closed format.
I'm in the process of creating a fun way for mobile developers to build complex / graphical rich UI using rive.
If you want to see a framework like this come to life please consider upvoting my github issue:
We need a new way to build mobile app UI.
At the moment there's only one way to do it.
I'm on a mission to find a different, more expressive way to build my app UI.
Tomorrow, I'll share with 105 developers my new way of creating mobile app UI.
I’ve been using it for 3 weeks
I'm busy building this same setup for ExpressionUI to automatically do this for different size devices and form factors 🚀
Excited to share what I've been working on.
ExpressionUI is officially going into the first client app.
It's only for the navigation bar, but now we can have some fun with the UI and the animation😁
If approved I'll share a video of the final result as well.
TestSweets can now accept permissions during tests 🚀
This will come out in the next release.
The implementation for this came from my recent bounty on TicketStacker.
Can't wait to put more out.
I'm a mobile app developer.
Not a Flutter developer.
I just use Flutter because I love it.
But I also love seeing new cross-platform frameworks come up. Let's go ... can't wait to see the dev experience.
I'm always eager to see if someone can outshine the Flutter
Having worked with you early on at FilledStacks and seeing you grow into a very effective Flutter developer has been great.
We've had some great times, and some not-so-great times together, but I'm very happy to see that it's made you a better developer at the end.
Well done
Today I decided to build a better landing page for my Flutter newsletter.
It just surpassed 1200 subscribers so I decided to invest an hour to build a new landing page.
It's gonna be interesting to see the impact this has.
I'm hiring.
We're looking for a head of motion design at
@FilledStacks
Please retweet for visibility.
- Needs to have motion design experience
- Needs to have interaction design experience, or the willingness to dive DEEP into it
- Requires an understanding of UI
#flutter
and
@dart_lang
devs, do you know if it's possible to launch a Flutter APK from adb, then connect to the dart VM service?
I'm struggling to get past this hurdle. I was working 2 years back 😅 now it seems to not be working. More details here:
I'm looking for a simple way to do exit animations in Flutter.
I'm using flutter_animate for intro animations, works really well.
I'd like that same syntax but for exit animations.
@gskinner
how do you handle your exit animations
TestSweets now runs on the iOS simulator!
But, there’s something I still need to figure out.
Currently it uses the xcrun command-line tool, and I don’t want my users to have to install xcode.
I’ve solved this for Android by including the adb and aapt executables.
I’ve tried
The goal of a great Flutter developer.
Balancing between building new features and building it to ensure easier maintenance of those new features.
Building is only half of the game.
Maintenance is the other half.
It takes me 10 minutes to create UI view.
Here's a timelapse.
You'll see I'm recreating each asset individually.
That's for animation purposes.
It would be 5 minutes without that.
2 weeks ago I started a journey to find a better way to build mobile app ui's.
Today I'm building my paywall using my research.
Why is this an important research step?
All the ui I've built so far with this experiment fits into a single screen size. Like below:
The paywall I
"I liked your tutorials for Flutter, but this new stuff is S**t"
"You're just talking about your problems and not teaching us anything"
Some responses to some of my new content on my YouTube channel.
I used to spend up to 4 weeks on a single 5-minute tutorial when I was
3 years ago I made a 21 video series building a real app with Flutter.
1 of them featured on
@fireship_dev
for my serverless cloud functions setup.
If you're interested here's the playlist.
I love ExpressionUI.
I'm loving prebuilt design systems.
🤔
I can probably build ShadCN in Rive for ExpressionUI.
Then make it free as a community template.
Flutter app development tools are far from mobile
Mobile app development tools are so far from web
Web development tools are so far from backend tooling
Backend tooling is so far from game development tools
As a mobile app developer, I don't like this.
As a mobile app
Flutter first session replay is alive!
Although, we're struggling with the accuracy of the scroll replay. We added some debugging tools to measure per pixel what's happening.
See video below how that looks.
#buildinpublic
ExpressionUI is now type-safe for Flutter.
CLI reads your exported file and generates all references you'll need to interact with the UI.
We generate:
- String properties to update text in your view
- Clearly named callbacks for events in your view
Full post going out soon