Taking Flutter to the Web: Learn how to build cross-platform UIs for web and mobile platforms using Flutter for Web

Taking Flutter to the Web
Contributors
About the author
About the reviewer
Preface
    Who this book is for
    What this book covers
    To get the most out of this book
    Download the example code files
    Download the color images
    Conventions used
    Get in touch
    Share Your Thoughts
Part 1: Basics of Flutter Web
Chapter 1: Getting Started with Flutter on the Web
    Technical requirements
    Introduction to Flutter and Flutter on the web
    Why you should learn Flutter on the web
    What you can build with Flutter on the web
        Progressive Web Applications
        Single-page applications
        Existing mobile applications
        Deciding when to use Flutter on the web
    Making and running a new Flutterweb project
    Flutter on the web for web developers
        Flutter as a UI framework
    Flutter on the web for mobile developers
    Official Flutter documentation
    Summary
Chapter 2: Creating Your First Web App
    Technical requirements
    Creating a new Flutter project with Flutter web
    Using basic widgets
    Building layouts
    Summary
Chapter 3: Building Responsive and Adaptive Designs
    Technical requirements
    What is responsive and adaptive design?
        Responsive design
        Adaptive design
    Why there’s a need for responsive and adaptive design in Flutter
    Responsive and adaptive design tools you may have known and used
    Tools and techniques available for responsive and adaptive design
    Making our app responsive and adaptive
        Defining metrics for responsive design
        Updating a featured section to be responsive
        Modifying the footer
        Making our app input-ready
        Updating navigation to be responsive
    Summary
Part 2: Flutter Web under the Hood
Chapter 4: Flutter Web under the Hood
    Technical requirements
    How does the Flutter Engine produce web apps?
    Different types of web renderers and their advantages and disadvantages
        HTML renderer
        CanvasKit renderer
    Choosing between the HTML and CanvasKit renderers
        Loading time
        Data usage
        Text fidelity
        Performance and uniformity
        Command-line options
        Runtime configuration
    Summary
Chapter 5: Understanding Routes and Navigation
    Technical requirements
    The basics of navigation in Flutter
    An introduction to Navigator 2.0
    Implementing Navigator 2.0 in our app
    Summary
Chapter 6: Architecting and Organizing
    Technical requirements
    The need for properly scalable architecture
    Organizing files and folders
        Naming conventions
    MVVM architecture
        The model
        The view model
        The view
    Implementing MVVM architecture
        Setting up for authentication
    Summary
Part 3: Advanced Concepts
Chapter 7: Implementing Persistence
    Technical requirements
    The need to persist data
    The tools and techniques available for data persistence
    Persisting data with local storage using the shared_preferences plugin
        Creating a theme mode service
        Creating a theme mode view model
        Integrating our view model in a widget
    Persisting data using HiveDB
        Setting Up HiveDB
        Writing a watchlist service
        Creating a watchlist view model
        Integrating a view model into views
        Creating a watchlist page
    Summary
Chapter 8: State Management in Flutter
    Technical requirements
    Understanding the basics of state management
    The options available for state management
        Provider
        Riverpod
        Redux
        BLoC
        MobX
    An introduction to Riverpod
        Understanding Providers
        Creating a provider
        Reading a provider
    Implementing Riverpod in our app
    Summary
Chapter 9: Integrating Appwrite
    Technical requirements
    What is Appwrite?
    Installing Appwrite
        Installing Appwrite in DigitalOcean servers
        Installing Appwrite locally or in a VPS
    Setting up an Appwrite project
    Installing and configuring Appwrite’s SDK for Flutter
    Authenticating with Appwrite
    Using Appwrite’s database to persist data
        Creating a Database and a collection
        Adding a function to create Database
        Adding a function to create collections and attributes
        Adding course documents and listing them on the app
        Updating the watchlist functionality using Appwrite’s database
    Summary
Chapter 10: Firebase Integration
    Technical requirements
    What is Firebase?
    Getting started with Firebase
    Installing and configuring Firebase SDKs for Flutter
    Authentication with Firebase
    Using Firestore Database to persist data
        Configuring Firestore Database
        Adding course documents
        Listing the courses in our application
        Updating the watchlist functionality using Firestore Database
    Summary
Chapter 11: Building and Deploying a Flutter Web Application
    Technical requirements
    Building and deploying your first web app
    Configuring a PWA
        Introduction to PWAs
        Customizing Flutter PWAs
    Automating with GitHub Actions
        Writing a GitHub action for deployment
        Enabling GitHub Pages
    Summary
Index
    Why subscribe?
Other Books You May Enjoy
    Packt is searching for authors like you
    Share Your Thoughts