JavaScriptが無効です。ブラウザの設定でJavaScriptを有効にしてください
再生時間:
投稿日:
動画サイト:
画質:
Jetpack Compose is the new next generation UI toolkit. It uses a declarative component based paradigm for building UIs easily and quickly.
YouTube-Android Developers
Intro
Agenda
Image Composable
Remembered values
Handling user interactions
Property Delegates
Where should the state live?
Coupling and cohesion
View models
Final thoughts
This Workshop takes you through the basics of building your first app with Jetpack Compose, Android's new modern UI toolkit that simplifies ...
Welcome
What are Composable functions?
Multiple @Preview annotations
Refactoring the code
Recomposition
Transforming state
Building more UI
Animating
Animation specs
Where to learn more about Jetpack Compose
Help your Jetpack Compose app run smoothly by reading system traces with Perfetto to find slow parts of your UI and recognize ...
Welcome back to MAD Skills! This week we're starting a new series of videos and articles on the basics of Compose. If you're new to Compose, ...
Connect with industry leaders, experts, and peers at Netlify Compose 2024 in San Francisco. Learn why composability is the future of modern digital ...
Netlify
Learn how state flows through your Compose-based app and how the framework can automatically update UI to display new values.
Android Developers-Android Developers
This session covers the benefits of a declarative reactive UI system like Jetpack Compose and how it applies to real problems that Android ...
What is Coupling?
What if we started to define the layout in the same language?
Example of an imperative interface
Encapsulation with Compose
What is a p-model?
Recompose a hierarchy
Composable execution
Storing parameters
UX studies
If you're new to Compose, this is a great playlist to start to learn how to think and start building apps with Compose! Subscribe to Android ...
Welcome to Now in Android, your ongoing guide to what's new and notable in the world of Android development. In this episode, we'll cover ...
Introduction
What’s new in Jetpack Compose?
Galaxy Unpacked
Android Developers blog
AndroidX releases
Conclusion
In this episode of MAD skills on Compose basics, we will cover how to think in Compose. Building with Compose lets you focus on 'what', ...
What is Compose?
Views vs Compose
Demo
State Changes
Synchronising State Changes
UI elements are functions, not objects
What, not how
Recomposition example
Summary
In this video I'll show you how to use the Google's New Screenshot Testing Framework for Compose! Let me be your mentor and become an ...
YouTube-Philipp Lackner
A look into how debugging a performance issue in Jetsnack and how we fixed it in Jetpack Compose. Why does deferring state reads into a ...
Three Phases Of Compose
Deferring reads in lambdas
Implementing the fix
Build your first Jetpack Compose tests. Learn how to use Compose's testing artifacts to write UI tests, use test rules, finders, and assertions.
Android Developers
Jetpack Compose is Android's new modern declarative UI toolkit. Today, Jetpack Compose is in Beta! Join Android Developer Relations Engineer ...
What is Jetpack Compose?
Declarative UI toolkit
Composable parameters
Declarative UI concepts
Declarative paradigm benefits
New Animation System
Conditional background colors
Modifier chaining
Learn more about how the Android engineering team at Dropbox rebuilt their home screen, file preview, and search experiences using Jetpack ...
Dropbox took 40% less time to rebuild their search experience using Compose
Dropbox saw a 13% lift in search success rate after rebuilding their search experience using Compose
Compose allows Dropbox to get features in front of users much faster
"Learn how to make awesome Android apps easily with our Jetpack Compose Crash Course. No more coding struggles—just simple, cool designs!
YouTube-Native Mobile Bits
Basics
Compose Bom
Can We Define Multiple Preview for a Single Composable
Change the Text Color
Italic
Modifiers
Add Shape to Our Text
Create some Custom Layout
Row and Column
Buttons
The #AndroidDevChallenge returns, and this time we're focused on Jetpack Compose. For the next four weeks, the #AndroidDevChallenge will ...
What is the #AndroidDevChallenge?
Prizes
Come behind the scenes with the Jetpack Compose team to hear about the motivations for the project and how Compose simplifies and ...
How could we make it super simple to build a UI?
Why does Compose need to work with your existing apps?
Jetpack Compose can feel like magic, but what do you do when the magic isn't as performant as you want? Discover best practices in Jetpack ...
Lazy list composition scope invalidation
Lazy list keys
When to use DerivedStateOf
Composition phase
Nesting
Application trace markers in Android Studio
Drawbacks of unbundled libraries
Jetpack Compose baseline profile
In this video, you'll learn all about how to draw something custom in Compose. After getting to grips with working in Compose, ...
What is DrawScope?
Canvas Composable
Drawing Modifiers
Coordinate System
DrawScope Transformations
Example - Line Graph
drawLine background
drawPath
Filling graph area
Smoothing path lines
Animate graph drawing