Jetpack Compose

Подписаться 1,3 млн

Просмотров 66 тыс.

50% 1

Jetpack Compose is Android’s new modern UI toolkit. Learn how Compose simplifies & accelerates your UI development, allowing you to create richer, more robust and responsive UIs. We outline our roadmap, what is ready for use right now, share our direction in areas that are still evolving, and show how the tight integration with tooling makes the development experience even better. Get up to speed with Compose and how it can help you to build better apps!
Resources:
Get Jetpack Compose Developer Preview 2 → goo.gle/36OsmFt
Read the samples → goo.gle/3drIXRO
Chat with the team on Slack → goo.gle/2ZR58gu
Check what’s coming → goo.gle/37eVRkc
Related Playlists:
Android 11 → goo.gle/android11
Modern Android Development playlist → goo.gle/modern-android-develo...
Jetpack playlist → goo.gle/jetpack
Subscribe to Android Developers → goo.gle/AndroidDevs
Speaker:
Romain Guy
#featured #android11 #betalaunch #jetpackcompose
event: #Android11: The Beta Launch Show; re_ty: Publish; product: Android - Jetpack Compose; fullname: Romain Guy;

Наука

Опубликовано:

23 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 161

@robertlee9116 4 года назад

It's like the react hook function, and I'm shocked by how powerful kotlin can be used, it will be a huge change of android UI. I'm so excited to see that.

@MrAudriusz 4 года назад

I think Leland, Romain and whole Compose team might become heroes to all android devs. Heroes who freed us from the View

@gaurav414u 4 года назад

While its very tempting to consider this statement true, but the composable UI components is a an old thing. React and flutter have been doing this for ages. Apple with swift UI and android with Jetpack compose, seems like the entire mobile ecosystem is moving towards the declarative UI paradigm.

@yannick6927 4 года назад

That's because declarative ui works best with reactive logic

@SnoopyDoofie 4 года назад

Romain was one of the original developers of the View.

@simrandotdev 3 года назад

@@gaurav414u 4-5 years is not ages lol

@gaurav414u 3 года назад

Simran Preet Singh ha ha! On a lighter note, in android dev world its indeed ages. Todays android development would be totally greek to a mainstream android developer, time traveling to the future from 4 years ago. 🙃

@michaelnajera7958 4 года назад

I'm glad you took your time instead of just dumping it as a ready to go solution that wasn't.

@drac.96 3 года назад

I am totally going to use this for making apps! I especially love the way you can make lists now!!!

@VishnuHaridas 4 года назад

Curious to know what's the plan on navigating between different screens in Compose. 1. Will it be the same as what we have now, like many Activities and Fragments with the `setContentView()` replaced by a composable function instead of XML layouts? 2. Or many composable screens and a navigator/router like in Flutter? (where a single Activity can switch between many composed screens) 3. Or something else?

@AntonDerevyanko 4 года назад

Possibility to use Compose along with classical code is huge advantage!

@AleksandarStefanovic 4 года назад

The animations solution is excellent!

@Xaxxus 4 года назад

This is exactly what SwiftUI on iOS is. Its nice to see every platform getting a similar way of making UI. The codebases can now be basically the same between the two platforms without having to use some cross platform framework.

@Gebes 3 года назад

Yeah. Still flutter will be a nice solution for the next few years. Look how slow people get the newest Android version

@mads2357 3 года назад

@@Gebes compose is independent of the android version. Though i think it doesnt support anything below API 21 if i remember correctly.

@SociedadAndroide 3 года назад

Compose is already at Alpha, there was so much work on this, from dev2 3 months ago, to alpha now, congrats to the team !! this is amazing news

@divyanshudn 4 года назад

Hi, I moved from Android to iOS when swiftUI was announced, I love working with swiftUI and I feel every mobile dev should create views in SwiftUI way in my opinion, I am closely looking at Jetpack compose to make Android dev great again with lots of animations and custom views.

@alexneeky7920 4 года назад

and now constraint layout feels like huge overkill

@nbaua3454 3 года назад

Yeah... and this new syntax is a overkilled zombie... I guess react native's (and so the other multi platform Fws) move to use flex-layout like a CSS is a smart and elegant way to go. Less hassle to develop and so less to maintain/update your code... (sh#t who names constrains with Tags...)

@PSIXOtheX 3 года назад

