Thinking in Compose

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

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

50% 1

Jetpack Compose is the new next generation UI toolkit. It uses a declarative component based paradigm for building UIs easily and quickly. It’s written entirely in Kotlin and embraces the style and ergonomics of the Kotlin language.
Resources:
Compose samples → goo.gle/compose-samples
Compose feedback → goo.gle/compose-feedback
Compose Slack → goo.gle/compose-slack
Check out the 11 Weeks of Android website → goo.gle/30FDT8S
Related Playlists:
UI - 11 Weeks of Android playlist → goo.gle/ui-11weeks
11 Weeks of Android playlist → goo.gle/android-11weeks
Subscribe to Android Developers → goo.gle/AndroidDevs
Speaker:
Leland Richardson
#featured #android11 #11WeeksOfAndroid #jetpackcompose

Наука

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

25 авг 2020

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

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

finally, I found the guy who explained exactly the purpose of remember(), thanks Leland

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

18:04 separation of concerns, a really good explanation, I don't think I've seen this speaker before, but he REALLY does know his stuff, great video 100%

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

He'd better know his stuff, he is one of the architects of Compose. They should have done the same with the Data Binding library, then I wouldn't had to suffer from seeing people creating a mess when trying to use it

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

@@AndoNoSekai Agree, data binding was never documented very well back in the beginning, it's still pretty poor in terms of official guidelines and recommendations. I've seen some real hideous use of it in my time.

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

Shinigami Yagami just to drive the point home, this IS an answer to poor data binding documentation because it is an easier paradigm to understand that achieves the result with a lot less work and boilerplate

@securepul Год назад

Hey guys sorry 🙏

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

This is hands down the best video I've seen so far on composable. Seriously, great work.

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

I didn't know Jake Gyllenhaal was an Android developer

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

First time I saw him I thought the same thing

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

I came to the comments to make sure someone mentioned it. 😂

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

lmao

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

😂😂

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

Lmao

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

as someone who just started out with Kotlin and Android developement with jetpack Compose (coming from Java/Spring) I was really overhelmed by this approach very alien to me. After crwaling through many examples, I really liked this step back to look at the big picture. Great explaination here

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

We’re so happy to hear you enjoyed the video! If you’re interested in additional resources; check out the Jetpack Compose walkthrough and Intro to Kotlin here: developer.android.com/courses/android-basics-compose/course developer.android.com/courses/android-basics-kotlin/course

@AmanSingh-ky7rc 3 года назад

Damn, they are going to make us re-work everything and this just feels awesome to see the concepts getting buildup from the scratch.

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

One of the best Android video I have seen so far ....🎉

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

so detailed, simple and elegant. God bless you

@4lp3n 3 года назад

I'm so greatful that I found out about the Compose. I come from React and I played a little bit with Flutter. Now I have to do Android Kotlin project for university course and this is heaven for me. All concepts are very familiar without even reading the docs. Classic Android UI with XML is way too heavy and unnecessarly complicated in my opinion. Building UI should be simple like Compose ;)

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

actually you can use compose in xml by using , and use xml in Compose function by using AndroidView()

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

Holy cow this is so exciting can't wait to dig in. Awesome presentation. Loved the explanation of separation of concerns.

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

5:30 Showing off that kotlin 1.4 supports commas at the end

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

just like dart, for formatting.

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

very interesting.. woaw... the cohesion coupling clarification was also interesting. the fact that the same language allow to remove the implicit coupling ( hard to debug .... problems down the line for the complex UI) was great. to make it short . Thank you.

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

Oh my god .. Super presentation by Leland, Awesome man!

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

Well done. Video was super clear - excited for Compose :)

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

Yes!!!! Alpha is finally here 💥🎉

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

Hey there! How to become a gde? What skills do i need if i wanna be same in android?

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

@@stvayush descarta

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

@@rosenidiasivanaszko3315 what's descarta?

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

Finally!!!! I’m so excited! 🥳

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

So cool, very excited!

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

The code suspiciously looks like Flutter. I love it! ❤

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

AliReza Beytari and SwiftUI and React Native. We’re seeing a consolidation around very reasonable to follow paradigma for asynchronous user interfaces that need to respond to many state changes. My bet is this paradigm would not have evolved natural in web land without mobile as quickly but I also expect to see this as the cross platform solution (not necessarily compose but why not) in a few years. React Native is already paving the way here

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

@@someonlinevideos Outside of XML based languages, similar syntax has been around on the desktop since 2009 with JavaFX Script and Qt QML. See en.wikipedia.org/wiki/JavaFX_Script and en.wikipedia.org/wiki/QML

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

@@daschewie Thanks for sharing. Will have a look. Why do you believe these technologies are both A) were forgone in favor of declarative UI styles for both main mobile platforms and B) seeing a resurgence in both as well as in the React paradigms as well?

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

@@daschewie I was working with JavaFX for a reasonable time and this is the first time I hear about JavaFX Script, it looked great! but I'm wondering what happened to that project and how JavaFX UIs becomes XML centric?

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

@@alifellahi oracle bought sun microsystems and acquired Java. They preferred switching to xml to sell tools. This is just one of the many bad decisions.

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

Bloody marvellous, thanks.

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

This is just amazing!

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

Switching between Kotlin and Flutter just got easier. This would require a shift in UI design thinking process for Android Developers.

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

If I didn't need the iOS version of my apps, I would probably switch completely from Flutter to Kotlin.

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

Awesome feature, sooo excited

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

I see the potential of using Compose to develop UIs for other platforms that are supported by Kotlin.

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

Thanks to this plus Kotlin I’m coming back to learn Android programming. I hate Java and your older methods of ui development. This finally looks to be worth my time. Thanks!

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

