Most Popular Node.js Libraries in 2021

Image for post
Image for post

1. Chalk

To Install: npm i chalk

2. UUID


React Native Best Practices (Part 1)

Image for post
Image for post

1. Use a Design System

  • Spacing: While working with a cross-platform application, the screen sizes might vary between different components present on a screen, but make sure to provide consistent spacing between them for a coherent look.
  • Color: Choosing the right colors is not only the most important thing but also how you use them. A great solution…


From Basics To Deploying Scalable Web Applications

Image for post
Image for post

When I started my Web-Development journey, getting overwhelmed by so many topics is what I used to face all the time, there is always something new that I have to learn while having no idea about what I should learn. …


Node.js Practices You Need To Know

Image for post
Image for post

1. Using Specific Node.js Plugins

2. Statements


Structuring Files & Breaking Components

Image for post
Image for post

Folder Structure

There is no such precise way to structure your files in React applications, but the following is recommended by most React developers, as structuring your files properly in React applications makes it easy to manage them at the time of scaling.

All the code lives in src: Keeping files in an src folder is recommended as one of the best ways to structure files in modern applications as it makes easy to navigate through a huge number of files when the application grows with time. In this folder, we simply add all the files that end up in your final…


Getting Started With Remote Pair Programming

Image for post
Image for post

1. Motepair by Atom

An Atom editor package that lets you run remote pair programming sessions using Github’s editor. It syncs up to two or more Atom editors so that actions like selecting, moving a cursor, inserting, deleting, etc can be performed remotely from both sides in synchronization.

2. Visual Studio Code Live Share

A versatile choice, everything about this tool makes it so inclusive as it is customizable according to your needs. In a new session when you start a new live share session in VSCode, your teammates get instant and secure access to your code with their own tools that they can use. In addition, it allows you…


The Roadmap To Becoming a Node.js Developer

Image for post
Image for post

Node.js has been one of the biggest game-changer since its release, bigger companies like Uber, Medium, PayPal & Walmart switched their tech stack to Node.js. You can make really powerful applications with Node.js such as real-time tracking apps, video and text chat engines, social media apps, etc. And learning Node.js is becoming one of the hottest skills for developers, the roadmap that I have prepared is based on how I learned it with my own experience and tips. Before deep-diving into this Node.js roadmap make sure that you have a clear & concise goal of what you want to build…


Fastest Growing Vue Libraries

Image for post
Image for post

1. Vux

An awesome UI library that provides Mobile UI component based on Vue and WeUI, most of the documentation has been provided in Chinese with minimal English translation. Vux primarily emphasizes quick development of your application, also you should consider Vux if you are thinking of making mobile apps with Vue.

2. Vue Material Kit

If you are thinking about speeding up your design and development process then Vue Material comes with 60 handcrafted components. All you need is a basic knowledge of JavaScript & Vue Router to build beautiful and easy to maintain applications. It also comes with optimized Vue plugins and dashboard components…


Deep Diving Into Advanced React Native

Image for post
Image for post

1. Why is FlatList Better than a ScrollView?

FlatLists are well known for working with a long list of data, where the number of items might change over time, it only renders the elements that are currently visible on the screen instead of all the elements at once.


Building Lightweight Components With Hooks & Context

Image for post
Image for post

React Hooks and Context are some of the essential concepts in React, using React Hooks we can develop faster applications that are easy to maintain. Before React 16.8 we didn't have anything like Hooks and managing the state of components used to be a hard job for developers. But with the help of React Hooks, we can easily maintain the state of our components with few lines of code, as we can make large-scale React applications whether it's React.js or React Native it requires the usage of hooks as it avoids the complications of state management in a beautiful way.

Why React Context?

Mohit

I Make Mobile Apps

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