While Dart is in its core an object-oriented programming language, that doesn’t mean that you’re stuck only with that paradigm. In fact, Dart is something called a multi-paradigm language! Functional programming (FP) makes your code easier to test and reuse, and also makes it less error prone. With Dart, it’s easy to start introducing practical functional concepts into your code in a reasonable amount. This way, you reap the benefits of FP while not confusing others (and yourself) with how your Dart code is written. Functional programming is a style of software development emphasizing func ..read more

If you’ve been at least a bit active when it comes to Flutter packages in the last year or so, you’ve surely heard about Riverpod, a reactive caching and data-binding, or as some would say, state management package that is sort of an upgrade of the beloved Provider. I actually covered it with a tutorial quite some time ago when its API was still unstable. Riverpod has come a long way since then - it’s much more mature, helpful, and versatile. All these changes naturally mean that it’s time for a new tutorial to prepare you to fully utilize the power of Riverpod 2.0 and, most likely, also ..read more

In the first part of this short tutorial series, you’ve learned everything regarding the basics and principles of testing in Flutter and also how to write unit tests together with test-driven development. In this second part, you’re going to learn a lot about widget tests and integration tests in Flutter. Starter project Finished project VS Code Snippets { "Flutter widget test boilerplate": { "prefix": "wTest", "body": [ "testWidgets(", " \"$1\",", " (WidgetTester tester) async {$2},", ");" ], "description": "Flutter widget test ..read more

How can you make sure that an app does exactly what it should do without any weird unexpected surprises? Well, you test it, of course. You could test everything manually by launching the app, using it, and trying your best to make the app blow up with errors. Or you can write a bunch of automated tests, which is arguably a more time-efficient and thorough way to test your apps. Let’s take a look at unit, widget, and integration tests in the video tutorial above. Starter project Finished project Code snippets VS Code snippets { "Basic test scaffolding": { "prefix": "t ..read more

The biggest appeal of Flutter is being able to create apps that can run on multiple devices with just a single codebase. With the stable release of Flutter for the web, the apps you create become even more accessible. Even though the apps you create will run on all compatible devices, we are faced with the challenge of displaying the optimal UI on a huge variety of screen sizes. That is why it is more important than ever to make your apps responsive. In this tutorial you will learn how to use the Responsive Framework package to easily make your app UI adjust to different screen sizes. T ..read more

Routing in Flutter is a vast topic as it can be executed in many different ways. Having a logical and simple to navigate routing setup will directly translate into a better user experience. It will also make the code a lot more maintainable for the developers.  Configuring routing in Flutter, specifically with Navigator 2.0 can be very tedious and time consuming. This is where AutoRoute comes in with its intuitive API and handy code generation that will save you lots of time and effort. In this lesson you’ll learn how to leverage the simplicity of the AutoRoute and Salomon Bottom Ba ..read more

There are lots of ways to turn a profit from an app. One of the most common and effective ones is in-app advertisement. Google is by far the biggest player in the online advertising game. Google AdMob is a service that provides highly personalized ads from over one million advertisers along with useful tools and analytics to be used in apps. Integrating Google AdMob into your Flutter apps is absolutely free and, as you'll learn in this tutorial, really simple. The Finished App Earlier this year, Google announced the release of a new Google Mobile Ads for Flutter plugin. Th ..read more

In a world where your app is competing with millions of others, it's important for it to stand out visually as much as functionally. Sprinkling some beautiful animations across your app can really enhance its appeal and the user’s overall experience. SVGs are incredibly versatile, customizable, and can be animated inside of your apps for a unique effect. Rive, formerly known as Flare, is an animation software that can be used to easily create animated SVGs. The Rive Flutter package can then be used to seamlessly add the animations you create into your apps. The Finished A ..read more

Notifications are an essential component of many apps. Local notifications  in particular have many use cases, though most commonly they're used to create scheduled reminders. There is an endless variety of apps you can make with this as a core or an additional feature. Notifications are platform specific and require us to tap into native code to create them. Fortunately, we don’t have to become native developers to implement them into Flutter apps. Thanks to the powerful Awesome Notifications plugin, we can create notifications for iOS and Android with minimal effort! The Finished ..read more

A great app UI is one that minimizes the friction between a user and its functionality. An excellent way to reduce that friction is to highlight and showcase the parts of your app which are integral to its usability. This is particularly handy when a user launches your app for the first time or when you update the app with some new features. Showcaseview is a customizable and simple to implement package you can use to show your users around the most important features of your Flutter app. The Finished App The finished app will look and behave like the one in ..read more