Componentization Patterns in React
Submitted by Abraar Syed (@abraarsyed) on Sunday, 18 June 2017
React is one of the most popular libraries for front end development. With its dramatic rise, there have been considerable amount of patterns that have emerged out while breaking the applications into independent components. While some patterns enhance the structuring of client side components and improve the overall engineering process, others cause unforeseen problems in the long run.
This talk focuses on the following key aspects:
- Recognising few of such componentization patterns
- Understanding their pros and cons
- Going through some sample case studies
The talk will cover the following topics:
- Why componentization?
- Suggested approach to componentization
- Presentation/Container Model
- Dealing with states between Presentation/Container components
- Case studies (https://github.com/abraarsyed/react-design-patterns)
- Composition vs Inheritance
- Understanding current trends in programming
- Choosing the best fit
Basic understanding/experience of building applications using React
Who am I?
I am a FOSS evangelist, tech enthusiast and a fun loving person. I love socializing and meeting new people. This is why I spend most of my leisure building communities. I have been an active member of many open source and free software organisations like FSMK (Volunteer) and Mozilla (Regional Ambassador Lead).
Why am I excited about it?
I have been writing code in React for over 1.5 years now. This has led me to come across a lot of patterns, anti patterns and best practises in react which we usually dont see in the initial stages of development. I have gained some insightful understanding of writing code in React and would love to share it with others.