JavaScript Kicks - JSK Weekly - October 06, 2021

Welcome to October! Did you know that in the old Roman Calendar, October was actually the eighth month? Speaking of Rome ... have you checked it out? The JavaScript Dev Toolchain that is. Nathan Sebhastian gives us an introduction this week in "Introduction to Rome — An All-in-One JavaScript Dev Toolchain" on Bits and Pieces.

Other popular stories include "17 Life-Saving JavaScript One-Liners", "How to Use TypeScript with React Components" and "How JavaScript Works: A Visual Guide."

Popular Stories recently curated by passionate community members

General

Building FullScreen Web Apps

Fullscreen UI designs help to keep users engaged with the content by removing distractions. Therefore, we can see an increased use of ful...

Bit


Why You Should Switch to NextJS from ReactJS

This story discusses reasons why you should switch to NextJS ...

Enlear


SOLID Principles - Concise and brief explanation

Hi Folks, Today I am going to tell you about what exactly SOLID Principles concepts are in simple terms. SOLID stands for Importance of p...

Vivek Dogra


Top 5 Google Chrome Flags for Developers

Chrome Flags are a set of experimental features provided by the Chrome browser. Although they are experimental, enabling them will increa...

Bit


Use a Custom Cursor to Improve the UX of Your Website

The mouse cursor plays a vital role in the User Experience of every website. Give direction to your users in a more engaging way....

Giulia Malaroda


Why I've Moved from Redux to Recoil for State Management: Redux Vs. Recoil

Recoil is a state management library for React. It is easy to set up. It works and thinks like React. It uses hooks to retrieve states an...

Bewar Salah


JavaScript

Javascript Worst Practices

Everyone talks about the "best practices" to follow around different technologies, and sometimes we tend to listen to that advice. Howeve...

Bit


How JavaScript Works: A Visual Guide🔥 🤖

JavaScript is one of the most loved and hated languages in the world. It is loved because it is potent. You can make a full-stack applica...

JavaScript In Plain English


What is the DOM? Document Object Model Meaning in JavaScript

If you have just started learning JavaScript, you might have heard of the DOM. But what is it exactly? In this article, I will explain wh...

Jessica Wilkins


How to Create a UUID in JavaScript

The UUID identifier has been used in programming since the days a baby-faced David Walsh became a professional software engineer. My firs...

David Walsh


Introduction to Rome — An All-in-One JavaScript Dev Toolchain

Building a modern JavaScript project with front-end libraries like React, Vue, or Angular requires you to configure many development tool...

Bit


Sorting JavaScript Arrays By Nested Properties

This post is part of my Byte Series, where I document tips, tricks, and tools that I've found useful. Imagine you have an array of JavaSc...

Elijah Manor


17 Life-Saving JavaScript One-Liners 🔥

In the world of JavaScript, less code == better. Today, I'm going to show you 34 killer JavaScript one-liners (split into two parts). In ...

Maria Zayed


TypeScript

Typescript, a hero!

It is easy to define Prop types using typescript that makes our code clean, easier to read, use and maintain. And this will go along with...

Frontend Weekly


How to type React Components with TypeScript

Posted September 29, 2021 In this post, I'm going to discuss why and how to use TypeScript to type React components. You'll find how to a...

Dmitri Pavlutin


Angular

Pie Chart Using Angular and HTML Canvas

Let's be completely honest, data is well, a lot to take in! Yes, you cannot be able to understand data that easily by simply looking at i...

Binge On Code


React

React Error Handling and Logging Best Practices

Front-end developers often overlook error handling and logging. However, if any code segment throws an error, you must handle it correctl...

Bit


Create Your Custom Drop-down Menu with a Search Option in React

There are times where you would require to make a custom drop-down menu for your application. One can obviously use the drop-down menus a...

JavaScript In Plain English


React Js Build Responsive Video and Audio Player Tutorial - positronX.io

React js video and audio player tutorial. Video players can be seen easily on all the popular websites, be it Facebook, Instagram, or You...

Digamber Singh


How to Dynamically Update a React Component whilst Computing like a Maniac

I recently ran into an issue where I was executing a continuous computation that returned intermediate results that I wanted to display i...

JavaScript In Plain English


How to create Private Route with React Router v6

React Router v6 has plenty of new changes if you aren't familiar with reach/router before. Let's look at how we can create a Private Rout...

Frontend Weekly


What Are React Hooks And How To Use Them?

By now, you should have heard of React hooks. However, you may be wondering what this technical term means. Well, how about we answer tha...

Binge On Code


Node.js

How to Use the Google Translation API with Node.js

