JavaScript Kicks - JSK Weekly - July 20, 2022

Sharing information is very much a staple for our industry, which is why we get to share a heap of weekly stories. If we dig a little deeper though, sharing is an excellent solution for various reasons. Jonathan Saring takes us through "How to Share Types Between Frontend and Backend Apps" on Bits and Pieces.

Other popular stories include Programmer Ahui's "Never Use JSON.stringify() to Achieve Deep Copy. There is a Huge Pitfall.", Blessing Ene Anyebe's "React Hooks: The Deep Cuts" and Dawid Budaszewski's "How To Hide API Keys in React Applications?"

Popular Stories recently curated by passionate community members

General

Driving design system adoption with Modular components

Key takeaways: Most design systems take a centralized, "one-size-fits-all" approach that fails to meet the diverse real-world requirement...

Bit


A New Pattern For The Jamstack: Segmented Rendering

Quick summary ↬ Among all possible architectures for rendering a website, static rendering is the most performant. Yet, it's only applica...

Smashing Magazine


React & TypeScript: Handling Events

A guide on how to handle events in React & TypeScript...

Yogesh Datir


This Programming Principle with Reduce if/else Statements

The if...else structure is one of the first patterns we come across when learning a programming language. It is simple, if a condition is...

Bit


Setting up Next.js URL Rewrites with Netlify

As developers, we use URL rewrites for different reasons in an application. For example, sometimes, we rewrite URLs into short form to fa...

Bit


Never Use JSON.stringify() to Achieve Deep Copy. There is a Huge Pitfall.

When there is an element of time type in the object - a Date will be turned into string data Then you'll be surprised to find that getTim...

杨辉


Style Your Svelte Website Faster With Stylify CSS

Stylify + Svelte + Vite. Style your Svelte website faster with Stylify. Don't study selectors and syntax. Use pure CSS syntax and get gen...

Vladimír Macháček


How to Share Types Between Frontend and Backend Apps

Effectively sharing types between frontend and backend apps is a very needed solution. It eliminates bugs and breaking, speeds up integra...

Bit


JavaScript

8 Useful JavaScript Coding Techniques That You Should Use

Almost all websites have a presence because it allows users to use the functions more conveniently. But it's incredible that it only take...

JavaScript In Plain English


Singleton Design Pattern - How it Works in JavaScript with Example Code

At one point or another, you might need to use global state inside your React apps. This lets you have your data in one place and make su...

keyur paralkar


How Does the JavaScript Logical AND (&&) Operator Work?

The logical AND (&&) operator in JavaScript is frequently used in JavaScript logic, but it can also be used to return a value. In another...

JavaScript In Plain English


File Validation Using The FileList API in JavaScript

What the FileList API in JavaScript is capable of and how to use it....

Simon Ugorji


How to Convert a String to a Date Object in JavaScript

To convert a string to a Date object, call the Date() constructor, passing the string as an argument, i.e., const date = new Date(str). F...

JavaScript In Plain English


How to Remove an Element from an Array by ID in JavaScript

Sometimes we might be working with an array of objects with unique IDs that allow each of them to be uniquely identified among other obje...

JavaScript In Plain English


Local StorageVs. Session Storage in JavaScript - A Comprehensive Guide

Most web applications need to store some data in the users' browsers. Those data may include user preferences like website colour theme, ...

Pradeep


TypeScript

TypeScript: React useRef Hook

A brief summary of how to use React's useRef Hook for using a ref with TypeScript. First, a ref in React is mainly used to assign a HTML ...

Robin Wieruch


Typescript Decorator for Logging Analytics Event in Angular using Monad Design Pattern

In every web/mobile application as it scales there comes a point when you need to log APIs, user actions for behavior tracking, events, a...

Kartik Jagdale


Angular

Angular, RXJS: 2 ways you could share the HTTP request execution when the request is executed...

I have written about a similar concept on which multicast operators you can use to ensure that an HTTP request is executed just once and ...

Ramya Balasubramanian


React

Use Component Composition to Improve the Reusability of Your React Code

How come we know that big functions are bad and we should favor composing bigger functions out of smaller ones to favor readability and m...

Bit


How to Create React CRUD App with Redux RTK Endpoints

In this detailed guide, you will learn how to create CRUD operations in React Redux application using RTK Query and Api Slice. We will ex...

Digamber Singh


How To Hide API Keys in React Applications? - Upmostly

If you know what API keys are then you also know why is it important for us to protect them from being stolen. This can cause a lot of is...

Upmostly


How to Create Live Markdown Editor in React Js

In this tutorial, we are going to learn how to create a simple live markdown editor in React js application using third party packages. T...

Digamber Singh


React Hooks: The Deep Cuts

Hooks are reusable functions. They allow you to use state and other features (e.g. lifecycle methods and so on) without writing a class. ...

CSS-Tricks


Can I Use React Without JSX? - Upmostly

