--

Building reuseable component

hello guys
I was saying we should try to reduce our duplicate code
And if we feel something is repeated many times, we should make it a component

it is clear , that in this screen some thing is creating over and over again

Now it is clear , that in this screen a square with a shadow that has an icon and a title is repeated several times.
But in a series of detail that are icons and titles are different
The easiest way to write all this with one component
It is to create a component for that square and give its style
And take the square title and its icon from its parent as a props
And call the Item component several times
And each time it is used
according to where it is
Give its Suitable icon and title props

parent component
child component

--

--