Posts

Top VS Code Extension for React Developers

Image
VS Code, one of the best IDE tools available for developers. Extensions within VS Code marketplace to enhance and speed up your productivity.  They are full of shortcuts, themes, icons, intellisense and much more.  Below is list of most useful extensions in VS Code. GitLens - Git supercharged Git Graph EditorConfig for VS Code Color Highlight Sort lines VS Code React Refactor Markdown All in One ESLint Todo Tree SVG Prettier Material Icon Theme Microsoft Live Share If you know of any other useful VS code extensions, please share them in comments. Until we meet again. Cheer!

Building professional and quality React component using Storybook

Image
StoryBook Steps to Install Storybook: Open your project. Run below command npx sb init Yarn package manager is default package manager used to add storybook in case both npm and yarn are installed. If you need to run npm then use below command: npx sb init --use-npm Using WebPack5: npx sb init --builder webpack5 Run story book using below command: npm run storybook Common Issues In some cases while running storybook, core-js creates issue due to conflicting version with babel. To resolve this add core-js@3 as dev dependency to your package. This should resolve such issues, in case it still gives issue check for conflicting version of babel or core-js. Running npm update helped in my case. In case some modules are not accessible by storybook, it could be due to webpack alias missing in storybook webpack, in that case updating modules in ./storybook/main.js can help. Using alias with webpack, need to registered with storybook webpack also to resolve dependencies during storybo...

Distributed System Design CAP Theorem

A plain english introduction to CAP Theorem  You’ll often hear about the CAP theorem which specifies some kind of an upper limit when designing distributed systems. As with most of my other introduction tutorials, lets try understanding CAP by comparing it with a real world situation. Chapter 1: “Remembrance Inc” Your new venture :  Last night when your spouse appreciated you on remembering her birthday and bringing her a gift, a strange Idea strikes you. People are so bad in remembering things. And you’re sooo good at it. So why not start a venture that will put your talent to use? The more you think about it, the more you like it. In fact you even come up with a news paper ad which explains your idea Remembrance Inc! - Never forget, even without remembering! Ever felt bad that you forget so much? Don’t worry. Help is just a phone away! When you need to remember something, just call 555—55-REMEM and tell us what you need to remember. For eg., call us and let us know of y...

AWS Cloud Certification Path

Image
 

What are CJS, AMD, UMD, and ESM in Javascript?

  CJS CJS is short for CommonJS. Here is what it looks like: //importing const doSomething = require('./doSomething.js'); //exporting module.exports = function doSomething(n) { // do something } Some of you may immediately recognize CJS syntax from node. That's because node uses CJS module format. CJS imports module synchronously. You can import from a library   node_modules   or local dir. Either by   const myLocalModule = require('./some/local/file.js')   or   var React = require('react');   works. When CJS imports, it will give you a   copy   of the imported object. CJS will not work in the browser. It will have to be transpiled and bundled. AMD AMD stands for Asynchronous Module Definition. Here is a sample code: define(['dep1', 'dep2'], function (dep1, dep2) {     //Define the module value by returning a value.     return function () {}; }); or // "simplified CommonJS wrapping" https://requirejs.org/docs/whyamd.h...

Microsoft Azure Certification Path 2020

Image
Role Based Azure certifications: The introduction of role-based certifications has created a simple learning road map from the fundamental stage to the associate stage and lastly to the expert stage. Microsoft Azure is offering below mentioned role-based certifications for different levels, which include: Azure Fundamentals Azure Administrator Associate Azure Developer Associate Azure Solutions Architect Expert Azure DevOps Engineer Expert Azure Security Engineer Associate Azure Data Engineer Associate Azure AI Engineer Associate Azure Data Scientist Associate Azure IoT Developer Azure Architect for SAP Workloads Why do you Need Azure Certification? Certification demonstrates your skill and level of expertise in handling the complexities of Azure. Companies all over the world are looking for Azure certified professionals & with good paychecks. There are different certifications available in Azure, choose the one which suits you based on your level of expertise and b...

What is Jenkins Pipeline & Its Best Practices

What is a Jenkins pipeline? A pipeline is a collection of jobs that brings the software from version control into the hands of the end users by using automation tools. It is a feature used to  incorporate continuous delivery  in software development workflow. Pipeline Concepts The below fundamentals are common to both, scripted and declarative pipeline: 1.     Pipeline:  A user-defined block which contains all the stages. It is a key part of declarative pipeline syntax. 2.     Node:  A node is a machine that executes an entire workflow. It is a key part of the scripted pipeline syntax. 3.     Agent:  instructs Jenkins to allocate an executor for the builds. It is defined for an entire pipeline or a specific stage. It has the following parameters: ·        Any : Runs pipeline/ stage on any available agent ·       None : applied at the root of the pipeline, ...