Props / State / Redux - how to decide

Are you familiar with React and JavaScript basics and would you like to get better? Join us in our MSD React Workshop Series. It will be a set of independent workshops focused on advanced React and other topics related to web development. Every session will consist 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.

We will start with a practical exercise about Thinking in React - Step 4: Identify Where Your State Should Live (link bellow). Using an empty create-react-app project (link bellow), we will add a few features to illustrate modelling of components with static content, when to turn them into reusable components and how to choose a good time to add dynamic behaviour (i.e. with user input and API requests - illustrated on a Search feature). After a short brake for an open discussion with refreshments, we will implement a more complex feature (e.g. a Router with Back/Forward navigation and a Cache). The main objective will be to clarify the decision making process about application state.

Prerequisites
We recommend to bring a laptop with create-react-app installed and initialised

Links:
Thinking in React - Step 4: https://reactjs.org/docs/thinking-in-react.html#step-4-identify-where-your-state-should-live
create-react-app project: https://github.com/facebook/create-react-app