JavaScript Kicks - JSK Weekly - December 03, 2020

Welcome December! The last month of 2020 and hopefully a step into a much better year for 2021. If you're not quite in the festive spirit just yet, why not check out Per Harald Borgen's "JavaScript Advent Calendar – Learn JavaScript Interactively by Christmas Eve"? Could be a fun way to count down to Christmas!

Some other highlights this week are Juan Cruz Martinez's "What, Why, and How of Typescript for JavaScript Developers" and Viduni Wickramarachchi's "Deep Dive into Page Lifecycle API" on Bits and Pieces.

Popular Stories recently curated by passionate community members

General

Page Lifecycle API: A Browser API Every Frontend Developer Should Know

As users, we always like to multi-task while browsing web pages. So it's common to have several browser tabs open as it helps to get thin...

Bit


Making a PWA with literally 1 line of code

Right before 2020 turned into a global shitshow, I gathered a couple of friends and together we came up with an idea for a simple little ...

JavaScript In Plain English


Let's Build Micro Frontends with NextJS and Module Federation!

That headline is a mouth-full, I know! In the past several years I have been working on distributed and multiple teams as well as being a...

Yoav Ganbar


The Hidden Case of the Shadow DOM

This article speaks to how shadow DOMs were used for the front-end web app development by my team, later bewildering the QA engineers who...

Bit


JavaScript

JavaScript Algorithms: Find All Duplicates in an Array (LeetCode)

Given an array of integers, 1 ≤ a[i] ≤ n ( n = size of array), some elements appear twice and others appear once. Find all the elements t...

JavaScript In Plain English


Lots of Ways to Use Math.random() in JavaScript

