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

You Might Also Like

AI search engine startup Perplexity eyes a $3B valuation

Tuesday, April 23, 2024

Plus: It's Tesla earnings day and AWS wants to host your AI models View this email online in your browser By Cody Corrall Tuesday, April 23, 2024 Welcome back to TechCrunch PM. Today we have big

🎞️ We Tried 3D Printing a Photo — You'll Love This Secret Samsung Galaxy Bluetooth Feature

Tuesday, April 23, 2024

Also: Transferring Your Phone Number to a New Carrier, and More! How-To Geek Logo April 23, 2024 📩 Get expert reviews, the hottest deals, how-to's, breaking news, and more delivered directly to

You're invited – product sense, prioritization, careers

Tuesday, April 23, 2024

Product Sense Product Sense Wednesday, May 1st @ 01:00 PM EST Learn how to identify opportunities, assess risks, and make informed decisions that lead to successful product innovations by better

CTRL-C, Exceptions, Ruff Speed-up, and More

Tuesday, April 23, 2024

Asyncio Handle Control-C (SIGINT) #626 – APRIL 23, 2024 VIEW IN BROWSER The PyCoder's Weekly Logo Asyncio Handle Control-C (SIGINT) When the user presses CTRL-C on the keyboard, the OS raises an

Writing Contests Just Landed On Product Hunt 🔥

Tuesday, April 23, 2024

Upvote us to keep the $$$ coming! 👍 ͏ ‌  ͏ ‌  ͏ ‌  ͏ ‌  ͏ ‌  ͏ ‌  ͏ ‌  ͏ ‌ ͏ ‌  ͏ ‌  ͏ ‌  ͏ ‌  ͏ ‌  ͏ ‌  ͏ ‌  ͏ ‌ ͏ ‌  ͏ ‌  ͏ ‌  ͏ ‌  ͏ ‌  ͏ ‌  ͏ ‌  ͏ ‌ ͏ ‌  ͏ ‌  ͏ ‌  ͏ ‌ 

Daily Coding Problem: Problem #1421 [Hard]

Tuesday, April 23, 2024

Daily Coding Problem Good morning! Here's your coding interview problem for today. This problem was asked by Uber. Given an array of integers, return a new array such that each element at index i

Ranked | The Top 10 EV Battery Manufacturers 🔋

Tuesday, April 23, 2024

Asia dominates this ranking of the world's largest EV battery manufacturers in 2023. See which battery makers feature in the top 10. View Online | Subscribe Presented by: EnergyX's

Bringing PGO to the build pipeline

Tuesday, April 23, 2024

Plus how Go grew at Google, cmp.Or, and ways to visualize makefiles, Go binaries, and live Go processes. | #​504 — April 23, 2024 Unsub | Web Version Together with Three Dots Labs Go Weekly How Dolt

Noonification: Leetcode: Two-sum an Intuitive Approach

Tuesday, April 23, 2024

Top Tech Content sent at Noon! Get Algolia: AI Search that understands How are you, @newsletterest1? 🪐 What's happening in tech this week: The Noonification by HackerNoon has got you covered with

The best AI chatbot for coding

Tuesday, April 23, 2024

9 video gadget must-haves; 6 things Linux should borrow from MacOS -- ZDNET ZDNET Tech Today - US April 23, 2024 placeholder Can Meta AI code? I tested it against Llama, Gemini and ChatGPT - it wasn