How to Architect complex UI components in React

Rohan Bagchi
Mar 9, 2018 · 3 min read
Photo by Ash Edmonds on Unsplash

Stateless components

Composition

Breaking down a complex component into smaller manageable bits

<ChatBubble 
sentBy={message.sentBy}
messageContent={message.content}
time={message.time}/>

Composing a complex UI from common custom components

Centralised state management with Redux

{
type: String,
payload: Any
}
{
type: 'SET_USER_DETAILS',
payload: {
user: {
_id: 1,
name: 'John Doe'
}
}
}


Prolanceer

Curated marketplace of top Freelance Software Professionals

Rohan Bagchi

Written by

writes code

Prolanceer

Curated marketplace of top Freelance Software Professionals