JSX is a really useful feature of React. It makes building complex interfaces so much easier. We can easily visualise the would-be DOM st...

Upmostly


Vue

Style Your Vue.js Website Faster With Stylify CSS

Stylify + Vue.js + Vite. Style your Vue website faster with Stylify. Don't study selectors, syntax, and documentation. Use pure CSS synta...

Vladimír Macháček


Node.js

How to Use Puppeteer With Node.js

Puppeteer is a JavaScript library that allows you to script and interact with browser windows. In this guide, we'll explore the basics of...

Gatwiri✨🚀🛰️👩‍💻


Working with file system paths on Node.js

In this blog post, we learn how to work with file system paths on Node.js. Table of contents: In this blog post, we explore path-related ...

Axel Rauschmayer


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 Jul 19, 2022

Tuesday, July 19, 2022

JSK Daily for Jul 19, 2022 View this email in your browser A community curated daily e-mail of JavaScript news A Step-By-Step Guide to Server-Side Rendering with VueJS In the server-side rendering

JSK Daily for Jul 18, 2022

Monday, July 18, 2022

JSK Daily for Jul 18, 2022 View this email in your browser A community curated daily e-mail of JavaScript news Driving design system adoption with Modular components Key takeaways: Most design systems

JSK Daily for Jul 14, 2022

Thursday, July 14, 2022

JSK Daily for Jul 14, 2022 View this email in your browser A community curated daily e-mail of JavaScript news JSK Weekly - July 13, 2022 Back in 2015, the revolutionary ES6 was introduced with a

JSK Daily for Jul 13, 2022

Thursday, July 14, 2022

JSK Daily for Jul 13, 2022 View this email in your browser A community curated daily e-mail of JavaScript news Use Component Composition to Improve the Reusability of Your React Code How come we know

JSK Weekly - July 13, 2022

Thursday, July 14, 2022

Back in 2015, the revolutionary ES6 was introduced with a variety of features that are commonly used in modern-day web development. Dulanka Karunasena takes us through "Top 6 JavaScript ES12

Linux replacements for antiquated tools, reimagine math with Python and Raspberry Pi, and more

Tuesday, August 16, 2022

Create beautiful PDFs in LaTeX Create beautiful PDFs in LaTeX Opensource.com THE LATEST Our favorite Linux replacements for antiquated open source tools We asked our community of contributors what open

Issue #11: Focused Work by Michael Tigas

Tuesday, August 16, 2022

Today, we're taking a look at Focused Work by Michael Tigas. Focused Work is a powerful timer that helps you have highly productive days. Inspired by the Pomodoro Technique, it's purpose-built

New Blogs on ThomasMaurer.ch for 08/16/2022

Tuesday, August 16, 2022

View this email in your browser Thomas Maurer Cloud & Datacenter Update This is the update for blog posts on ThomasMaurer.ch. Schedule and Run PowerShell Scripts for Azure VMs using Azure

[Python Mastery] What does it mean to "master" Python?

Tuesday, August 16, 2022

Hey there, A couple of years ago I'd become quite interested in martial arts. Hours upon hours of watching "The Karate Kid" growing up must've taken their toll on me... And so, I

Using HPC clusters to run simulations & solve complex equations

Tuesday, August 16, 2022

How to select the best processor & HPC system View this email in your browser engineering.com White Paper - How to Select the Best Processor and HPC System for Your Workloads How to Select the Best

Don't miss out: Ready, Set, Actionable search results with Elastic Enterprise Search

Tuesday, August 16, 2022

Tailor-made for participants in tech and non-tech roles elastic | Search. Observe. Protect Search & Stream with Elastic Enterprise Search You've looked for a good movie to watch, but ever

Declining quality of consumer-grade products – 2009 fridge compressor autopsy — and Breaking all macOS security layers with a single vulnerability

Monday, August 15, 2022

Issue #860 — Top 20 stories of August 16, 2022 Issue #860 — August 16, 2022 You receive this email because you are subscribed to Hacker News Digest. You can open it in the browser if you prefer. 1

Meta backs SMB e-commerce app launched by former Facebook engineering manager

Monday, August 15, 2022

TechCrunch Newsletter TechCrunch logo The Daily Crunch logo By Christine Hall and Haje Jan Kamps Monday, August 15, 2022 Hello, Crunchers! Wait, that's kind of a weird nickname, as if you're

JSK Daily for Aug 15, 2022

Monday, August 15, 2022

JSK Daily for Aug 15, 2022 View this email in your browser A community curated daily e-mail of JavaScript news Handling Optimistic Concurrency in Web Frontends Building scalable web applications

Live Long, Vote and Nominate #Noonies2022

Monday, August 15, 2022

for the brightest stars in tech ✨ The Noonies 2022 Greetings, Hackers 👋🏽 As you well know, HackerNoon is recognizing the incredible work of those who have boldly gone where no one has gone before, for