JavaScript Kicks - JSK Weekly - August 24, 2022

Writing code can be a messy business, which can be so hard to work with and make changes as time passes. Check out Noor Ahmed's "5 Ways To Write Clean JavaScript Code" on Bits and Pieces to see how a few ways to keep it clean.

Other popular stories include "Implementing Route Protection in Angular using CanActivate" on Syncfusion, Omari Thompson-Edwards' "Why is My useEffect Hook Running Twice in React?" and "The Different Ways of Iterating Over an Array in JavaScript" by Naveenkumar.

Popular Stories recently curated by passionate community members

General

Getting started with Fresh: The New Deno Framework

Building your first project using islands of interactivity, an architectural software design pattern used by Fresh...

Bit


Code Reusability: The Practice Every Beginner Shouldn't Avoid

Good Morning friends and my fellow engineers, Today marks the end of my fifth week at FAANG. Up until this point, I have worked on three ...

Kyle DeGuzman


Implementing A Reset Password Feature With Next.js Dynamic Routes

Most users tend to forget their passwords, so create experiences that will always be valuable for people when they use your products. In ...

Smashing Magazine


Returning An Observable From A Subscription - Upmostly

This article was first published on tutorialsforangular.com. Tutorials for Angular was acquired by Upmostly in July 2022. I've seen some ...

Upmostly


How to Store Different Datatypes in localStorage in JS

A tutorial on storing different datatypes in the localStorage API in JavaScript...

Naveenkumar M


JavaScript

5 Ways To Write Clean JavaScript Code

Writing clean code enhances application maintainability and increases developer productivity. In this article, I'll go through several ap...

Bit


An Introduction To Context Propagation In JavaScript

Quick summary ↬ React popularized the idea of context-propagation within our applications with its context API, an alternative to prop-dr...

Smashing Magazine


How to Flatten an Array in JavaScript Using Recursion

In this tutorial, we'll go through a common coding problem that interviewers love to ask candidates. Hopefully this will help you underst...

Adwaith


How big is a JavaScript string?

When measuring a string in JavaScript, string.length comes to mind. However, that property does not tell the full story. Strings have man...

Bit


How to Quickly Swap Two Variables in JavaScript

To swap two variables in JavaScript: Create a temporary variable to store the value of the first variable Set the first element to the va...

Coding Beauty


JavaScript Timestamp - How to Use getTime() to Generate Timestamps in JS

