Book Image

Taking Flutter to the Web

By : Damodar Lohani
Book Image

Taking Flutter to the Web

By: Damodar Lohani

Overview of this book

Using a shared codebase in addition to an extensive range of tools in the Flutter ecosystem optimized for browsers, the Flutter framework has expanded to enable you to bring your mobile apps to the web. You’ll find out how web developers can leverage the Flutter framework for web apps with this hands-on guide. Taking Flutter to the Web will help you learn all about the Flutter ecosystem by covering the tools and project structure that allows you to easily integrate Flutter into your web stack. You’ll understand the concepts of cross-platform UI development and how they can be applied to web platforms. As you explore Flutter on the web, you'll become well-versed with using Flutter as an alternative UI platform for building adaptive and responsive designs for web apps. By the end of this Flutter book, you'll have built and deployed a complete Flutter app for the web and have a roadmap ready to target the web for your existing Flutter mobile apps.
Table of Contents (17 chapters)
1
Part 1: Basics of Flutter Web
5
Part 2: Flutter Web under the Hood
9
Part 3: Advanced Concepts

Implementing Riverpod in our app

Now that we know the basics of Riverpod, we will implement it in our application. Remember that we have already used it in our application while implementing the MVVM pattern; however, this time, we will make each concept clearer and follow a process so that you will be able to implement it in your new projects. We will start by installing a dependency. Although we can use the Riverpod package directly and build our own widgets, as we saw previously, the flutter_Riverpod package already provides useful widget bindings, meaning we will install flutter_Riverpod as outlined in the preceding section. Open the chapter8_start/pubspec.yaml file and add the following under dependencies:

  flutter_Riverpod: ^1.0.3

Then, run the following command:

flutter pub get

Note that if you are using flutter_hooks, you should install hooks_Riverpod instead. This includes extra features related to integration with Hooks.

Now, we are ready to start...