As you work more with Node.js, a large number of logs in the console become overwhelming & the biggest issue that you will face is the constant addition of log messages which makes it harder to read the most important message as they get lost in the shuffle. You must wish to separate these log messages to make them look in a new way. Using the Chalk module in Node.js you can easily solve this issue, as you can custom format your log messages with a very simple & easy to use API.
To Install: npm i chalk
A very…
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.
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.
No matter if you use semicolons to separate your statements, but if are not separating them properly then it will end up like…
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…
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.
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…
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.
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…
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. …
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.
…
I Make Mobile Apps