Is there a source code for that material shop app shown in the video somewhere? Is that using filament library within compose UI?

@robchr 4 года назад

This is awesome. I cannot wait to try it out. ❤️ the RxJava support.

@sky-xk5be 3 года назад

use coroutines and live data plz

@DanieleSegato 4 года назад

Why aren't testing tags modifiers? Is there a reason to keep them as separate functions? is there a place to give these kind of feedbacks? EDIT: oh, it says at the end of the video: 23:00

@headoverbars8750 3 года назад

Been watching Romain from the beginning... Used to listen to Tor on Java Posse and remember way back then, wondering if there wasn't a better way to do UI... I had "felt" that UI should be declared and handled in code but then it was about performance and from a different level of abstraction... I believe this is likely a bit more performance taxing than writing UI in straight Java or C++ (... Had Android gone with a different idea like a mobile version of Swing) but you could never get the flexibility and seamless beauty this promises to bring to the table. Bottom line is the hardware can run this stuff now let's have a great time creating things of beauty!

@rueleonheart2467 4 года назад

There's a typo for tlRadius variable at 17:00, should be rlRadius.

@zyrnnh110 3 года назад

tl is for Top-Left

@Boba0514 3 года назад

@@zyrnnh110 yeah, the typo is the other way around

@milendimitrov8708 3 года назад

Great idea, great job, applause for the Compose team. I think this is the future of modern Android development, but maybe it is a good idea to start developing a graphical tool that generates the code of the Compostables. I think the popularity of the Constraint Layout is because of this feature.

@mads2357 3 года назад

Yeah, when I first began the auto generation feature was a great way to get into the constraint layout works. With time i mobed to editing xml directly more and more, but I appreciate the beginner-friendlyness and the quick approximation of my ideas it provides.

@greenspand 4 года назад

Amazing. Super easy testing.

@Borszczuk 4 года назад

Why onDispose() is nested in onAcive (@19:20)? Looks like both should be equal.

@sky-xk5be 3 года назад

i was thinking the same thing, but it kinda makes sense since you can't destroy anything that u haven't created.

@athulantonyn.p6147 3 года назад

Seems like it is react hooks practice. Inspired from react js

@abhishekjha7749 4 года назад

Compose will completely shake the Android World.

@gaurav414u 4 года назад

Like flutter has already shaken the mobile world :)

@triannoviandi788 4 года назад

@@gaurav414u ya, but i think compose would be better because it using kotlin

@shaun.august 4 года назад

@@gaurav414u flutter has certain use cases..It could never be the replacement of native dev, You know in future we will be depending heavily on platform specific infrastructure...as future is platforms dependent..Kotlin and Swift will always remain the king..

@farazahmed7 3 года назад

MotionLayout- "Am I a joke to you?"

@chainimkar6196 Год назад

Are the chapter names auto generated? the ConstraintLayout section reads "Constantly Out" :)

@ivanovicnosel9157 3 года назад

A runtime layer that abstracts platform-specific operations by using a virtual tree? Where have I heard this before?

@pxnx 4 года назад

Flutter-Vibes. Sweet☺️

@abirhasan6476 4 года назад

What's going to happen to Motion Layout after Jetpack Compose?

@gaurav414u 4 года назад

LOL

@shaun.august 4 года назад

It will remain there, going nowhere..Jetpack compose is a new guy to this family of android UI...which is in contrast of declarative nature..

@tashi7160 4 года назад

TestTag sounds a little weird. Are we suppose to add it every compose function for the UI test? 20:23

@AlashovBerkeli 3 года назад

No testing no problem

@phanip9908 4 года назад

Excited!!

@gabrieltofvesson8164 4 года назад

This is just beautiful!

@yeilmusic 4 года назад

How can we change the constraintset when the orientation changes?

@mads2357 3 года назад

I would imagine you'd do it with an if statement checking orientation and setting the constraints there after.

@hirendesai8261 3 года назад

is there any bug in android studio canary 4.2? cause whenever i make changes in jetpack compose app i need to uninstall the app and then have to install it again in order to see changes. I'm not able to see changes after running app or instant run feature.

@mads2357 3 года назад

In the preview window there should be a "deploy to device" button that updates the ui. Does that one worrk for you?

@CopernicoTube 4 года назад

