#143 Understanding higher-order components
sponsor
Boost up your creative workflow with monday.com
monday.com is a visual and intuitive project management tool. It's designed to work with ease and allows you to see the bigger picture in a single glance. Organize your design layouts & code languages, create custom roadmaps & schedule your tasks. Collaborate with your team & never miss a deadline with a visual timeline view. Stay-on-top of your team's entire workflow - start using monday.com today!
this week's favorite
Understanding higher-order components
In this post I will discuss the why and how to use higher-order components (HOC) with ReactJS. Why use HOC: Promote reuse of logic across React components.
Terminal emulator component for React
React Terminal Component is a customizable React component backed by a JavaScript terminal emulator.
If you're using Redux or ngrx/store to manage your app's state, you can use Redux Beacon to tap into your dispatched actions and map them to events that are consumable by an analytics service (e.g. Google Analytics). With Redux Beacon your entire global state life-cycle becomes trackable.
Why React needed yet another animation library. Introducing: react-spring
Ever since i started developing i was fascinated by the vividness of animated applications, they felt alive. And we sure have come a long way, too. There are dozens of tools to choose from today. From tweening libraries to full fledged declarative options, especially in the React world.
Using advanced design patterns to create flexible and reusable React components — Part 2
In the last part of the series, we discussed how to use compound components and static class methods to produce reusable and flexible components. Using the API we created, we are able to dynamically recreate different variations of the component in a very declarative fashion.
newsletters
Would you like to become a sponsor and advertise in one of the issues? Check out our media kit and get in touch.