1. Use a Design System

Without consistent styling, it's hard to get the best possible results. A Design System is a set of rules and principles that set the foundation for how the application should look and feel. You need 4 things to keep in mind while working with your 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…

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

1. Using Specific Node.js Plugins

One of the biggest mistakes developers make is using a various number of plugins in Node.js, instead of going after new plugins you should use that works with the standard rules which cover vanilla JavaScript, use specific plugins such as eslint-plugin-node, eslint-plugin-mocha & eslint-plugin-node-security. Using unspecific plugins in Node.js applications can lead to faulty code patterns. For example, developers might require files with variables given as a path which allows an attacker to execute a JS script.

2. Statements

No matter if you use semicolons to separate your statements, but if are not separating them properly then it will end up like…

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…

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…

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…

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…

1. Why is FlatList Better than a ScrollView?

In React Native the FlatList component can display a long list of data, as we have in News applications where the main summary displays inside a card on the home page, and these cards are implemented using the FlatList component.

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