Project Guide

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

React Native Map Directions

React Native Google Maps Directions 100% Working Example and step by step guide. When you need to integrate Google maps into your feature project and if you need to draw routes on the map, looking for a clean guideline; then you are reading the right article. 😌😎 We are using the most famous react native […]

January 29, 2022

React Native Parallax Flatlist

React Native Parallax Flatlist 100% working example and step by step guide You can create animations with bare react native.yes, do not need to use any other additional library. here is the code sample, and take a look at this animation video for final result.

September 21, 2021

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