Share this page!

Maybe Scrolly?
Andrea Bizzotto 💙 Profile picture
Twitter logo
Feb 23 • 10 tweets • 5 min read
What are some VSCode extensions you can use to speed-up your Flutter workflow?

Here's a thread with my favourites! 🧵
When creating model classes, you'll often needs methods such as:

• copyWith()
• toString()
• toJson()
• fromJson()
• toMap()
• fromMap()
• == operator
• hashCode

Use the Dart data class generator to create them all in one go!

Link: marketplace.visualstudio.com/items?itemName…
If you use Riverpod, you'll quickly get tired of typing out all your providers and consumers by hand.

The Flutter Riverpod Snippets extension makes this a lot easier!

Link: marketplace.visualstudio.com/items?itemName…
Do you want to know if you make mistakes as you type?

The Error Lens extension improves the highlighting of errors, warnings, and other language diagnostics, and I find it immensely helpful.

Link: marketplace.visualstudio.com/items?itemName…
Better Comments helps you improve your code comments by highlighting alerts, notes, TODOs, and more.

Link: marketplace.visualstudio.com/items?itemName…
The Advanced New File extension lets you create files anywhere in your workspace, using your keyboard only.

(and we all know that every time we touch the mouse a cute animal suffers, right?)

Link: marketplace.visualstudio.com/items?itemName…
Unless you've been living under a rock, you'll know about GitHub Copilot.

It's an AI pair programmer which suggests line completions and entire function bodies as you type.

(it even helps me write documentation and marketing copy! 🤯)

Link: marketplace.visualstudio.com/items?itemName…
Of course, you're free to choose whichever theme you like best.

Though this Official Dracula theme is my favorite.

Link: marketplace.visualstudio.com/items?itemName…
There are many other useful VSCode extensions.

But these are the ones I use all the time. 👌

What are your favourites? Let me know in the comments below. 👇

And for more Flutter tips, just follow me: @biz84

Happy coding!
Want more?

Here's a complete article that also includes my favourite shortcuts & settings:

codewithandrea.com/articles/vscod…

• • •

Missing some Tweet in this thread? You can try to force a refresh
　

Keep Current with Andrea Bizzotto 💙

Andrea Bizzotto 💙 Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @biz84

Andrea Bizzotto 💙 Profile picture
Feb 10
How do we apply Domain-Driven Design to exception handling?

I've been experimenting with some techniques and would love your feedback about this thread. 🧵

First of all, let's establish some goals: 👇
To define all the domain-specific exceptions, sealed unions come to hand.

Here's how we may generate Auth and Database exception types using Freezed:
Then we can define one *global* function that does two things:

- run the Future<T> that is given as an argument inside a try/catch block
- map all 3rd-party exceptions to our own exception types (and throw them)
Read 14 tweets
Andrea Bizzotto 💙 Profile picture
Feb 9
Domain-Driven Design helps us write complex software.

At the heart of it lies the *domain model*, which is a conceptual model that incorporates both behavior and data.

Sounds complicated?

Let's explain with an example. 🧵
Suppose we want to build an eCommerce app.

To better understand this domain, we need to figure out:

- the entities we care about and their relationships
- the behaviour (or business logic) for manipulating them

The end result may look like this:
In Dart, we can represent each entity as a simple model class.

As we define this, it helps to think about all the properties that we need to show in the UI:
Read 7 tweets
Andrea Bizzotto 💙 Profile picture
Jan 26
The default way of accessing localized strings inside your widgets is to use the `AppLocalizations` class.

However, using the `!` operator everywhere is not good practice.

And it would be nice to have some more "lightweight" syntax.

A thread. 🧵 Image
One issue we have is that `AppLocalizations.of(context)` returns a *nullable* object.

But at runtime this will never be null, as long as we call it inside a *descendant* of MaterialApp (which is always the case).

So what can we do? Image
Dart extensions to the rescue!

We can define a LocalizedBuildContext extension with a `loc` getter variable defined like so: Image
Read 6 tweets
Andrea Bizzotto 💙 Profile picture
Jan 21
When building non-trivial apps, following a *structured workflow* can bring great benefits and avoid many pitfalls.

Rather than diving straight into the code, here's a 6 step workflow that you can follow.

Thread. 🧵
1. Design your app (part 1)

Design all the screens that will be in your app.

You can use Sketch, Figma, Adobe XD, or even draw them by hand.

This will help you think about the most logical UI flows before diving into the code.

Here's an example from my website: 👇
1. Design your app (part 2)

This is also a great chance to define stylesheets including a color palette, typography, paddings etc.

This will:

- make your designs much more consistent
- make your app look much nicer
- save you time down the line
Read 12 tweets
Andrea Bizzotto 💙 Profile picture
Jan 7
"Program to interfaces, not implementations" is a very important concept in software design.

It is used to decouple your code from implementation-specific details.

A good use case for this is when creating repositories that connect to external data sources:
Once you have an interface (abstract class), you can *implement* it with a concrete implementation.

You can even create a "fake", which can be very useful in your tests.
During app startup, you can initialize your repository with a *concrete* instance (using a service locator or any other dependency injection system).

And the rest of your app can just access the repository using the base abstract class.
Read 4 tweets
Andrea Bizzotto 💙 Profile picture
Dec 31, 2021
Here's a thread about my 2021 in numbers as a content creator making Flutter tutorials and courses. 🧵

Total Revenue: $69,532

Here's a breakdown by month. 👇
Here's a pie chart about revenue by income stream.

80% of total revenue came from sales on Udemy and Teachable.
This year I had $20,660 in expenses.

This is a large number primarily due to outsourcing costs (design & development) on my site.
Read 11 tweets

Did Thread Reader help you today?

Support us! We are indie developers!

This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us on Twitter!

Like this author's thread?

Get emails when @biz84 has new unrolls!

Check out other threads from @biz84!

Read all threads by @biz84

:(