I am so excited about Compose UI.🤩

@firefed Год назад

this helped me; thank you 😁

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

yay, learning React is really useful now :)

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

Great explaination !!👍

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

Is there a way to factorise the style of the « Composable » graphical elements out of the business logic (e.g. like CSS for HTML)? If not, one ends up with a mess like « Flutter » in which layout, style and business logic are all mixed together in a giant soup.

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

great video! thanks

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

That is revolutionary

@florageorge7257 Год назад

I love this

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

Exelente capacitacion gracias

@praveen18p1 Год назад

Great Video and as always like your videos, very informative and gives a good understanding of solutioning real world problems.

@AndroidDevelopers Год назад

We're glad you enjoyed the video, Praveen! Don't forget to check out our Jetpack Compose playlist for more videos like this 😊 → goo.gle/3DCKQeH

@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.

@abhisheksaxena518 6 месяцев назад

Amazing explanation, very informative.

@ellasaro 3 месяца назад

8:30 why would ChatText be recomposed if text doesn't change? Doesn't Compose skip its recomposition whenever the input doesn't change?

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

what will be with animations: motion layout and transitions? will it support them?

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

Really great video

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

thanks!

@eshiettoto-obong4875 3 года назад

Please is there a web page to see all possible composables one can use?

@arpan.sarkar 3 года назад

Excited for the sample codes. :)

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

Was this video unlisted? How is your comment from 2 days ago 🤔

@theoneed2051 Год назад

@@AndoNoSekai The video was released 2 years ago; in 2020.

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

I created a declarative framework for android back to 2014-01-23T05:42:00Z, but now you created it too.

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

Do you mean Anvil?

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

@@Vouskopes No, Pertusin. You can check it on GitHub.

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

Here experience working with Fluter is really-really useful.

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

Exactly

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

First jetpack compose video from Googler where I am able to understand the English and didn't needed the subtitles.

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

Thank you for that great video! I'm so excited for Jetpack Compose. However, I'm confused about the 22:45 example, fetching the ViewModel inside a compose function. How would that work with previews? I guess you could have a "base" compose a function that fetches ViewModel & state or observer/s. Then call the ChatScreen() with either state or flow/observable to have preview functionality with ChatScreen function. Or is there a way to overwrite/declare a mock ViewModel scope for previews?

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

I'm highly interested in this too. Did you find an answer to your question already?

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

Feels a lot like React, the preview in AS is very slow still and there doesn't seem to be a live update like you have with React Native or Flutter but its early days I guess.

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

1 step closer to Flutter Native (Android) :P

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

do we have pub.dev like component search for Jetpack Compose components?

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

I see Jetpack Compose as the next frontier of UI design it really eliminates the concepts of frontend and backend for client applications as it blends all in a Great way and making design parterns like MVVM almost a natural thing

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

what am i missing to use CoilImage?

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

The Compose slack link leads to kotlinlang group?

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

So after all the effort to prevent multi level layout like linear layout.. we back using them?

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

Great presentation! But boy I hate this idea of declarative UI paradigm thing. Yuuucck! But really great explanation from Leland.

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

can't we choose which composables are recomposed? why recompose the circle image anyway. no need to use remember there. There should be an annotation like @ComposeOnce

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

From what I understand if done properly a recomposition shouldn't be an expensive operation.

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

At this point of time I can not run any of example apps in android studio. Does anyone have similar issues?

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

nice

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

So we are slowly moving toward Flutter.

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

Is it the same with Flutter UI?

@0877adri 3 года назад

Very similar yes, the flutter team helped to create compose as I heard. The speaker here comes I think originaly from the react world.

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

Congrats to Android world as we have Compose in alpha now...

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

Nice! No need for Fragments, Navigation Component, RecyclerView, ViewPager and all that other boilerplate! Finally I feel free to create engaging UIs! A few things are missing, but we are almost there

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

No need for Navigation component? Who's going to track the navigation state across process death? Of course, you can use my library too, but that's because they're on the same level of abstraction.

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

@@Zhuinden Navigation can be handle by Compose and single Activity apps are much more feasible

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

@@AndoNoSekai As long as you are acutely aware of still handling savedInstanceState and restoration of navigation state across process death, sure

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

@@Zhuinden Sure, that can be handled too. There are a few things missing to fully enable this nicely but it can be achieved

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

@@AndoNoSekai from what I understand that's not in the scope of compose.

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

11:25 Shouldn't each "ChatMessage" include only one child? Why does it have 2 "ChatBubble"?

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

There's a mistake in the code shown at 3:26 by looking at the example shown to the right of the code, I believe the second column declaration must've been a row declaration instead.

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

Ugh I might need to learn Kotlin now

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

Would be a great choice! 👍

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

Finally in Alpha....

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

do we still need fragment ? when i see this concept its not relevant to have fragment

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

Good question. I would also think no.

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

Android Development is like migrate your code in every 2 years to something different. Good side is you will never get bored they literally add new things too soon but down side it lot of work to do at same time to maintain code...

@user-gu5ts5nx8r Год назад

sounds like you are new to coding in general

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

How can I like a video a few hundred times?

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

This is almost Flutter for Kotlin

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

Is That Good News For Android Users

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

Wow wow wow. Alpha. Still showing dev 17

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

But it's like making android app in eclipse.

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

This is so cool! But feels more like Flutter 😅

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

So?

@Hamza-ny7rx 3 года назад

it similar to flutter

@Hamza-ny7rx Год назад

okay after 2 years i am watching this video again

@John-ub3su 3 года назад

3:20 the function name ‘JetChat’. Why the 'J' a capital letter

@loic.bertrand 3 года назад

I think it's a convention meant to differentiate between composable functions which act more like components with memory, and normal Kotlin functions.