JSK Weekly - February 27, 2019

This week we are going back to the future with Thivagar Mahendran, taking a peek into "JavaScript ES10/ES2019 Features". This is a very near future however since these features are already approved by the TC39 committee.

For all Node.js developers out there, we highly recommend a very interesting article "A to Z of Node.js Packages (unconventional)…" by Divyansh Tripathi [silentLad].

Finally, we encourage you to take a look at episode one of the new mini-series Aurelia tutorial "How do we React?". In this series, Rob Eisenberg is discussing how Aurelia is handling common React scenarios.


Async/Await how they really work: an example

Async/Await how they really work: an example Promises give us an easier way to deal sequentially with asynchrony in our code. This is a welcome addition, given... - Web design and web development news, website design and online marketing. Portal offering web design, SEO, SEM, web hosting, e-commerce, website development and search engine optimization, social media management.

Authored by: MA-NO WebDesign&Dev

How to Avoid DOM Blocking in JavaScript

Web performance is a hot topic. Users expect fast, OS-like application performance. Craig Buckler explains how to do as little DOM blocking possible, and covers options for when long-running tasks can't be avoided.

Authored by: Craig Buckler

JavaScript Closure Quickly Explained

A closure happens when one function is inside another function, and the inner function wants to access a variable which belongs to the outer function. In JavaScript every function creates its own scope. We may not realize it just by looking at the code, it will help if we visualize it like this: The floor ...

Authored by: Tamal Anwar


JavaScript ES10/ES2019 Features

New features of ES10/ECMAScript 2019 Every year a new version of ECMAScript is released based on the proposals that have been accepted by the TC39 committee. Let's have a look at the new features that were approved by the TC39 committee.

Authored by: JavaScript Kicks

Javascript: Introduction to ES6 classes

Javascript: Introduction to ES6 classes An exciting new construct that was introduced in the ES6 specification is the ES6 classes. If you're a Javascript developer,... - Web design and web development news, website design and online marketing. Portal offering web design, SEO, SEM, web hosting, e-commerce, website development and search engine optimization, social media management.

Authored by: MA-NO WebDesign&Dev

Level Up Your JavaScript Skills: 12 basic notions

Level Up Your JavaScript Skills: 12 basic notions If you are a developer at any level, understanding its basic concepts is crucial.This article highlights 12 basic concepts that... - Web design web development news, website design and online marketing. Web design, development, javascript, angular, react, vue, php, SEO, SEM, web hosting, e-commerce, website development and search engine optimization, social media management.

Authored by: MA-NO WebDesign&Dev

JavaScript Proxy

I've always loved the flexibility of Objects and prototypes in JavaScript, but for a long time, I felt that a level of dynamism was lacking. JavaScript eventually added get and set methods for object properties, which was an awesome step, but there was still room for improvement.

Authored by: David Walsh


Node.js TypeScript #3. Explaining buffers

Today we dive into another essential concept connected to Node.js: buffers. To understand them, we also explain what binary data is and why do we need character encodings. All this information is crucial when diving into other parts of Node.js, such as streams. The buffer exists in Node.js to help us manipulate binary data.

Authored by: Marcin Wanago

Choosing between Babel and TypeScript

Babel 7 shipped about six months ago with built-in TypeScript syntax support. This means that projects using Babel can now use TypeScript, without ever needing to complicate their builds with the TypeScript compiler. But what are the differences between using Babel and the TypeScript compiler?

Authored by: Gustav Wengel


Creating Shortcuts By Mapping Multiple Routes On To The Same View-Component In Angular 7.2.5

Ben Nadel briefly revisits the concept of "shortcut" routes by mapping multiple routes onto a single view-component. This gets the Angular Router to do the heavy-lifting of route-parsing while still keeping the redirection logic mostly centralized in a single place.

Authored by: Ben Nadel

MVC in an Angular World

When designing software with a user interface, it is important to structure the code in a way that makes it easy to extend and maintain. Over time, there have been a few approaches in separating out responsibilities of the different components of an application.

Authored by: Scotch Development

Angular Routing - Best Practices for Enterprise Applications

The following represents a pattern that I've developed at my day job after building several enterpirse Angular applications. While most online tutorials do a great job laying out the fundamentals, I had a hard time locating articles that showed recommended conventions and patterns for large and scalable applications.

Authored by: Wes Grimes


Progressive React

tl.dr: Want to make your React site more performant?

Authored by: Houssein Djirdeh

React Portals with Hooks

A quick look at implementing a helper for creating Portals using React Hooks.

Authored by: Jay Freestone

Build a Reusable React Tab Component with Bit

Create a tabs component your team can use in all your apps. Tabs allow to break down the complex content into multiple sections. For instance, users can go through each section, one at a time. Let's create a reusable react component to handle your tabs.

Authored by: kris

Refactoring a component to use React hooks

React 16.8 introduced hooks; a new way to work with effects and state in React. No longer do React components that have state need to be ES2015 classes that extend React.Component - hooks let us write components as functions and still have all the functionality of class based components.

Authored by: Jack Franklin


How do we React?

This is part 1 of 3 in a series titled "How do we React?" in which I discuss how Aurelia handles common React scenarios. The other day Sebastian Markbåge posted the following tweet : You may have noticed that most other frameworks don't have HoCs, render props or anything like React.Children.

