Full-Stack Engineer specializing in building scalable systems powered by AWS, GraphQL, and React/React-Native.
## Introduction Hey everyone, I'm Shad, and I work at Hashnode. I have been taking care of building the Hashnode mobile app for a little more than a year. I got into the Platform team at Hashnode recently, and this blog post is all about that change. > [Check out the mobile app if you haven't already.](http://hashnode.com/apps) You have to wear many hats when you're working in a startup. Changing…
I was trying to use `Omit` utility type to create a mapped type and it was giving me an error. Please consider the example below. ## The Problem I have a type with union literals like this ```ts type something = 'abc' | 'bcd' | 'cde' | 'def' ``` I wanted to create a Mapped type like this ```ts type mappedType = { [k in something]: string; } ``` This is equivalent to ```ts interface mappedType {…
This guide will walk you through React Native testing using **React Native Testing Library**. We will cover why we would want to use this library, the benefits, how to write tests, and all sorts of stuff while building an exciting game app. Let's start 🚀 ## Table of Content - [What is React Native Testing Library and Why We Love It](#what-is-react-native-testing-library-and-why-we-love-it) -…
Hello everyone, It's the week of **International Women's Day (IWD)**, and I wanted to share my thoughts on how we can make tech a better place to work for women. This year's theme is **#ChooseToChallenge,** and this article will be all about calling out things that we can't accept. Let's start 🚀 > This article is a part of [#ChooseToChallenge](https://hashnode.com/iwd2021) campaign by Hashnode ##…
Hi everyone, it's almost the end of the year 2020 and since everyone is sharing how this year went for them, I thought of doing the same. This is my coding journey from nothing to joining [Hashnode Team](https://hashnode.com/about). It's going to be a long ride so hold tight. Let's start from the end of college life where the most common thought is **it's all over**. It wasn't over, this is where…
Hey everyone, I recently gave a talk at [DSC KIET](https://twitter.com/dsckiet) about technical blogging. We talked about Why you should blog, what are the prerequisites, how to start blogging, choosing the topics, and structuring your blog for better readability, etc. This blog is a supplementary read and conveys the teaching of the same talk. This is going to be a detailed guide on all of your…
Hello everyone, We are back with some React Native Animation, and this time we are building **Tinder Cards using Hooks**. We will build a deck of cards featuring cute animals where you can swipe left or right. And finally, we will decouple the whole logic into a reusable hook. Let's start 🚀 ## Concept Let's understand an overview of how the animation will happen. We will have an array of cards to…
Hello everyone 👋, we are back with some React Native Animation. We will build Facebook messenger's floating heads using Animated library and Hooks 🙌. It's going to be fun so hold tight. ## The Concept Let's understand what's happening before jumping to code. As soon as we press on a chat head and drag, it starts moving. You might notice that it's not moving alone, the other three heads are…
Hello everyone, I will be sharing some tips that have helped me in the past to grow as a developer and keep my stress level low. I usually try to do a lot in a limited amount of time and often feel overwhelmed. These are the things that I have tried and found helpful. ## 1. When There Is Too Much On The Plate, Grab A Bowl This is my personal favorite because I find myself juggling work, blogging,…
Hello, amazing people. This article will cover few of the common mistakes that we often do while writing HTML. Let's get straight to it. ## 1. Use of Anchor Elements: ` ` Anchor elements are used to create a hyperlink to a file or a location of a webpage and should always be used for navigating to a real url. Anchor elements are often misused as fake buttons by setting their `href` to `#` to…
Hey folks, I am going to share my approach to writing blogs with the least effort. Sometimes, I don't have much will power to write a lengthy blog and the thought of writing 2000 words just puts me into procrastination mode. This is what helps me make my approach a little easier. Let's start. > This is not an opinionated blog. What works for me may not work for you. You gotta try for yourself and…
Hey there, I guess you decided to read this blog to learn a few things about React Native Animation and Hooks. You're in the right place. We are going to make a basic rotation animation using the React Native Animated library. This will contain a "Twitter" logo at the center which will rotate to create a loading effect. We will incorporate the whole logic inside a hook. Let's start. ## Step 1:…
When was the last time you were multitasking and felt productive but a little tensed? Always? There is a reason for it and we are just going to discuss that. But first... > All the things mentioned here are my personal views, please take the stuff which makes sense to you. I do read books and like to observe stuff which is the source of these opinions. ## There is nothing like true multitasking…
Hello amazing people, we are back with Part 2 of the MongoDB Simplified series. In the [last article](https://iamshadmirza.com/mongodb-simplified-part-1-what-why-and-how-ckdk9gmqv031cz2s12bqz8r1c), we learned about MongoDB and NoSQL in general, now it's time to set up and get it running on our machine. Let's start! ## Step 1: Download and install MongoDB locally We are going to download the…
This is the first article of series **MongoDB Simplified** which will cover all the basics of MongoDB. I will try to keep things as simple as possible. We will start from understanding **What is MongoDB?**, **How does it work?**, **Pros and Cons?**, **How to set up on your machine** going all the way to learning **how to perform basic CRUD operations**. CRUD is short for Create, Read, Update and…
Hey everyone, I have been writing a React course for soshace.com for a while and it's finally finished. There are 15 lessons in total and my contributions begin from Lesson 4 all the way to Lesson 15. Here are the list 14 articles that consist of it: ## [React Lesson 4: Decorators and Mixins](https://blog.soshace.com/react-lessons-lesson-4-homework/)  and it's been an amazing opportunity for me to share my experience. You can listen to podcast on [Spotify](https://open.spotify.com/show/3a8D5XBdlS0RTsiejaA1BD?si=IHl4bBhvQXKq1ioIDujDWg) or…
Hey everyone, today I'm going to give a walkthrough of how I set up my Notion workspace and organize my ideas. It will be a step-by-step guide and I hope this helps you. Let's start with a question. ## What do you want? I would suggest you sit down, take a pen & paper and write exactly what you need. These will be the things that you want to organize. There are tons of customization possible with…
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](https://github.com/iamshadmirza/react-native-design-system). So let's start 😁. # What is RNDS 🧐? `RNDS` in short for `React Native Design System`. It's a set of component library and design…
State management is the core of any React application and as React is just a UI library, we need something to take care of the state of our app. State management can become troublesome and it is easy to create unmanageable React applications because of inconsistent state. In this article, we will learn about how to use MobX... >This article was originally posted at alligator.io. Read the full…
Today, we are going to build a circular progress bar using the `Animated` library of react native with the help of *three semicircles*. Let's understand the concept first then we will dive into coding. # Concept We have a base outer circle that serves as a container for the other three semicircles. We will rotate these semicircles with `transform` property to achieve the desired result.…
[Listen to Winning Hackathons feat. Aviral Aggarwal | Episode 5 from Podcast: teawithtanay.com](https://teawithtanay.com/winning-hackathons-feat-aviral-aggarwal-episode-5/) In episode 5, [Aviral Aggarawal](https://www.linkedin.com/in/aviral190694/), iOS Developer at Microsoft joins Tanay to talk about how he got started with hackathons and why. Aviral calls himself a tech enthusiast who spends a…
Guest of this episode is [Rahul Kadyan](https://www.linkedin.com/in/rahulkadyan/), who is a senior software engineer at Myntra and a core contributor to Vue.js. He is also an organizer of [VueBLR](https://twitter.com/vueblr) meetup and [AwesomeConf](https://twitter.com/AnAwesomeConf) in Bangalore. [Listen to Vue.js and Getting Started with Open Source ft. Rahul Kadyan | Episode 4 from Podcast:…
In episode 3, [Anubha Maneshwar](https://www.linkedin.com/in/anubhamane/), founder of GirlScript project which helps beginners get started with coding, joins Tanay to share her journey of building a community and growing it. In the episode, she talks about how she got started and how she got people excited about her vision for GirlScript. [Listen to Creating a community and scaling it too ft.…
[Listen to Hobby Projects ft. Rachit Gulati | Episode 2 from Podcast: teawithtanay.com](https://teawithtanay.com/hobby-projects-ft-rachit-gulati-episode-2/) In episode 2, [Rachit Gulati](https://www.linkedin.com/in/rachitgulati26/) from Microsoft joins Tanay to talk about how he got started with hobby projects and how they helped him in cracking interviews. Rachit goes on to explain how one can go…
[Listen to How books shape our life ft. Priyadeep Sinha | Episode 1 from Podcast: teawithtanay.com](https://teawithtanay.com/how-books-shape-our-life-ft-priyadeep-sinha-episode-1/) In episode 1 [Priyadeep Sinha](https://www.linkedin.com/in/priyadeep-sinha/), Director at Global Alliance for Mass Entrepreneurship (GAME) joins Tanay to talk about how books can guide as well as provide transformative…
Polish translation of article [WebSocket Simplified](https://iamshadmirza.hashnode.dev/websocket-simplified-cjxjzcu0m002i3hs1eewt2p80) Klient i serwer Przeglądarki internetowe (klienci) i serwery komunikują się przez TCP/IP. Hypertext Transfer Protocol (HTTP) to standardowy protokół aplikacji zbudowany na TCP/IP. HTTP wspiera żądania (z przeglądarki internetowej) i ich odpowiedzi na nie (z…
This is the third article of series [*React Native Deep Linking Simplified*](https://iamshadmirza.hashnode.dev/react-native-deep-linking-simplified-cjzj6qf8900003ss1zv178dm9) 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…
This is Part 2 of the series React Native Deep Linking Simplified and in [Part 1](https://iamshadmirza.hashnode.dev/react-native-deep-linking-simplified-cjzj6qf8900003ss1zv178dm9) 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…
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. Let's start. # What is Deep Linking? 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…
This is the second blog post in continuation of the series **WebSocket Simplified**. If you haven't read the first part, check it out [here](https://iamshadmirza.hashnode.dev/websocket-simplified-cjxjzcu0m002i3hs1eewt2p80). I insist 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…
This is the first post of the WebSocket Series I will be writing on and the goal is to explain things in the simplest way possible. Let's jump right into it. # What is a WebSocket? WebSocket allows a user to send and receive messages to a server. So basically, this is a way of communication between **Client** and **Server**. Let's understand this **communication** first, we will return to…
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…
## **The Idea** 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](https://twitter.com/erinfranmc)  Hmm, I used to have problems with that too and I figured out the way.…