Image for post
Image for post

Hey guys, I have been working on a library for a while now. It’s a Design System around React Native and this blog answers some of the common questions that you might stumble while going through the repo. So let’s start 😁.

What is RNDS 🧐?

RNDS in short for React Native Design System. It's a set of component library and design rules that lets you build React Native apps faster. It's documented, tested in production and works on Android, iOS, and Web. Visit this link for documentation.

Why bother?

This title seems a little better than a generic title Motivation. …


Image for post
Image for post

Today we are going to build a circular progress bar using the Animated library of React Native and three semicircles. Let's understand the concepts first then we will dive into coding.

Concepts

We have a base outer circle that serves as a container for the other three semicircles. We will rotate these semicircles with the transform property to achieve the desired result.


Image for post
Image for post

This is the third article of series React Native Deep Linking Simplified and in the first two blogs, we learned how to add Deep Link in our app and how to handle it gracefully.

In this article, we will set up a referral system and get the most out of this amazing feature.

Offering in-app rewards for successful referrals to both the referrer and the recipient is an effective way to encourage users to use your app.

There are five simple steps that we will be going through. Let’s get started.

Steps involved:

  1. Setup Firebase Project and SDK
  2. Create an invitation link
  3. Send the invitation…


Image for post
Image for post

This is Part 2 of the series React Native Deep Linking Simplified and in Part 1 we learned how to add deep links.

In this article, our goal is to learn how to handle incoming links like a pro.
We will also see how to route the user to a particular screen based on the incoming link.

The term Deep Link is used for the https scheme and Dynamic Link is used for the app scheme. We can use both to navigate our user so don't get confused between these two terms.

Let’s get started.

This article is divided into two main sections. We will go through these as…


Image for post
Image for post

Before we go through the HOW part of this blog where we will be adding Deep Linking in our React Native app, let’s first go through the WHAT and WHY to better grasp the concept.

A deep link is simply an intent filter system that allows the user to access a certain activity in an Android app with a URL. Let us suppose that we saw a certain product (for example a shoe) on an e-commerce website, and we want to share it with a friend. A deep link will allow us to share a URL that will enable the receiver to open that exact shoe product page in the app in just one click by taking them directly to that screen. …


Image for post
Image for post

This is the second blog post in continuation of the series WebSockets Simplified. If you haven’t read the first part, check it out here. It is essential that you go through the first part to understand this one better. Again, the goal is to keep things as simple as possible. So I’m going to approach this topic a little differently. Let’s start.

In the previous post, we successfully built our basic WebSocket server and client, and it is functional. So you might be wondering why to use socket.io? Why use a heavy bloated library when things are working just fine without it? …


Image for post
Image for post

This is the first post of the WebSocket Series I will be writing, and the goal is to explain things in the simplest way possible. Let’s jump right into it.

WebSockets allows a user to send and receive messages to a server with a persistent, bi-directional connection. So basically, this is a way of communication between Client and Server. Let’s understand this communication first, we will return to WebSockets in a while.

Client and Server

Web browsers (client) and servers communicate via TCP/IP. …


Image for post
Image for post

This question is often asked in interviews that What do you understand by functional programming or Object Oriented Programming? and this blog is going to answer that but in a more simplified and beginner friendly manner.
I’ll be sharing links for some in-depth read about these two topics at the end but right now this post will only give you an insight and clear idea to distinguish between these two.

Why the debate?

If you are a developer who is working or going to work on a huge application with a few thousand lines of code, you will instantly realize that you need to manage your code effectively to make it scalable and bug-free or you will be lost. …


Image for post
Image for post

The idea is to choose a topic that you were having difficulty with and you think others might find it a little difficult too. Take a look at this tweet by @erinfranmc

About

Shad Mirza

A javascript enthusiast and a creator who knows how to use keyboard, pen, pencil and gamepad to their fullest. Blogs: https://tiny.cc/shadblogs

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store