An interesting thing we can thing about compostables with modifiers (are like some kind of visitor pattern, right?) is take appart the styling from the UI. But how about take the layout itself from components behavior? As a developer, I can imagine construct my layout as a set of generic bounding boxes arranged as a specific way, without worry about what component is where. So I could define modifiers (styling, animations) *on the boxes*, not the components yet. And on a last stage, I can apply my component tree on the bounding boxes tree. And every component on a box assume the modifications that can be applied. So I could reuse my components tree on another screen design (layout tree), this way the same UI can look different on alternative designs or device orientations, without need of things like fragments... As I can also reuse the box tree to an alternative component tree (same design different content) to preserve visual identity across application, for instance.

@mads2357 3 года назад

I think you could do this in compose. Yud just have to use slots for every component in the tree and fill it in with actual ui later. Admittedly the way one would pass the ui component would be a little tricky if you aren't careful.

@brymoTube 4 года назад

Modifiers > Nested Composables I'm really happy they went this route. Nested views in flutter are an eye sore.

@cruelplatypus67 4 года назад

Flutter has tooooi much nesting

@gorudonu 4 года назад

I disagree, it creates "god" class connected many, not-related things

@keithkaranu4258 4 года назад

@@gorudonu I suspect that those modifiers are actually extension methods so the class it self wouldn't be that big

@shaun.august 4 года назад

@@cruelplatypus67 flutter is nice but has very bad looking syntax..kotlin in contrast is really good looking when it comes to syntax and code structures..

@abdullahalmaruf5513 3 года назад

Great job Compose Team 👍👍👍

@Eagle-jo8cx 4 года назад

It will be like SwiftUI, does anyone knows when jetpack will be ready to use for production?

@zyrnnh110 3 года назад

2021, the 1.0 version

@ifromfaraway 4 года назад

Very good. Great effort.

@gofudgeyourselves9024 4 года назад

The thing of mixing Constraint Layout with jetpack Compose feels like we are making a brownfield app

@divyanshudn 4 года назад

Is jetpack compose production-ready now? I tried it in Canary builds and looks fine to me.

@shaun.august 4 года назад

NOT production ready yet..it is still in dev preview..but soon it is going to be production ready..

@kirill4531 3 года назад

Hold up... Is it the same as how Flutter builds widgets with states?!

@vishnusafaya8460 4 года назад

One side Google is pushing Flutter and also they are making this on the other side. It just keeps getting tougher to select one as a newbie.

@markonovakovic3838 4 года назад

this is the greatest thing ever! :D

@rahuljanagouda 4 года назад

Was there an Android 11 launch keynote? 7:14

@ezralopez 4 года назад

I don't think there was a keynote this year, but he's referring to this video ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-bAdRKQNbLmQ.html

@peter7433 3 года назад

It's interesting, but I am afraid that these testing tags clutter everything if you need to add them to each composable?

@umairkhalid123 4 года назад

I think same team who worked on flutter is working on Compose as well

@armandoavila4615 4 года назад

So we should use Compose instead of Databinding, right?

@SamuelIceBlade 4 года назад

Compose isn't ready for production use yet, so for now you're probably better sticking with data binding in production apps. But by all means play around with Compose so when it's ready for use in production you'll have that head start in your understanding

@arsen1156 4 года назад

Awesome!

@jseh_ 3 года назад

what kind of flutter is it ?

@LaithBasilDotNet 3 года назад

Why functions start with capital case ?

@gopalakrishnanv2099 3 года назад

To make it look like a Component

@maksonic_official 4 года назад

I’ve been studying android for about 9 months, before that I didn’t know anything about programming, it’s hard to learn, because the development of android is going very fast, but I see that JetPack Compose is the future android development!

@shaun.august 4 года назад

if you have got in android dev, you should be doing that in kotlin..in kotlin android dev is a lot easier and fun..and is super easy to learn for beginners

@williaansouza 4 года назад

very good 👏👏👏👏

@StratusHunter 4 года назад

Is it just me that thinks the syntax is really confusing and super nested? To be fair I've not written in this or SwiftUI yet but from the outside these solutions seem really convoluted and complex for even slightly custom UI.

@StratusHunter 3 года назад

@Kachi .X Since Donut :) The big thing for me is the heavy nesting, gonna need an ultra wide monitor for the arrowing :P Don't get me wrong the features are really awesome, my specific issues are with the arrowing, syntax and the verbosity. But like I've said I've not written with it yet so it's just an outside perspective for now.