Math.random() is an API in JavaScript. It is a function that gives you a random number. The number returned will be between 0 (inclusive,...

CSS-Tricks


5 Best Practices to Write Quality JavaScript Variables

Variables are everywhere. Even if you're writing a small function, or writing an application: you always declare, assign, and read variab...

Dmitri Pavlutin


A free advent calendar to help you master JavaScript by Christmas Eve 🎅🏻

The year of 2020 has been a rough one for aspiring software developers. In addition to the health costs that has affected so many of us, ...

Per Harald Borgen


How to Master JavaScript Promises and Async/Await in 20 Minutes

On the web, many things tend to be time-consuming - if you query an API, it can take a while to receive a response. Therefore, asynchrono...

Thu Nghiem


TypeScript

If It Isn't Already, Your Startup's React Project Should Be Written in TypeScript

I used to object to the idea of TypeScript. To me, it didn't seem to make sense to add static typing to a language that was designed not ...

JavaScript Kicks


What, Why, and How of Typescript for JavaScript Developers

If you are a Javascript developer, you must have heard about Typescript at one point or another. If you have been reluctant about giving ...

livecodestream


Understanding typescript generics by example

Typescript generics are a built in language feature using the same principles of generics in other languages like C#, Java, etc. To under...

Jonathan Creamer


Angular

Organizing My Reaction GIFs Using Node.js, Sharp, And Angular 11.0.2

At InVision, we use GIFs all the time in our Slack chat to add color and nuance to our text-based conversations....

Ben Nadel


Package Font Files on NPM for Angular Usage

While working on my company's shared component system, I got a request from our design team. They wanted to keep our branding consistent ...

Unicorn Utterances


How to Integrate Dialogflow CX and ES Chatbot with Angular JS

There are numerous posts about developing a chatbot using Dialogflow. But creating chatbot isn't enough. Connecting Dialogflow CX and ES ...

Devashish Mamgain


React

React Redux Deep Dive: State Management in React with Redux

In the world of React, efficient State Management is one of the most important things a developer has to perform in order to produce a so...

JavaScript In Plain English


How to useEffect in React

In this tutorial you will learn everything about React's useEffect Hook. Let's say we have these two components whereas the parent compon...

Robin Wieruch


Sticky Table Header with React Hooks

Using a element instead of flexbox for data presentation is a good thing. How to turn the table header sticky with the help of React in t...

Miroslav Nikolov ⚛️


Why do we need to use bind for events in class based components?, Exploring React

You might be wondering why you need to use bind() for calling class methods from events in React. Maybe you've just chucked the binds in ...

Martin Capodici


React Native Custom Stepper

Let us build a custom stepper component from Scratch. Tools used : Design of Stepper Component : It's very simple. It has two icons (Minu...

Karthik_B


Vue

Best Static Site Generators for Vue.js

Over the past few years, Vue.js has become a popular choice for web application development. With its popularity, the framework has expan...

Bit


4 Best Static Site Generators for Vue.js 2020 - Kriss

Your project may not need a micro-service or a serverless API. In fact, it's far more likely that all you really need is a simple, scalab...

kris


Node.js

Reproducible Node Builds With npm ci

How and when to use `npm ci` to make your CI/CD process more robust....

Semaphore


Beginner's Guide to Redis and Caching with NodeJS

In recent years, Redis has become a common occurrence in a Node.js application stack. Though its most popular use case is caching, Redis ...

livecodestream


Libraries and Tools

React Native Libraries for "Native Features"

When creating mobile applications, you require access to some potentially sensitive information of the device, through your app. These ma...

Bit


16 Designer Developer Handoff Collaboration Tools For 2021

A successful handshake between developers and designers is a fundamental key to successful, timely, and high-quality product delivery. A ...

Bit


Testing

Testing Vue Applications With The Vue Testing Library

The Vue Testing library can help you to test your applications by mirroring the way that a user would interact with them. Here's everythi...

Smashing Magazine


Your Front End Code Needs To Be Unit Tested

Front End testing can be done in multiple ways, like unit testing, integration testing, system testing, and acceptance testing. Today, we...

Anuradha Kumari


Until next week!

Bob, Robert, Miro, Branko and Boris

Change how often and what email you get on your account page.

Follow JavaScriptKicks on Twitter and subscribe via RSS.







This email was sent to you
why did I get this?    unsubscribe from this list    update subscription preferences
Dotnetkicks, LLC · PO Box 45087 · Seattle, WA 98145 · USA

Older messages

JSK Daily for Nov 24, 2020

Tuesday, November 24, 2020

JSK Daily for Nov 24, 2020 View this email in your browser A community curated daily e-mail of JavaScript news The State Of Progressive Web Apps in 2020 Progressive Web Apps shortly known as PWA are a

JSK Daily for Nov 23, 2020

Monday, November 23, 2020

JSK Daily for Nov 23, 2020 View this email in your browser A community curated daily e-mail of JavaScript news Automatically import SASS/SCSS into every Vue.js component If you've done any work

JSK Daily for Nov 19, 2020

Thursday, November 19, 2020

JSK Daily for Nov 19, 2020 View this email in your browser A community curated daily e-mail of JavaScript news Replacing All External Date Libraries With 300 Lines-Of-Code In AngularJS 1.2.22 Ben Nadel

JSK Weekly - November 18, 2020

Wednesday, November 18, 2020

As we edge over the halfway mark for November, if you're looking for some good reading material to see you through the laid back days in the festive season, David Attard has put together a

JSK Daily for Nov 16, 2020

Monday, November 16, 2020

JSK Daily for Nov 16, 2020 View this email in your browser A community curated daily e-mail of JavaScript news How I learned reactive programming by re-building RxJs from scratch Yes, the title is not

You Might Also Like

You’re invited: See how Cypris scaled AI search

Thursday, March 20, 2025

Join our virtual event to learn how Cypris built a scalable AI research platform with Elastic.ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ

JSK Daily for Mar 19, 2025

Wednesday, March 19, 2025

JSK Daily for Mar 19, 2025 View this email in your browser A community curated daily e-mail of JavaScript news Hope AI By Bit. - Developer teams build with AI and composable software. ✅ Build full-

Forget TypeScript, how about porting Doom to Go?

Wednesday, March 19, 2025

Plus should Go have tuples? | #​546 — March 19, 2025 Unsub | Web Version Together with Frontend Masters logo Go Weekly Traversal-Resistant File APIs — Among the lesser known new features in recent

Daily Coding Problem: Problem #1722 [Medium]

Wednesday, March 19, 2025

Daily Coding Problem Good morning! Here's your coding interview problem for today. This problem was asked by Dropbox. Create an algorithm to efficiently compute the approximate median of a list of

Ranked | The World's Fastest Growing Economies in 2025 📊

Wednesday, March 19, 2025

The fastest growing economies of 2025 are primarily located in Africa and Asia, according to the latest IMF forecasts. View Online | Subscribe | Download Our App Presented by: Defiance ETFs FEATURED

Web Almanac: JS; syntactic quirks; Parcel v2.14.0; Bun v1.2.5; Node.js on Discord; Node v20.19.0

Wednesday, March 19, 2025

We have 9 links for you - the latest on JavaScript and tools The easiest security tool you will ever install. socket.dev Sponsor Socket's developer-first platform detects and blocks malicious

Microservices rules #7: Design loosely design-time coupled services - part 1

Wednesday, March 19, 2025

You are receiving this email because you subscribed to microservices.io. Considering migrating a monolith to microservices? Struggling with the microservice architecture? I can help: architecture

[Report] 69% of Attacks Bypass Defenses

Wednesday, March 19, 2025

69% of attacks go undetected. Breach and Attack Simulation pinpoints you where your defenses fail—before attackers do. ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏

11 Windows apps I always trash 🗑️

Wednesday, March 19, 2025

Forget SaaS; Change this TV setting; Amazon Spring Sale deals -- ZDNET ZDNET Tech Today - US March 19, 2025 delete key The 11 Microsoft apps I ditch on every new Windows install - and the 11 I keep A

⚙️ Nvidia's 'incredible' demand

Wednesday, March 19, 2025

Plus: The DNA of organized crime ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