All articles

76 articles

AI Chat app full source code 100% free?

In today’s fast-paced digital world, mobile apps have become an integral part of our daily lives, and the demand for innovative and user-friendly applications continues to soar. One such app that has caught our attention is a cutting-edge mobile application that harnesses the power of ChatGPT, the renowned language model by OpenAI. Built with React […]

March 22, 2024

React

Choose the Right Redux Approach: Saga, Thunk, or Toolkit?

Hey there! Today, we’re going to dive into two popular middleware options frequently utilized in JavaScript projects. One of them is Redux Saga, which I’ve previously covered in detail in a dedicated article. If you’re interested in understanding how middleware works in React Redux, I highly recommend checking it out. In that article, I provide […]

June 11, 2023

React Native

Reanimated Onboarding journey

Hello mobile devs, today I’m gonna build a onboarding screen using React Native Typescript.In this example mainly we used React Native Reanimated library to manipulate the scenes. I’m not gonna write a huge description about the example, because i’m explaining each and every thing on reanimated deeply.(related to this example) Can’t wait, Need to check […]

May 18, 2023

SOLID Principle

Open-Closed Principle (OCP) – Let’s make it easy to understand

What is OCP? The open-closed principle is a software design principle that states that software entities (classes, modules, functions, etc.) should be open for extension but closed for modification. This means that you should be able to add new functionality to a software entity without changing its existing code. Here are a few real-world examples […]

January 2, 2023

SOLID Principle

Single Responsibility Principle (SRP) with 100% understandable examples

What is SRP? The Single Responsibility Principle (SRP) is a principle of object-oriented design that states that a class should have only one reason to change. In other words, a class should have only one responsibility. This principle helps to make software more maintainable and easier to modify. Here are a few real-world examples of […]

January 2, 2023

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

Best Practice

JavaScript Searching Algorithms

Linear search Linear search is a simple search algorithm that looks for a specific item (the “search key”) within a larger data set by examining each element in the data set one by one, until it finds the search key or determines that the search key is not present. To understand how this function works, […]

June 2, 2022

React

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

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

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

React

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

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