@lukezhang213jeff 3 года назад

How do you have emulator as a tab inside Android Studio at 7:42

@SuegroLM 3 года назад

Go to View -> Tool Windows -> Emulator prntscr.com/uvrpxb After that, open the tab and set it up. It has instructions on what to do to set it. But if you're talking about the "Preview" tab at the right, you can get it opened by typing the @Preview tag above your @Compose function. If you do that, Android Studio will show that tab automatically.

@user-wc4zm4kc7l 3 года назад

@@SuegroLM Hi SuegroLM/I want to ask that I have typing the @Preview tag, why Android Studio not show that tab automatically,is the version wrong?

@SuegroLM 3 года назад

@@user-wc4zm4kc7l Hello, probably it is wrong since @Preview only works on Canary versions of Android Studio. You can check your Android Studio version on your Android Studio IDE -> Help (On the top side of the IDE) -> About. It must be a Canary version, or what it is called now "Arctic Fox".

@SuegroLM 3 года назад

@@user-wc4zm4kc7l Also, you must do a successful build of your project (On the Android Studio IDE -> [Build]) in order to get it to work!

@dilanatabaychannel9611 2 года назад

Jetpack Compose is cool!

@MrAidooyaw 4 года назад

very nice

@lukugeraud 3 года назад

Im scared but will learn

@lafanisolar 4 года назад

Nice video

@bdmaxvalera 4 года назад

Wow, more likely functional programming, like dart and flutter 😍

@ravenarts2065 3 года назад

as a flutter developer, i really like this :D

@milendimitrov8708 3 года назад

I will like Flutter more if it supports Kotlin ;)

@VishnuHaridas 4 года назад

Instead of that complete complex ConstraintLayout, can we use a `Stack( Image, Row( Button1, Button2, Text, Icon, Spacer, Text))` like in Flutter, which is cleaner and easier to understand and maintain?

@romainguy 4 года назад

You can yes, this was just to show ConstraintLayout. But there are stacks, rows, columns, etc.

@moritz_p 3 года назад

What the hell I just found this after learning the old UI stuff for the last few days so I guess I'm not done learning yet.

@TheLinuxAdmin88 3 года назад

Good

@CaioFaustino 4 года назад

5:05 did I hear Compose multiplatform?

@saransankaran 4 года назад

They also have soemthing called desktop-ui under AOSP. Commonsware also wrote a blog post about his findings, about support for mutiplatform might be coming in future.

@131617 4 года назад

👏👏👏

@ROHITUPRETI 4 года назад

Can i not use compose in Java for Android ?

@connectedr 4 года назад

@cruelplatypus67 4 года назад

@ROHITUPRETI 4 года назад

Starting to hate java more and more now, creating dynamic ui is a hell

@connectedr 4 года назад

@@ROHITUPRETI Switch to Kotlin. It's easy to learn and far better than Java in every way.

@amauryricardo8233 4 года назад

@@connectedr "creating dynamic ui is a hell"

@thelittlenaruto 4 года назад

I wonder if we are going back to ancient era of functional programming...

@bahaaka828 4 года назад

why introducing a new coding style and not replicating the same way used to write Web frontend in Kotlin Kotlin React is a great example of building UI components and the way you write your code is much more cleaner and readable than this. was it hard to replicate it?

@amauryricardo8233 4 года назад

Nice video. - Is stable? - What about maintenance? (Flutter has the same philosophy and maintenance is a hell)

@BooshyBrows 4 года назад

I'm waiting for a native drag and drop app builder that lets me worry about building the app and not updating the architecture every year - you change how the app is built as much as you like in the background and I'll worry about my apps functionality

@mehranj73 3 года назад

Just give us the stable release date

@rajatbaniya8676 3 года назад

fluttery vibe..i love it

@easazade 3 года назад

This is how flutter ui is written. I dumped native android for flutter last year.

@hasszhao 4 года назад

same like flutter, swift ui

@nirmankalia6775 4 года назад

I smell SwiftUI...😌

@mehmetadi2872 4 года назад

so far. swiftUI support up to TVOS screen size. idk about jetpack compose. so far looks like for mobile

@keithkaranu4258 4 года назад

@@mehmetadi2872 I see no reason that jetpack compose can't be used on Android TV

@mehmetadi2872 4 года назад