Translation is necessary for the spread of information, knowledge, and ideas. It's increasingly important in a world of over 7,000 spoken...

JavaScript In Plain English


Testing

Make GraphQL Calls From Cypress Tests

How to make GraphQL calls from Cypress tests using the cy.request command 🧭 Find the source code for this blog post in the repository ba...

Gleb Bahmutov


Dynamic Tests From Cypress Fixture

Import a JSON fixture file to create dynamic Cypress tests Often, you need to run the same test with different data. For example, one mig...

Gleb Bahmutov


Functional Programming

Demystifying JavaScript Arrow Functions

The arrow function is an alternative to function expressions with a difference in syntax and cannot be used in all cases. If you haven't ...

AJO JOHN (mallu_dev)


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

Key phrases

Older messages

JSK Daily for Oct 4, 2021

Monday, October 4, 2021

JSK Daily for Oct 4, 2021 View this email in your browser A community curated daily e-mail of JavaScript news React Error Handling and Logging Best Practices Front-end developers often overlook error

JSK Daily for Oct 2, 2021

Saturday, October 2, 2021

JSK Daily for Oct 2, 2021 View this email in your browser A community curated daily e-mail of JavaScript news Why You Should Switch to NextJS from ReactJS This story discusses reasons why you should

JSK Daily for Sep 30, 2021

Thursday, September 30, 2021

JSK Daily for Sep 30, 2021 View this email in your browser A community curated daily e-mail of JavaScript news Introduction to Rome — An All-in-One JavaScript Dev Toolchain Building a modern JavaScript

JSK Daily for Sep 29, 2021

Wednesday, September 29, 2021

JSK Daily for Sep 29, 2021 View this email in your browser A community curated daily e-mail of JavaScript news Building FullScreen Web Apps Fullscreen UI designs help to keep users engaged with the

JSK Weekly - September 29, 2021

Wednesday, September 29, 2021

There are very few people who don't like new things, and while a new month is not always the most exciting of new things, Syncfusion also happens to be rolling out their 2021 Volume 3: Essential JS

[Python Dependency Pitfalls] How to set the world on fire

Saturday, October 23, 2021

Hey there, #1 on my list of dependency management pitfalls is there for a good reason: It lead to a single developer causing mayhem and breaking thousands of open-source projects around the world in

Duuunnnneeee

Saturday, October 23, 2021

Last night, I did it. I stepped into a movie theater for the first time in nearly two years. It felt Last night, I did it. I stepped into a movie theater for the first time in nearly two years. It felt

The best iPhones of 2021

Saturday, October 23, 2021

Best Linux laptop for 2021; How to install Windows 11 on older, unsupported PCs Subscription | Read Online | Twitter Facebook LinkedIn Top Story of the Day October 22, 2021 Top Story of the Day The

John Carmack pushes out unlocked OS for defunct Oculus Go headset — and Fed to ban policymakers from owning individual stocks

Friday, October 22, 2021

Issue #564 — Top 20 stories of October 23, 2021 Issue #564 — October 23, 2021 You receive this email because you are subscribed to Hacker News Digest. You can open it in the browser if you prefer. 1

[New post] Collection Performance: Looping Over Other Collection Types

Friday, October 22, 2021

dotNetDave posted: " Subscriber Content I would guess that most code that is written defines a collection like this: var collection = new List<Person>(); Using List<> is perfectly fine

Trump SPAC’s market cap approaches $4.7 billion

Friday, October 22, 2021

TechCrunch Newsletter TechCrunch logo The Daily Crunch logo Friday, October 22, 2021 • By Alex Wilhelm Friday! Dear friends, we made it to the end of the week. It was a big, busy few days, so give

Embrace Your Inner Stooge 🤪

Friday, October 22, 2021

How The Three Stooges became icons. Here's a version for your browser. Hunting for the end of the long tail • October 22, 2021 Hey all, Ernie here with a refreshed piece about a troupe that you

Dear Tech God, Please Execute Your Civic Duty

Friday, October 22, 2021

Contribute to the internet's 'most democra-tech awards system': Invent hilarious award titles! Hacker Noon: How Hackers Start Their Afternoons Hacker Noon: How Hackers Start Their

JSK Daily for Oct 22, 2021

Friday, October 22, 2021

JSK Daily for Oct 22, 2021 View this email in your browser A community curated daily e-mail of JavaScript news ULID vs UUID: Sortable Random ID Generators for JavaScript UUID is one of the most used

Alpine.js Weekly #77

Friday, October 22, 2021

An announcement from the Alpine Components Team We've decided to rename Alpine Component Patterns to just Alpine Components and integrate it with the Alpine documentation for a more seamless