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 GitHub.

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.

Create GitHub Profile README

Let’s create a GitHub profile 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 Gapur.

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.

Fortunately, as JavaScript developers, we have an NPM! And I will show you how to create and publish your first npm package.

Without further ado, If you haven’t written your TS based package yet, no worries, let’s do it together.

Getting Started

The first, We are going to create a new project with the following command into the console. The command…

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.

React Navigation

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.

Setting up the Project

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.

Final Animated Header

We always need a modern, great, and lightweight time and date manipulation library for the JavaScript project.

If you want to save and manipulate with your time, here are 5 useful Time and Date Libraries:

Moment.js

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 useMemo and useCallback.

Referential Equality

JavaScript has weird results when compares non-primitive objects.