Sharing the future of code | Helping achieve a front-end development experience that achieves twice the result with half the effort

Google empowers developers to develop efficiently

By providing easy-to-use and interoperable development tools

Help developers to complete development work easily and quickly

Focus on building products that users love

Let's take a look at what "do more with less" tools

A better front-end development experience for developers

Flutter: Build beautiful apps efficiently

Flutter revolutionized the software development industry: build, test, and publish beautiful apps for mobile, web, desktop, and embedded platforms with just one codebase. Flutter has continued to improve since its first beta release four years ago. Today, the number of applications developed using Flutter has exceeded 500,000. Among them, China's Flutter developer community ranks among the top in the world.

Flutter 3.3

Flutter 3 is a big step for the Flutter team towards the vision of full platform coverage. Added stable support for macOS and Linux, allowing developers to cover six platforms with just one set of code.

On this basis, after continuous improvement and improvement, Flutter 3.3 version has also been released recently, and brought many new features that developers have been looking forward to:

● Updated go_router package with improved implementation flow for navigation and deep linking ● Migrated more components to Material 3
● Added touchpad gesture support for desktop users ● Support for global interactive text selection on all platforms, and support for adjusting the default appearance of text selection controls ● Development experience and performance improvements for Windows platforms

In Flutter 3.3, the Flutter team has also teamed up with Flutter app design studio Gskinner to introduce a new app example called Wonderous, which you can also learn more about in the second post today. With Wonderous, users can delve into the eight wonders of the world, while also showing more developers and design studios how to use the power of Flutter to create high-performance and beautiful interactive experiences.

Flutter Casual Game Kit

Flutter's hardware-accelerated graphics capabilities are favored by more and more game developers. Over the past year, thousands of Flutter games have been released. To help developers simplify development work, the Flutter Casual Games Toolkit came into being, providing game development templates, learning materials, community spaces, and Google developer service vouchers and other related information.

At the same time, a new page for game developers has been opened on the official Flutter website, where developers can obtain links to various resources including game templates, source code, video tutorials, material markets, production tools, Dart and Flutter packages.

● Flutter official website flutter.cn/games

Firebase: Create a smooth and stable development experience

Firebase provides developers with products and solutions they can rely on throughout the life of an app and at every stage, delivered as a fully managed infrastructure to keep apps up and running fast, securely, and efficiently, allowing developers to Developers can focus on building apps that users love.

To create a smooth and stable development experience, Firebase continues to improve integrations with Google's popular development products, as well as collaboration between the platform and an open ecosystem of tools.

Integrating with Flutter: Speeding up cross-platform app development

62% of Flutter developers currently use Firebase in their apps. As the integration between Flutter and Firebase reaches stable, it becomes a fully supported core component in the Firebase product line. Flutter has migrated relevant source code and documentation to the main Firebase codebase and website, and will continue to work to improve Firebase's support for Flutter to align with development on the Android and iOS platforms.

Crashlytics for Flutter: Easily and quickly know crash issues

Stability and performance are the keys to the success of every application. Firebase Crashlytics is a real-time crash reporting tool that helps developers prioritize and fix the most severe crashes based on their impact on real users. Developers can use the same set of features on both iOS and Android to track bugs in their apps and resolve major issues before they affect a large number of users.

The setup steps for Crashlytics for Flutter have been simplified, allowing developers to set up and get started in minutes. In addition, Crashlytics is now integrated with the Play Tracks feature. Developers can filter Crashlytics crash reports based on tracks, understand the situation of each version separately, and determine the priority of repairs when a crash problem is found.

App Check: Helps enhance security / Brings a smooth and secure development experience

Firebase's security solution, App Check, is officially released to help developers keep data and users safe. App Check certifies that incoming traffic is indeed originating from app instances on trusted devices and meets key compliance and security standards. Developers can use App Check protection with API endpoints on Firebase, Google Cloud, or custom servers. Additionally, we've integrated App Check with the new Play Integrity API, giving Android apps access to advanced security.

Material Design: Building Responsive Apps

Material Design is an adaptive system of guidelines, components, and tools that support best practices in user interface design. It helps developers build applications according to the principles of adaptive interface, so as to solve the problem of adaptation on tablets and foldable devices. Material Design 3 adaptive layouts react to input from users, devices, and screen elements, adapting to various screen sizes and orientations.

Material Design 3

Responsive guides and components allow apps to adapt to various screen sizes and different navigation components and accessibility.

● The Compose Material 3 Jetpack library, now in Alpha, is based on the Material Design 3 specification and includes updated themes, components, and dynamic color matching Material You personalization to complement the new Android 12 visual styles and system interface.
● WindowSizeClasses are a set of subjective viewport breakpoints. The WindowSizeClass API helps get rid of error-prone isTable logic and eliminates the need for custom logic when switching between landscape and portrait screens.
● Following the Material guidelines, developers can provide alternative layouts based on the size category of width, adjusting the navigation to the most convenient location.

Compatible with foldable devices

Foldable devices not only feature larger screens, but also adjust the orientation/posture of the device based on how the device is folded and how the user is using it.

● The WindowManager Jetpack library enables applications to be aware of the collapsed state and provides a common API interface to support different device types. Developers can use WindowManager to view display characteristics and their effects. ● Pay attention to the influence of hinge position on interaction, and avoid placing buttons and other important operation items directly in the hinge area. ● ViewModels allow data to persist across configuration changes such as screen rotation, ensuring that the current task continues seamlessly after the transition.

Web: tap the potential of web content

The Chrome team is dedicated to helping you build content for the web, and continues to explore the potential of web content. Many Chinese developers have created an unparalleled high-quality experience for their users, demonstrating the infinite potential of the Web. For example, Tencent Docs uses the asynchronous clipboard API to achieve better real-time collaboration and functionality. Cocos utilizes features like Web Audio and Web GPU to provide high-fidelity web gaming experience.

DevTools: A Guide to Automated Web Testing Tools

Chrome DevTools is a set of web developer tools built directly into the Google Chrome browser. Sync your DevTools settings with your Chrome profile to work across devices. With the new Recorder panel in Chrome DevTools, you can record and play back user flows, simulating key flows to improve the user experience. A Performance Data Analysis panel has also been added to help diagnose performance issues.

PWA: Enhancing the Web App Experience

Progressive Web Apps (PWAs) are web applications built and enhanced with modern APIs that provide enhanced functionality, reliability, and installability while reaching anyone, anywhere, and any device from a single codebase.

● Building a reliable offline experience requires implementing storage management using tools such as IndexedDB, caching, storage managers, persistent storage, and content indexing. Workbox is a set of modules that simplify common Service Worker interactions and also help enable offline support.
● The Web Share API enables web applications to share links, text and files to other applications installed on the device in the same way as platform-specific apps. With the help of the Web Share Target API, the installed web application can be registered as a share target in the underlying operating system, so as to realize the function of receiving shared content.
● Application shortcuts (App shortcuts) allow Web developers to quickly access some of the common operations users often need.

Go to the web developer site for details https://web.dev/

Keep following Google Developers

Learn more about Google's technical progress and product updates

Explore the infinite splendor of "shared code future"!