I wanted to build a quick, full-featured chat feature for my React Native app. I managed to do it with Twilio Programmable Chat.
Twilio Programmable Chat makes it easy for you to add chat features into your web and mobile apps without building or scaling a real-time chat backend. Chat has all of the necessary APIs and features to integrate with your business logic to ensure you’re in control.
I searched the internet a lot to find the best way to use Twilio Programmable Chat with React Native. Unfortunately, I couldn’t find much. …
GitHub recently released a feature that allows you to add a
README to your profile page. It’s a secret way to share your skills and projects with the community on
You have full control over how you will present on
GitHub profile. We can show visitors on your profile interesting, fun work and projects or useful contributions that you are proud of.
Let’s create a
README in 3 steps:
1. Create a new repository with the same name as your
GitHub username. For example, if your username is
Gapur, the repository name must be
As developers, We had situations when we worked or created a new framework or package reusables components, functions, etc… Sometimes everyone had an inspiration or idea for amazing projects. Why not share it with the community and make their lives easier.
Without further ado, If you haven’t written your TS based package yet, no worries, let’s do it together.
Nowadays, React Native is the most popular open-source mobile application framework. React Native is developing very fast, we have to develop applications also quickly.
Because of this, the best components must be used.
After working on and reviewing React Native libraries I want to share with you my experience that will help you save time and build your applications faster.
In this piece, I am going to build a beautiful and effective carousel on React Native. If you don’t know what is
Carousel, it is a dynamic scrolling list of elements in horizontal order, where the previous and next elements are partially visible.
At first glance, it seems complicated, fortunately, I will show you how it is easy to step by step. Let’s do magic together.
Before we get to code the carousel logic, we have to create an app on React Native. We can create up the app by running the following lines of code:
react-native init react_native_carousel cd…
Nowadays, Animated header is the most common design pattern in today’s apps. Animations are an important part of mobile applications. Hence I wanted to use an amazing animated header in my React Native app.
I decided to write this short piece to show how to build a header that is animated with ScrollView and Animated API. Let’s do it together.
If you want to save and manipulate with your time, here are 5 useful Time and Date Libraries:
Hook is a really great feature in React. They allow you to use state and other React functions without writing a class. It optimizes our app and improves performance. Unfortunately, Performance optimizations always come with a cost to have benefits. Of course, if you use hook features properly.
To order to use Hook correctly We have to deep into hook dependencies. So I want to show you two situations of using them with
Array is equal not array:
 == !; // -> true
+ == +!; // -> true
The equality operator converts both sides to numbers to compare them, and both sides become the number
0 for different reasons.
 == !; // -> 0 == 0 -> true
trueis not equal
!, but not equal
Array is not equal
true, but not Array is not equal
true too, Array is equal
false, not Array is equal
true == ; //…