JSK Weekly - October 14, 2021

It's just about the middle of October so we hope you've all given at least some thought as to what you'll be doing to celebrate or avoid Halloween this year! It's all that stands between us and Christmas.

Some popular stories this week are Syncfusion's "Entering Invalid Dates Just Got Better in Angular Apps" and "How to handle Time Zones in JavaScript" by Ravidu Perera on Bits and Pieces.


API Versioning Do's and Don'ts

Often when developing our APIs, we tend to ignore versioning because we're literally building the first-ever version of our service. We can worry about versioning in the future, right? Wrong.

Authored by: Bit

jQuery maintainers update and transition jQuery UI as part of overall modernization efforts

By: Michal Golebiowski-Owczarek, Felix Nagel, and the jQuery team Editor's Note: the following blog post was originally published to the OpenJS Foundation Blog . The jQuery project is actively maintained and widely implemented - it's used by 73% of 10 million most popular websites.

Authored by: jQuery

Adding Tailwind CSS IntelliSense into Neovim

The above screenshot shows Tailwind CSS IntelliSense, Linting, and Code Actions! NOTE: There is a quick video at the bottom of this post showing the usage of Tailwind CSS inside of Neovim. The Tailwind CSS team has a great extension for VS Code that provides IntelliSense to enhance development with support for autocompletion, syntax highlighting, and linting.

Authored by: Elijah Manor

Performing HTTP Requests: Fetch Vs Axios

In JavaScript, Fetch API and Axios are widely used to implement HTTP requests. But, choosing one isn't easy since they both have some unique features. In this article, I will discuss the highlights of Fetch API and Axios to see the best option for HTTP requests.

Authored by: Bit

6 Tools and Techniques to Analyze Webpack Bundle Size

BundlePhobia helps you to identify the cost and the impact of adding a new NPM package to your application. before installing a new package or a library, you can use the BundlePhobia website or the plugin to evaluate the size of the package beforehand and select the best one.

Authored by: Bit

DX, SEO, e-commerce - that's why Next.js is so popular - FrontNet Blog

The React framework Next.js has now finally reached the mainstream. We took a closer look at it and found that there are good reasons for its increasing popularity. 2021 has been a successful year for Next.js.

Authored by: FrontNet Blog


How to handle Time Zones in JavaScript

When building web applications, we typically consider two types of time zones. The most common one is server time, which act's as the reference for date and time tracking, which is pretty straightforward. However, there are instances where we need to track the end user's date and time.

Authored by: Bit

Heap Sort in JavaScript

In this guide, we will explore Heap Sort - the theory behind it and how to implement Heap Sort in JavaScript. We will start off with what data structure it's based on (massive foreshadow here: it's a heap!), how to perform operations on that data structure, and how that data structure can be used as means of an efficient sorting algorithm.

Authored by: StackAbuse

Quickly Populate a New JavaScript Array

This post is part of my Byte Series, where I document tips, tricks, and tools that I've found useful. Have you ever wanted to quickly build up some array items to build a game, provide sample data for a demo, generate code art, or just play around with an idea?

Authored by: Elijah Manor

JavaScript Object Immutability

Object immutability is an important concept in any programming language. It restricts object modifications and prevents unwanted changes. In this article, I will discuss how we can implement object immutability in JavaScript using freeze() and seal() methods. Before discussing freeze() and seal() methods, let's discuss object immutability in JavaScript a bit more.

Authored by: Bit


Entering Invalid Dates Just Got Better in Angular Apps

The Syncfusion Angular DatePicker provides mask support to improve the user experience while entering dates by providing month, day, and year fields. These help users enter valid dates in the correct format and also keep them from entering invalid input dates.

Authored by: Syncfusion


Implementing Atomic Design with React and Bit

Atomic design is a methodology for designing and developing user interfaces in a modular manner by putting the focus on building components rather than applications. Modern user interfaces are composed of many small UI elements in the form of labels, buttons, links, and cards that are combined together.

Authored by: Bit

How to create a React Dropdown

A short React tutorial by example for beginners about creating a dropdown in React. First of all, a dropdown is just an HTML select element which can be rendered in React's JSX: What may be missing is an associated label to signal the user what value is changed with this dropdown: In your browser, this dropdown can already change its select state by showing every of its values individually.

Authored by: Robin Wieruch

React Js Google Stacked Bar Chart Example Tutorial - positronX.io

In this eloquent guide, we will step by step teach you how to create a bar chart in React js application using the react Google charts library. Data visualization is easy with Google Charts; It offers a robust and profound way to visualize data on web applications.

Authored by: Digamber Singh

Links on React and JavaScript II

How To Use The Vite Build Tool with React - Vite is hot, in part, because it's based on esbuild and wickedly fast. It's from Evan You of Vue fame, but

Authored by: CSS-Tricks


VueJS: What is Vuetify? - FrontNet Blog

The emergence of new frameworks for visual component encapsulation in web applications has highlighted several other needs: routing, security, SPA and PWA support, internationalization, and of course, UI. This also applies to Vue.js, which has gained a large community in recent years and is particularly popular for web development and hybrid mobile applications.

Authored by: FrontNet Blog

Libraries and Tools

20 Best JavaScript Data Visualization Libraries

Want to turn plain numerical data into interactive and informative visualizations? Check out these JavaScript libraries to bring your data to life!

Authored by: Six Revisions by WebFX


Cypress Skills Ladder

Imagine you are trying to get a job as a test engineer with a focus on writing Cypress tests. What do you need to know? Here is what I would suggest you learn. Tip: when applying to an open position,

Authored by: Gleb Bahmutov

Top 3 mistakes every Test Automation Engineer make!

In this article, I want to talk to you guys about Top 3 mistakes that I have seen every test automation engineer makes or have made at some point in their career. So let's get started - This is one...

Authored by: JavaScript In Plain English

Functional Programming

What are Higher-Order Functions in JavaScript

The higher-order functions are useful because they allow reusability of behavior.

Authored by: Dmitri Pavlutin

React Redirect Higher-Order Component

Can you use conditional React Hooks in React components? Technically: No. However, if you know about how React Hooks work internally, you can make conditional hooks work for you. Let's take the...

Authored by: Robin Wieruch

JavaScript Callback Function -Explained in Plain English

Every JavaScript beginner will face this question at least once: "What is a callback function?" Well, we can find the answer in the word callback itself. It's all about notifying the caller after the successful completion or failure of a task. In this article, I'll focus less on the technical

Authored by: Tapas Adhikary