JSK Weekly - August 14, 2019

Time speeding up as the year presses on? Not enough hours in the day? Well we can thank Julius Augustus Ceasar for adding an additional two days to August and our developers for offering up modern time savers this week.

Let's hit he ground running with Yazeed Bzadough on freeCodeCamp, helping us grasp closures which are notoriously difficult with speed in "Learn JavaScript Closures in 6 Minutes", while Bret Cameron gives us Actionable Tips and Tricks to Increase the Speed of Your Code in "13 Tips to Write Faster, Better-Optimized JavaScript" and Francis Cote makes static site search easy in "Static Site Search Made Easy (with Hugo Tutorial)" on Snipcart.

Still starting out with React? Anton Shaleynikov has gathered some of the frequently asked questions about React and answers them in "14 Frequently Asked Questions about ReactJS" on dashBouquet. Last up for August highlights: AnyChart JS 8.7.0 Is Out! With Client-Side Export, Stock UI Controls, Gantt Improvements & More - go check it out.


Containers and Presentationals: A More Modular SPA Architecture

Learn how to build your apps to optimize modularity and shareability Bit is an awesome cloud platform for sharing components with other devs in the open-source community or with your team. We are in the age of components. Our most popular SPAs are built with components - Angular, React and Vue.

Authored by: Bit

How to conditionally build an object in JavaScript with ES6

The arrival of ES6 brought us, among many other news, the spread syntax, which, as you will already know, allows... | 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

Static Site Search Made Easy (with Hugo Tutorial)

In a rush? Skip to the tutorial or live demo. "Command + F." That function has become a larger part of my life than I care to admit. But it's true. Don't get me wrong, I enjoy getting lost in the infinite abyss of digital content, but when I know exactly what I want, I don't enjoy spending hours finding it.

Authored by: Snipcart


13 Tips to Write Faster, Better-Optimized JavaScript

The biggest gains in code speed tend to come from the first two categories of optimisation: 'Do It Less' and 'Do It Less Often'. In this section, we'll look at a few ways to make your code faster that are more concerned with optimising the code you've got, rather than reducing it or making it run fewer times.

Authored by: Bret Cameron

JavaScript: Under the Hood

JavaScript was earlier meant to be used only within the web browsers but with the evolution of Node, JavaScript now lives outside too. And we know how to use it, where to use it & when to use it...

Authored by: Bit

Learn JavaScript Closures in 6 Minutes

They're stateful functions.

Authored by: Yazeed Bzadough

Converting a string to camelCase in Javascript

First we need to convert the input to a string, just in case a non-string is passed into the function: Let's create a function that accepts an array of strings. For the string at index 0, convert...

Authored by: jagathish


Build Electron Desktop App with Angular 8

Build Electron Desktop App with Angular 8 - In this Angular tutorial we will learn to create a basic web application with Angular and Electron.

Authored by: Digamber Singh

Asynchronous modules and components in Angular Ivy

Ivy engine has brought (and also will bring) a huge amount of new features. Honestly, I always dreamed of having an opportunity to load modules asynchronously, and most importantly, components, you can do that with one line of code in Vue: For sure we could lazy load any non-routable module by adding it to the lazyModules property in the Angular's config and then override NgModuleFactoryLoader token with SystemJsNgModuleLoader, but this has never been the best practice and also this approach is much harder to accompany.

Authored by: Angular In Depth

How to Share Angular Components Between Projects and Apps

Easily share and collaborate on components across Angular projects, alone or as a team. Angular lets you build your apps through modular components, which are the most basic UI building block of an Angular app. When building multiple Angular projects or applications, components can be shared and reused between them, to speed development and build better modular apps.

Authored by: Bit


14 Frequently Asked Questions about ReactJS

If you've chosen to use React, or you are considering it, you probably have questions you need answers to. We have gathered some of the frequently asked questions about React and will answer them here. The questions are going to be grouped into six segments, each about various aspects of React.

Authored by: Shaleynikov

How to build an admin panel with React

A good number of web applications have evolved from static websites that just display content to dynamic webpages where users access and interact with content. This content is often powered by APIs that send and receive data. Often, an admin page is needed to sort and handle this data.

Authored by: LogRocket

Building a carousel component in React using Hooks Blog

One of the problems in web development today is the entangling of different layers. Not only do we face strong coupling to multiple dependencies, but we also wire logical code directly to some styling or presentation layer.

Authored by: LogRocket

Implementing animations in React with React Spring Blog

Animations has evolved to very complicated UI element manipulations. They are used to increase interactivity on web pages and to give users an engaging experience while using websites. Developers are constantly looking to find better ways to implement animations without causing a major performance bottleneck.

Authored by: LogRocket


Modifying component data with event emitters in Vue.js Blog

This post will introduce you to how data and its state can be passed from a child component to its parent component in Vue.js using event emitters. This post is suited for developers of all stages, including beginners.

Authored by: LogRocket

How to use props to pass data to child components in Vue JS Blog

In this post, we will look at how data can be passed from a parent component to child components in Vue JS. This post is suited for developers of all stages including beginners. Here are a few things you should already have before going through this article.

Authored by: LogRocket


A Beginner's Guide to NPM

Given Node.js' module ecosystem, one could argue that NPM is literally the bread and butter of any Node project. In fact, one could even go as far as to say that NPM is one of the most important tools the Node.js developer have under their communal belts.

Authored by: Bit

How a Simple Caching Strategy Can Break a System

Rules for an optimized caching mechanism For every complex problem, there is an answer that is clear, simple, and wrong. Let's look at how a typical cache miss workflow looks like This works reasonably well as long as the request per key is low.

Authored by: Bit

How to write useful end-to-end tests with Cypress Blog

Testing has become an essential aspect of software engineering, and for good reason, too. Writing software of any complexity can often be a messy task, and this only gets worse when teams get larger and more people start to work on the same codebase.

Authored by: LogRocket

MERN stack A to Z: Part 2 Blog

Welcome to part two of our tutorial on building a MERN stack app from scratch. In our previous post, " MERN stack A to Z: Part 1," we completed the back-end portion with Node.js, Express.js, and MongoDB and created our Rest APIs. Here, we are going to use those APIs.

Authored by: LogRocket

Libraries and Tools

Why Webpack?

The field of Front-End development is changing so rapidly on how we do things these days. Back when life was so simple and before front-end libraries and frameworks started appearing, there used to be just a simple javascript file that you have to include in your html file and you're good to go.

Authored by: Bit

AnyChart JS 8.7.0 Is Out — With Client-Side Export, Stock UI Controls, Gantt Improvements & More

AnyChart, one of the global leaders in interactive data visualization, added client-side export, Gantt chart improvements, new stock chart UI controls, technical indicators, and more — in version 8.7.0 of their award-winning JavaScript charting library. Learn more about the new data viz development features and check out AnyChart JS Charts 8.7.0.

Authored by: Andrey Khachaturov


16 Ways to Speed Test Automation Using a CI/CD Pipeline

Test automation plays a significant role in software development. It improves speed, better detects errors and bugs, is repeatable, scalable, has broader coverage, and more. Let's take a look at test automation using a CI/CD pipeline. In today's competitive world, great speed in developing software, features, and fixes are vital.

Authored by: Stackify