You're reading from Taking Flutter to the Web Learn how to build cross-platform UIs for web and mobile platforms using Flutter for Web

Product type Paperback

Published in Oct 2022

Publisher Packt

ISBN-13 9781801817714

Length 206 pages

Edition 1st Edition

Languages

Dart

Tools

Flutter

Concepts

Front End Web Development

Author (1):

Damodar Lohani

View More author details

Table of Contents (17) Chapters

Preface

1. Part 1: Basics of Flutter Web

2. Chapter 1: Getting Started with Flutter on the Web FREE CHAPTER

3. Chapter 2: Creating Your First Web App

4. Chapter 3: Building Responsive and Adaptive Designs

5. Part 2: Flutter Web under the Hood

6. Chapter 4: Flutter Web under the Hood

7. Chapter 5: Understanding Routes and Navigation

8. Chapter 6: Architecting and Organizing

9. Part 3: Advanced Concepts

10. Chapter 7: Implementing Persistence

11. Chapter 8: State Management in Flutter

12. Chapter 9: Integrating Appwrite

13. Chapter 10: Firebase Integration

14. Chapter 11: Building and Deploying a Flutter Web Application

15. Index

Why subscribe?

16. Other Books You May Enjoy

Introduction to Flutter and Flutter on the web

Imagine being able to write code in one language/framework and deploy it on six different platforms, with some of those platforms having completely different setups in terms of both UI and UX. This has been made possible by Flutter in a way that allows developers to respect the norms of each platform, enriching developers with the tools and techniques to develop on each of these platforms with a native feel. A cross-platform development framework has been needed by developers for a long time now, because of the high costs and length of development time for native code on each platform. Many frameworks have tried, but none of them have succeeded in the way that Flutter has. Flutter has worked openly in the community in close connection with developers to resolve their issues and problems. Focusing both on the developer experience as well as the native feel and performance of applications, Flutter has become a great tool for cross-platform application development.

Figure 1.1 – Flutter, a cross-platform UI framework

Imagine developing a mobile application for Android and iOS, and imagine writing the same code without any changes (or with just a few tweaks) and running on the web while maintaining the same amount of functionality, or more. Imagine that same code deploying native desktop apps for Mac, Windows, and Linux. Yes, that’s now possible with Flutter.

From Flutter version 2.0, Flutter web support has become stable. This means we are now able to build Android, iOS, and web apps from a single code base. Flutter’s web support delivers the same experiences on the web as on mobile. Using the same sets of widgets that you use to build a UI for mobile applications, you can now build and deploy web applications. This enables developers to build feature-rich, interactive, and graphics-intense web applications with Flutter.

However, you have to understand that as Flutter is an app-centric UI framework, it is different from traditional web development. We are not writing HTML, CSS, and JavaScript (JS). Instead, we’re developing web apps using the same widgets that we use to develop mobile applications with Flutter. Later on in this chapter, we will see how Flutter is different from traditional web development with HTML, CSS, and JS, and how to take advantage of those differences.

Flutter is a lucrative framework to learn. With its plugins and developer tooling ecosystem, the Flutter framework has become one of the best tools for cross-platform application development in recent years.