React Native added a new component called “Pressable” which basically is an alternative for the TouchableOpacity/TouchableHighlight. Just a heads up the example codes use tailwind-like styles. Because Styling with Tailwind is Great 🎉! You can check out the package I use for react-native here. Okay then…. Let’s have a cup…

In this blog post, we continue our exploration of building the Animated Sticky-Spotify Collapsible Header in React Native with Reanimated. If you haven’t read the previous blog post, make sure to check it out for an introduction to the project and the tools we’ll be using. Building the Animated Sticky-Spotify Collapsible Header with React Native and Reanimated— Part I In Part 1 we will look at Setting up the Project and Implementing the Scroll Handler and Poster Imagemedium.com

Hey all! Last week, I came across a tweet that caught my attention. It was a short animation showing a collapsible sticky header with a Spotify-like design, and it looked really cool. I was intrigued by the idea and decided to try building it myself using React Native and Reanimated.

This is the continuation of my previous blog: Adding Custom-Variable Fonts in React Native — Part I Let us look at how we can slice different font weights and optical sizing and load it in React Native.medium.com Previously in that blog, we would have seen how to slice different font weights from a variable font (e.g. InterV.var.ttf) and add them to Expo App. Let us look at how to add them in a Bare React Native workflow.

Hey Everyone :) In this blog, we are going to see how we can slice different font weights and optical sizing and load them up in React Native. We will have a look at how we can integrate Variable fonts in React Native with Expo packages. I think everybody will…

Hey everyone! We would have already seen how to add a Scale Animation to a React Native component. Simple Scale Animation to a Component in React Native Let us try to add a scale-down animation onPress for a Card Component.medium.com In that blog, I would have used the previous versions of React Native Gesture Handlers and Reanimated. "react-native-gesture-handler": "^1.7.0" "react-native-reanimated": "^1.12.0"

This blog is heavily inspired by the Open Source Repo of Mikk Martin, you can check it out here. Hey Readers. It's been a long time. I hope you are all doing well. I was just caught up with work and couldn't find time to draft a blog. But here…

[May 22, 2022] Hey all! This is a continuation of the previous post on serverless functions. In this post, I have changed the approach slightly to how we can get country flag data and consume it as a user. Check my previous blog post before going forward :) Getting started with Serverless Functions using Vercel — I Understanding Serverless Functions with Vercel using a simple example like to get a Flags of a Country.medium.com

Hey all! I worked on a simple side project where I had the need for Country Flags and came across an npm library which provided the data based on Country Name Nationality iso2Code iso3Code This library provides functions that return the required data. You can check the Github repo here. …