Authored by: Aurelia


Building a modern app using Nest.js, MongoDB and Vue.js

Create a customer management application with Nest.js, Vue.js and MongoDB database

Authored by: Scotch Development

Create a blazing fast modern blog with Nuxt and Prismic

Vue.js is only ~30 KB gzipped with the core module, the router and Vuex. A minimal footprint offers short load time, meaning higher speed for users and better ranking on the speed criterium for Google crawler. Vue.js also took inspiration in ReactJS by implementing Virtual DOM under the hood since the version 2.0.

Authored by: Indrek Lasn

Vue.js: a quick start guide for beginners. Part 3

Vue.js: a quick start guide for beginners. Part 3 Welcome here again! Last time we didn't listen to our very first user events and and methods to react to... - Web design web development news, website design and online marketing.

Authored by: MA-NO WebDesign&Dev


A to Z of Node.js Packages(unconventional)...

You know you are guilty of using npm packages as you would pop painkillers in a severe headache. We node.js developers love to use an npm package for almost everything. Which also caused the...

Authored by: Bit

Divide and conquer: Scale your Node.js app using distributed queues

In a previous article, I talked about how to run background tasks/jobs in Node.js (with the new worker_threads module in particular). But what happens if you are reaching the limits of the machine your Node.js instance is running in? Then you need to either move to a bigger machine (known as scaling vertically)or scale horizontally.

Authored by: Alberto Gimeno🍺

Add Emoji to your Node Projects with node-emoji

Attention 📣 Node developers. We're building highly functional applications, but it's time to add some pizzazz and breathe new life into our software creations. In this article, we'll learn how to sprinkle in some emoji to add sparkle✨ to our Node projects with the help of the node-emoji package.

Authored by: Dave Johnson

Creating a REST API with Express.js and PostgreSQL

A Node.js with Express and PostgreSQL tutorial to learn step by step how to create a REST API for CRUD operations which can be consumed by a client application ...

Authored by: Robin Wieruch

Developing A GraphQL API With Node.js And MongoDB

While REST APIs are amongst the most popular when it comes to client consumption, they are not the only way to consume data and they aren't always the best way. For example, having to deal with many endpoints or endpoints that return massive amounts of data that you don't need are common.

Authored by: Nic Raboy

Libraries and Tools

Should I Use Apollo for GraphQL?

There is something new happening almost every day in the world of technology. On one day the good people of React bring us a way to work with the state without having to write classes (React Hooks), and on some other day, someone releases a new library that lets you work with Ethereum through Vue (Vuethereum)!

Authored by: Rajat S ⌨️

Top free JavaScript User Authentication Libraries

Top free JavaScript User Authentication Libraries We are keen on security: authentication is an important issue when creating a dynamic web applicationAuthentication is for identifying users... - Web design and web development news, website design and online marketing. Portal offering web design, SEO, SEM, web hosting, e-commerce, website development and search engine optimization, social media management.

Authored by: MA-NO WebDesign&Dev

Create Your First Visual Studio Code Extension

When Visual Studio Code doesn't do what you want it to, you install an extension. When you can't find an extension that does exactly what you need, you create your own! In this article, we will look at creating your first Visual Studio Code extension.

Authored by: Scotch Development


A quick guide to testing React Hooks

The Hooks feature is a welcome change as it solves many of the problems React devs have faced over the years. One of those problems is the case of React not having support for reusable state logic between class components. This can sometimes lead to huge components, duplicated logic in the constructor and lifecycle methods.

Authored by: YE

Web app testing pro-tip: stress your application with dropped frames

Does your app use any logic on requestAnimationFrame or per frame animations? Low FPS or dropped frames might lead to some critical bugs then. This article is a case on why you should not underestimate this and how to test against dropped frames and low framerate.

Authored by: Denis Radin

Functional Programming

What the Functor?

This time around let's dive into all the scary terms and make them not so scary. While knowing these terms might not make your code better, they're fun to know. A monad is just a monoid in the category of endofunctors, what's the problem? Hopefully, you'll understand this when we're done.

Authored by: Matthew Gerstman (Slytherin)

Mary Had a Little Lambda

Originally I set out to write a sequel to Functional Programming Fundamentals that covered all of the scary jargon. This quickly evolved into What the Functor? In that article I covered monads, monoids, and functors. Now we have one last bit of scary functional jargon, lambdas.

Authored by: Matthew Gerstman (Slytherin)


XMLHttpRequest vs the Fetch API for Ajax

Weighing up whether to keep using XMLHttpRequest vs the Fetch API's modern take? We look at the pros and cons of both options.

Authored by: Craig Buckler

JavaScript Loading Priorities in Chrome

How browsers schedule and execute scripts can impact the performance of web pages. While techniques like , (and others) influence script loading, knowing how browsers interpret them can also be helpful. Thanks to Kouhei Ueno, we now have an up to date summary of script scheduling in Chrome.

Authored by: Addy Osmani

Taming the front-end monolith

While larger back-end systems are usually split up in terms of responsibilities into what we call (micro)services, the client(s) consuming these services are still monoliths. In terms of debugging and coherence this must obviously offer some advantage, otherwise, such a concentration of knowledge seems inefficient and unmaintainable.

Authored by: Florian Rappl