@@keithkaranu4258 why?

@keithkaranu4258 4 года назад

@@mehmetadi2872 Compose is just a library with a compiler plugin nothing stopping you from adding it to an Android TV project.

@mehmetadi2872 4 года назад

@@keithkaranu4258 but so far. no guide unlike SwiftUI which does have guide for everything

@mohammad-karbalaee 2 года назад

Bye Bye damn XML, Hello Jetpack Compose

@chelseaisking 4 года назад

wow flutter suddenly looks not so hot anymore :D

@lex2dby 4 года назад

github.com/romainguy/sample-materials-shop code from video if someone interested

@Kloonder 4 года назад

So this is what happens when you combine kotlin, competent programmes and a lot of money

@HarpreetSingh-dl4ip 4 года назад

I feel like seeing flutter relaunched.

@AntonDerevyanko 4 года назад

As for me,- Compose looks less useful comparing to Flutter. It is like a half path to reactive UI. Anyway, I will try it.

@joostklitsie5107 4 года назад

Can you please elaborate? Flutter has a different purpose than Android development, and Android development will probably benefit a whole lot from Compose. The syntax is quite similar I would say. Also, a totally new framework in dev state (so pre-alpha) is not yet finished, yet you can already achieve cool results with it. So what do you mean with it is a half path to reactive UI?

@AntonDerevyanko 4 года назад

@@joostklitsie5107 I mean that in the Flutter whole architecture of the framework is built on the reactive approach. State, objects, and UI are managed and recycled quickly and cheaply. There is no need to search for a widget by tag. Also hot-reload works perfectly. It is not clear for me how objects and views are managed in the android in the case of Compose. I need to try to use Compose to be more confident. Right now it is just first impression.

@andy_lamax 4 года назад

So true, Compose is like half path to Flutter because it was modeled to resemble react hooks. UIs are just functions of modles and states are just hooks in to the functions. That's why you won't see stateful or stateless widget in Compose

@codepresso592 4 года назад

It's better than flutter's nested hell

@AnkitKumar-sz5wu 3 года назад

So basically it's flutter...

@Audio-Library-Sound-Track 9 месяцев назад

Lñp

@mirabhiwaniwala3174 4 года назад

Just like flutter

@probhakarsarkar2430 4 года назад

why don't u just make dart work in jvm, so that we can use flutter :p

@deviantstudio 4 года назад

why don't implement compose for ios/desktop? so we can get rid of flutter in favor of KMP+compose

@shaun.august 4 года назад

@@deviantstudio That is technically not a good idea. Compose is an android UI kit, not a cross platform. You ask this same question from Apple that why their Swift UI is not for android and flutter or even windows???

@deviantstudio 4 года назад

@@shaun.august the compose is being developed as platform agnostic thing. they even pushed some desktop prototype recently. so in theory you could at least test widgets on desktop. and i believe it is possible to port compose to ios. never say never

@gorudonu 4 года назад

the other way would be better - why compose doesn't use kotlin-native and drop java world altogether ;)

@shaun.august 4 года назад

@@deviantstudio That is not going to happen..Compose is engineered for Android...ONLY....

@nbaua3454 3 года назад

somehow it looks like a crossbreed between React Native and Flutter....It may sound little off topic...but hell no.. Old Java days with Android were much better... Kotlin ruined the fun to some extent.. this ruins it further.

@MrAidooyaw 4 года назад

i want native android extensibility + flutter ui

@SnoopyDoofie 4 года назад

Kind of looks like a ripoff of React.js

@ayushchothe8785 4 года назад

Flutter is also good

@nickolaysavchenko2582 4 года назад

Just like Flutter, but code looks like bunch of random symbols without deep understanding Kotlin. Flutter much more easy to use and learn - just make your app. Compose looks like another one language.

@dumitru3355 4 года назад

Well, no one talks about Dart but everyone know Flutter

@nickolaysavchenko2582 4 года назад

@@dumitru3355 dart + flutter = love

@dumitru3355 4 года назад

For me, flutter is like a new language too

@nickolaysavchenko2582 4 года назад

@@dumitru3355 for me dart very intuitive and simple. And has ternary operation:))

@dumitru3355 4 года назад

@@nickolaysavchenko2582 Oh it's just buzzy stuff, scala doesn't have a ternary operator, also it's pretty easy to live without ternary operator when "if" does return a value.