React Native

9 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

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

React Native

React Native Firebase Todo App

How it works… As the above demo you can do all the CRUD operations for the Todo s. https://github.com/ChathuraLiyanapathirana/rn-fb-todo-app.git

May 15, 2021