In JavaScript, timestamps are usually associated with Unix time [https://en.wikipedia.org/wiki/Unix_time]. And there are different method...

CHIKARA👨🏽‍💻


The Different Ways of Iterating Over an Array in JavaScript

In this article, we will be seeing the different ways of iterating over an array and will also be covering how it differs from the others...

Naveenkumar M


Detecting Rendered Line Breaks In A Text Node In JavaScript

At work, I've been building a way to generate "placeholder" images using a fragment of the DOM (Document Object Model). And, up until now...

Ben Nadel


TypeScript

5 Very Useful Tricks for theTypeScript Typeof Operator

Welcome to the Mastering TypeScript series. This series will introduce the core knowledge and techniques of TypeScript in the form of ani...

Bytefer


Angular

Implementing Route Protection in Angular using CanActivate

In any complex web application, it is necessary to have some sort of authentication to restrict certain users from accessing specific, un...

Syncfusion


How to Share Lifecycle Methods Between Components in Angular

In recent years, we've seen frameworks like React and Vue develop utilities to share code that uses lifecycle methods. What does that loo...

Unicorn Utterances


How Guards Can Help You in Angular 2023

Introduction to guards The five different types of route guards CanActivate CanDeactivate CanActivateChild CanLoad Resolve The role of gu...

Akash Chauhan


Custom Pipes in Angular - The Ultimate Guide

Pipes in Angular are functions used in component template expressions to transform values into another display format. Angular has severa...

Vasileios Kagklis


React

How to Create Instagram Filters with React and CSS

The CSS filter property provides graphical effects such as blurring or color change in the rendering before the element is displayed. App...

Bit


React Send Data from Child to Parent Component Tutorial

In this tutorial, we will help you learn how to send data from the child component to the parent component in React js application throug...

Digamber Singh


Why is My useEffect Hook Running Twice in React? - Upmostly

As part of React Strict Mode, certain lifecycle functions will be ran twice, such as functions passed to , useMemo, or useReducer , or th...

Upmostly


React Lazy Loading Router using React Router DOM v6 Tutorial

Lazy loading is a technique that enables us to load a specific component when a particular route is accessed. It exponentially enhances t...

Digamber Singh


Vue

15 Game-Changing Tools in Vue 3 Ecosystem

The Vue.js ecosystem has evolved in the past few years, especially with Vue 3 becoming the default Version as of Monday, February 7, 2022...

E J I R O


How to Use .env Environment Variables in Vue.js

In this guide we'll be going over how to use .env variables in Vue, and how to have specific .env files per environment....

JavaScript In Plain English


6 Questions You Should Understand About the ref & reactive in Vue3

1. How to use reactive API, 2. How to use the ref API, 3. Can reactive be used on deep objects or arrays, 4. Is the reactive return value...

Chris1993


Node.js

Send Real-Time Notifications with Socket.io and Node.js

A user provides a URL to the web browser. The browser sends a request to the web server, asking for resources related to the URL. The ser...

Bit


How to Optimize Your Node.js API

In this article, I will walk you through some of the best methods to optimize APIs written in Node.js. Prerequisites To get the most out ...

Kayode


Why Combine React With Node.js For Full-Stack Web App Development?

When it comes to building a full-stack web app from scratch, it can be hard to understand how to organize your code in the most effective...

Emma Cuthbert


How to set up a GraphQL server with Node.js & Express - Upmostly

In this article, we'll have a walkthrough of the entire process of setting up a GraphQL server using Node.js & Express. We'll be using Ex...

Upmostly


Functional Programming

Host a NestJS App on Firebase Functions: The Complete Guide

In this article, I will give you all the info you need to make an API with NestJS and Firebase, which includes hosting the NestJS applica...

Robert Isaac


5 Things That Helped Me Survive Enterprise JS Utility Function Hell

The jury might be out on what exactly constitutes an enterprise app (spoiler alert: enterprise is management-speak for a loosely defined ...

JavaScript In Plain English


Finally understanding the arrow functions in JavaScript

Learn how to declare arrow functions and become a better web developer....

Jesús Lagares


Generator Functions in JavaScript: A Simple Guide

General JavaScript functions can't be interrupted in the middle of function execution, that is, there is no interruption from the time th...

Shaurya Kalia


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 Aug 23, 2022

Tuesday, August 23, 2022

JSK Daily for Aug 23, 2022 View this email in your browser A community curated daily e-mail of JavaScript news Debugging React Applications with React DevTools React is one of the most popular front-

JSK Daily for Aug 22, 2022

Monday, August 22, 2022

JSK Daily for Aug 22, 2022 View this email in your browser A community curated daily e-mail of JavaScript news Send Real-Time Notifications with Socket.io and Node.js A user provides a URL to the web

JSK Daily for Aug 19, 2022

Monday, August 22, 2022

JSK Daily for Aug 19, 2022 View this email in your browser A community curated daily e-mail of JavaScript news Implementing A Reset Password Feature With Next.js Dynamic Routes Most users tend to

JSK Daily for Aug 18, 2022

Thursday, August 18, 2022

JSK Daily for Aug 18, 2022 View this email in your browser A community curated daily e-mail of JavaScript news Implementing Route Protection in Angular using CanActivate In any complex web application,

JSK Daily for Aug 17, 2022

Wednesday, August 17, 2022

JSK Daily for Aug 17, 2022 View this email in your browser A community curated daily e-mail of JavaScript news Implementing Route Protection in Angular using CanActivate In any complex web application,

You Might Also Like

a16z’s Infrastructure team gets a new general partner

Friday, April 19, 2024

Post News is shutting down and Wall Street isn't feeling a Salesforce-Informatica pairing View this email online in your browser By Christine Hall Friday, April 19, 2024 Image Credits: Andreessen

New Roundtable! Additive for Mass Production Applications

Friday, April 19, 2024

The Outlook for the Future View this email in your browser engineering.com Roundtable - Additive for Mass Production Applications: The Outlook for the Future 6 Considerations for Choosing the Right

📷 What to Know About Macro Photography — Why You Should Buy a Budget Motherboard

Friday, April 19, 2024

Also: How to Automatically Highlight Values in Excel, and More! How-To Geek Logo April 19, 2024 📩 Get expert reviews, the hottest deals, how-to's, breaking news, and more delivered directly to your

Is the wind going out of the AI sails?

Friday, April 19, 2024

Rippling vacuums up venture capital and Ramp bags more millions View this email online in your browser By Haje Jan Kamps Friday, April 19, 2024 Image Credits: Getty Images / Carol Yepes Welcome to

Llama 3 is out - Weekly News Roundup - Issue #463

Friday, April 19, 2024

Plus: brand-new, all-electric Atlas; AI Index Report 2024; Microsoft pitched GenAI tools to US military; Humane AI Pin reviews are in; debunking Devin; and more! ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

Daily Coding Problem: Problem #1417 [Easy]

Friday, April 19, 2024

Daily Coding Problem Good morning! Here's your coding interview problem for today. This problem was asked by Wayfair. You are given a 2 x N board, and instructed to completely cover the board with

Charted | How Hard Is It to Get Into an Ivy League School? 🎓

Friday, April 19, 2024

We detail the admission rates and average annual cost for Ivy League schools, as well as the median SAT scores required to be accepted. View Online | Subscribe Presented by: Discover the motivations

Dark Matter & Tortured Poets

Friday, April 19, 2024

New music releases aren't what they used to be -- for good and bad. Dark Matter & Tortured Poets By MG Siegler • 19 Apr 2024 View in browser View in browser New music releases in 2024 are a

Impact of AI on Product Management

Friday, April 19, 2024

​ Impact of AI on Product Management The rise of the AI Product Manager. Product managers have always championed customer's needs. However, with AI, the job requires new technical and ethical

⚙️ Zuck has entered the chat(bot)

Friday, April 19, 2024

Plus: AI video's coming to mobile! ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