React

Why Strict Mode on React? 100% explained

When opening the index file you probably see this <StrictMode> tag. most of the developers simply remove the tag while developing the app. but, did you ever think why react comes with this tag. Definition from the react website. “StrictMode is a tool for highlighting potential problems in an application. Like Fragment, StrictMode does not render any visible UI. […]

June 21, 2022

Redux Saga Setup and Use

Redux Saga? and why?? Redux Saga is a middleware that we can use to interact with and access outside resources asynchronously. The simple use cases for the saga library are trying to call an API request, access the Brower storage / Async storage and perform I/O operations. How It works? It’s easy to understand the […]

May 31, 2022

Simple Redux Toolkit Example

Redux tool kit is a good approach for the traditional redux implementation. we can archive the state management with less amount of code. In redux toolkit we do not need to create separate types and other actions. Let’s start our application 🙂 First create the store file like this Then we have to wrap our […]

September 11, 2021

React “useEffect” vs “useLayoutEffect”

Most of the time useEffect hook can full fill our requirements but sometimes we can see a flickering when we try to update the state. Think, we have state with initial value, but if we try to update it using useEffect it will re-render the component. because of that we will able to see a […]

September 10, 2021

React Custom Hook “useToggle”

Another custom hook for simplifying our work flow. when we are working on react/react native sometimes we need to use toggle functions. that is simple but why we do that on our every screen/page we can centralized it.you can try this on your next project. good luck all!

September 10, 2021

React Custom Hook “useUpdate”

When we try to use useEffect on our code it will executed on the initial render, but if we need to execute useEffect hook only for dependency update we can use this useUpdate custom hook.

September 10, 2021

Flex Box Layout Checker

Have you ever create a responsive ui? if it is yes. then you know the pain, we have to do so many things to make ui responsiveness. using this css3 model we can create responsive ui s very easily. but it noes not mean, you can do any kind of responsiveness on ui. in this […]

April 13, 2021

React useFetch custom hook

March 1, 2021