Published inJavaScript in Plain English·Jan 16, 2021Member-onlyUse Function Expressions Instead of Function Declarations in JavaScriptAt work, I have observed different ways of creating functions in the codebase — and that lead me to search for answers on when to use which (declaration versus expression). This articles aims to share why using function expressions is generally preferred over using function declarations. JavaScript has two different…JavaScript3 min readJavaScript3 min read
May 7, 2020Member-onlyTypeScript — What & Why You Should Use ItIn my current project, we’re using TypeScript (rather than pure Javascript) for a large-scale application with Node.JS on the server side. …JavaScript4 min readJavaScript4 min read
Dec 29, 2019Member-onlyAsync/Await in Asynchronous JavascriptTo handle asynchronous Javascript, callbacks were first used but it had major cons like callback hell. Then came about promises to try to improve things. However, .then chains can also get nested and confusing. So now, we have async/await, which was introduced in NodeJS 7.6 and is currently supported in…JavaScript3 min readJavaScript3 min read
Aug 31, 2019Member-onlyJavascript ES6 Array & Object DestructuringES6 introduced a number of significant improvements to the language, including de-structuring of Objects and Arrays. Array Destructuring Traditionally, to access elements in an Array, you would do so with their index number like so: const array = [1, 2, 3]; console.log(array[0]) // 1 Javascript ES6 allows you to assign the array…ES62 min readES62 min read
Published inThe Startup·Aug 18, 2019Member-onlyUse Promises over Callbacks, and How to Create a New Promise in JavascriptPromises are widely used instead of callbacks. Promises are a great feature in Javascript that enable you to avoid callback hell, especially when you need to wait on a response from multiple API requests that are asynchronous. A Promise is a special Javascript object that represents the eventual result of…JavaScript2 min readJavaScript2 min read
Aug 18, 2019Member-onlyHow To Handle Errors in Asynchronous Javascript Code (when working with Callbacks)We will use a simple function called calculateSquare to demonstrate how to handle errors in asynchronous Javascript code. In order to simulate an asynchronous function, we will use setTimeout: function calculateSquare(number, callback) { setTimeout(() => { const result = number * number; callback(result); }, 1000); } let callback = (result)…JavaScript3 min readJavaScript3 min read
Jan 27, 2019Member-onlyRun multiple NodeJS versions with Node Version Manager (NVM) — for MacOSIf you use Node.js for your applications, you may want to use different versions of Node. Fortunately, there is a tool to manage them all using Node Version Manager. Node.jsJavaScript3 min readJavaScript3 min read
Jan 23, 2019Member-onlyJavascript: Splitting an array into chunks (utility function)For a work project, I needed to include a wizard form with 2 questions on each page. To get the total page count, I divided the total number of questions by 2 and then rounded it off to the nearest integer. …JavaScript2 min readJavaScript2 min read
Jan 20, 2019Member-onlyJavascript Templating Language and Engine— Mustache.js with Node and ExpressJavascript Templating Javascript templating is a fast and efficient technique to render client-side view templates with Javascript by using a JSON data source. The template is HTML markup, with added templating tags that will either insert variables or run programming logic. The template engine then replaces variables and instances declared in a…JavaScript3 min readJavaScript3 min read
Jan 1, 2019Member-onlyReact + Redux Form — Two ways to add initial valuesMy work projects rely heavily on the use of Redux Form (paired with React). A problem I struggled with was trying to figure out how to pre-populate my form with initial values. It wasn’t so straightforward as the form was nested in a customized dialogue component and I could not…React2 min readReact2 min read
