React Component Patterns


Details
Are you familiar with React and JavaScript basics and would you like to get better? Join us in our MSD React Workshop Series. It is a set of independent workshops focused on advanced React and other topics related to web development. Every session consists of a mix of a talk and live coding. We encourage you to bring a laptop and code with our fellow developer-lecturer. Apart from the laptop you will need a basic understanding of React, JavaScript and web development as we will not cover fundamentals and jump right into more advanced topics.
This time we will focus on the heart of React itself, the components! Understanding how to utilize them is paramount to creating great design structures. We will learn several patterns which will allow you to simplify large applications and help you to build separate components with shared logic between them. Then you will understand what is the difference between Higher-Order Components, Render Props, Compound Components, Controlled Components… you name it! Of course it will not be only theoretical presentation but we will build an application by applying the patterns and practicing them on real examples.
Prerequisites
If you want to try the code on your own machine, please bring a laptop with Node.js 8.9+, npm and Git installed.
Otherwise bring just a good mood and hunger for knowledge… By the way, speaking of hunger – refreshment will be available 👍
Official documentation
HOC https://reactjs.org/docs/higher-order-components.html
Render Props https://reactjs.org/docs/render-props.html
Logistics:
- Doors open for check-in at 17:45
- Short networking
- The presentation starts at 18:15 - 20:00 within a short 10 mins break
- Networking happy hour to follow the talk, pub, etc...

React Component Patterns