Execute asynchronous tasks with useEffect clean and safely From calling an API to set a timeout delay, I am sure you already questioned how to do it properly when using the React hook useEffect . If that sounds still blurred, then this article is for you. If not, you may…

Many times we use the React Context API to share top-to-bottom states. However, a simple approach can be taken instead. — A common scenario is when we want to control a component state from its children. Don’t know what I am talking about? Keep going, you will get it, I promise. Let’s jump straight into it. What you see below is what we will call a MenuTrigger. …

Many times we want to control parts of our app by modifying the query string parameters. Learn how you can do it by using React hooks. To illustrate that we're going to use a simple Tabs component. The idea is: once the selected tab changes, the query string parameters are…

Display any kind of data using the same table component while enjoying the benefits of typescript features. A very common use case is to be able to list multiple types of data using tables. This happens quite frequently in dashboards for instance. For example, an e-commerce dashboard might want to…

Toggling Modal visibility; hiding, and showing messages, there are many scenarios where you’ll find yourself writing the same code. But there's a solution: useBooleanState The useBooleanState hook Going straight to the code, this is how it looks: How to use it? I give you an example. Let’s say you want to toggle a Modal visibility. …

Say goodbye to HOCs or connectors and welcome the React hooks era Outline: Can React hooks and Redux coexist? TL;DR: Focus on the integration between your app state and the components Connecting components using hooks Conclusion Can Rect hooks and Redux coexist? I will say it, React hooks and Redux can and should coexist. Especially when you…