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

Organizing files and folders

Though it may seem to be a trivial task, organizing files and folders plays an important role in making code readable, maintainable, and scalable. There can be many ways to organize files and folders in Flutter. We will look at a few of them in this section. Here, we are talking about the file and folder organization for source code inside the lib/ folder in our Flutter application.

Having proper folder organization helps us overcome the following issues:

  • Being unable to find a specific file
  • Writing a block of code again and again
  • Mixing up the UI, business logic, and backend code
  • Unlimited local variables
  • Confusion when developing as a team

The first way that we can organize our files and folders is by the functionality of source code. Look at the folder structure in the following figure:

Figure 6.1 – A functionality-based folder organization

Here’s what each folder comprises:

...