If you’ve been using the React framework for developing exciting front-end JavaScript applications, you’re probably already familiar with common patterns and best practices when coming. At some point, however, you might realize that React was originally only intended to be a view layer, and you may find yourself mixing business logic into places which are really only meant to be concerned with rendering views. Not to worry though, because React’s wonderful lifecycle methods and concept of componentization makes it simple and fun to break off functionality and build robust components.

You will understand how to boil your UI down into the smallest possible units, and then compose them together as you need them. You will understand the beauty of inversion of control, whereby your components are only concerned with what they need to be, while allowing their consumers to handle the rest. If you and your team have already been using React for some time and perhaps find that you are running into issues with reusability (perhaps across a large codebase), then these lessons are for you!