Hi Compose team, I have a documentation request. C...

# compose

[Sher Sanginov]

Hi Compose team,
I have a documentation request.
Can you add Thinking in Compose documentation similar to Thinking in React and show an entire process of building some feature using Compose?
Here's the React one for reference: https://reactjs.org/docs/thinking-in-react.html
I found React documentation very useful because:
1. It shows how to break your UI into several components (or Composables)
2. Identify The Minimal (but complete) Representation Of UI State
3. Explains where state should live (concept of state hoisting in Compose)
4. Explains inverse data flow
There is already Thinking in compose documentation (https://developer.android.com/jetpack/compose/mental-model) out there but it explains the concepts with small examples unlike React's full-screen searchable product data table example.
Thank you

[Big Chungus]

You can map most of react concepts almost one to one to compose
• Functional Component - @Composable
• useState - remember {mutableStateOf()}
• useEffect - LaunchedEffect

[Big Chungus]

So you should be able to read that as "thinking in react in compose" 😀

[Zach Klippenstein (he/him) [MOD]]

So not this though: https://developer.android.com/jetpack/compose/mental-model

[Sher Sanginov]

@Big Chungus that's what i did basically and found it very useful.
but for folks who haven't worked with React and rely mainly on Google's documentation to learn Compose, adding Thinking in compose doc similar to Reacts and explaining concepts by building full screen could be pretty useful.

[Big Chungus]

It would be awesome to have either official or at least community maintained table that maps concepts from other declarative ui frameworks to compose.

[Vinay Gaba]

This is probably close to your last request - https://tigeroakes.com/posts/react-to-compose-dictionary/

[Big Chungus]

Thanks!

[Sher Sanginov]

i actually found what i was looking for in this video tutorial by Google:

https://www.youtube.com/watch?v=SMOhl9RK0BA▾

Leland walks you through the entire process of building Jetchat app and discusses Compostion-> State-> Architecture