https://kotlinlang.org logo
#compose
Title
# compose
s

Sher Sanginov

12/05/2021, 6:55 PM
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
👍 5
2
b

Big Chungus

12/05/2021, 6:59 PM
You can map most of react concepts almost one to one to compose • Functional Component - @Composable • useState - remember {mutableStateOf()} • useEffect - LaunchedEffect
☝️ 2
So you should be able to read that as "thinking in react in compose" 😀
z

Zach Klippenstein (he/him) [MOD]

12/05/2021, 7:01 PM
s

Sher Sanginov

12/05/2021, 7:03 PM
@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.
👍 1
b

Big Chungus

12/05/2021, 7:09 PM
It would be awesome to have either official or at least community maintained table that maps concepts from other declarative ui frameworks to compose.
👍 2
v

Vinay Gaba

12/05/2021, 8:06 PM
This is probably close to your last request - https://tigeroakes.com/posts/react-to-compose-dictionary/
K 3
b

Big Chungus

12/05/2021, 8:23 PM
Thanks!
s

Sher Sanginov

12/07/2021, 5:59 AM
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
4 Views