ReactFoo 2017

A conference on React

Componentization Patterns in React

Submitted by Abraar Syed (@abraarsyed) on Sunday, 18 June 2017

videocam
Preview video

Technical level

Intermediate

Section

Crisp Talk

Status

Confirmed & Scheduled

View proposal in schedule

Vote on this proposal

Login to vote

Total votes:  +10

Abstract

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:

  1. Recognising few of such componentization patterns
  2. Understanding their pros and cons
  3. Going through some sample case studies

Outline

The talk will cover the following topics:

  1. Why componentization?
  2. Suggested approach to componentization
    • Presentation/Container Model
    • Dealing with states between Presentation/Container components
    • Case studies (https://github.com/abraarsyed/react-design-patterns)
  3. Composition vs Inheritance
    • Understanding current trends in programming
    • What does JavaScript and React say about it?
    • Choosing the best fit

Requirements

Basic understanding/experience of building applications using React

Speaker bio

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).

Currently, I work as a Product Engineer at jnaapti. At jnaapti, I spend most of my days writing code, building software courses and training corporates and engineering students. This exposes me to large set of technologies like React, Angular, Python, Docker, MongoDB, Java, JavaScript, Linux Shell Scripting and many more.

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.

Links

Slides

https://www.slideshare.net/abraarsyed/react-design-patterns

Preview video

https://youtu.be/gwwhdCCEEps

Comments

  • 1
    Siddharth Kshetrapal (@sidkp) a year ago

    Hi,

    This can be a really interesting talk!

    Can you please add submit your slides and a 2 minute video on what are you going to talk about. That would help us a lot.

    - reactfoo team

    • 1
      Abraar Syed (@abraarsyed) Proposer a year ago

      Hey,

      I am still working on the slides. Will surely be uploading it in a couple of days. Thank you for the patience :)

Login with Twitter or Google to leave a comment