How to Properly Build Components for React or Any Other Library/Framework

Image for post
Image for post

The Code Example

Type of Components

Display Component

Dumb Component

Image for post
Image for post

Stateful Component

Image for post
Image for post

Utility Component

Image for post
Image for post

View Component

Image for post
Image for post

Template Component

Higher-Order Component

Image for post
Image for post
Image for post
Image for post

Page Component

Global Component

Building Strategy

Optimization and Test of Components

Conclusion

Blog & YouTube Channel for Web, UI & Software Development - beforesemicolon.comyoutube.com/c/BeforeSemicolon

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store