JavaScript Kicks - JSK Weekly - 7th March, 2024

The year 2024 got Robin Wieruch excited about React's ecosystem again. Despite the various challenges and dramas (the biggest one of them moving React to the server with React Server Components) we had last year, there are emerging React trends that everyone should have on their watchlist. Check out "React Trends in 2024" for his list of exciting React trends for 2024.

Other popular stories include "Top 8 JavaScript Libraries for Data Visualization in 2023" on Syncfusion, "Mocking/stubbing the Date and timers (setTimeout) in Node.js tests with built-in `node:test` MockTimers" and "Building a Reusable Infinite Scroll Component With React" on Bits and Pieces

< style> @media only screen and (max-width: 599px){ .vote-button{ width:15% !important; } } @media only screen and (max-width: 599px){ .story-content{ width:85% !important; } }

Popular Stories recently curated by passionate community members

General

JSR: Second Look - David Bushell - Freelance Web Design (UK)

The one where I try out a fancy new JavaScript repository (again)...

David Bushell


Direnv setup for multiple git/GitHub, npm and AWS accounts/credentials · Code with Hugo

In this post, we’ll look at how to configure direnv to manage multiple git, GitHub, npm and AWS accounts and credentials on a singl...

Hugo Di Francesco


jQuery 4.0.0 BETA!

jQuery: The Write Less, Do More, JavaScript Library...

jQuery


Anomaly detection in time series data with ChatGPT

The problem is simple to state, but in reality, and especially at scale, it's pretty difficult to do. For the example I'm using throughou...

JavaScript Kicks


JavaScript

How to use the Fullscreen API in JavaScript

How do you run a game created for the web in fullscreen? In this quick tutorial, you'll see how to display a game or any other HTML eleme...

Hunor Márton Borbély


How to Access Properties from an Array of Objects in JavaScript

When you're working with JavaScript applications, it's common to work with arrays, nested arrays, and an array of objects. But a lot of b...

Jessica Wilkins


JavaScript Iterables vs Iterators

Discover JavaScript iterables & iterators for efficient data handling, enhancing code readability & performance. Master these concepts fo...

Bit


JavaScript SOLID Principles: How to Write Maintainable Code

SOLID principles are a set of software designs introduced by Robert C. “Uncle Bob” Martin. These principles guide developers in building ...

Syncfusion


JavaScript Map Method - Syntax and Code Examples

JavaScript's map method, introduced in ECMAScript 5, is a fundamental tool for array manipulation and transformation. This method is vers...

JavaScript Kicks


How to Use the Greater Than and Less Than Operators in JavaScript

In your JavaScript programs, you'll often need to compare two values to see if one is greater than or less than the other. This is where ...

Jessica Wilkins


Take Your JavaScript Skills to the Next Level with Closure Scope

JavaScript closures allow enclosing scopes to persist variables even after execution contexts expire. This lexical scope retention unlock...

JavaScript Kicks


JavaScript Proxies and How Useful They Can Be

JavaScript contains many features and paradigms that most developers never use. I'm going to argue that Proxy is one of them. Let's see h...

In Plain English


TypeScript

My experience learning Rust as a TypeScript developer

Like many developers, I began my career in programming by focusing on web technologies. I believe this is a great place to start and Java...

Bret Cameron


Generating Licence Keys with TypeScript - I Like Kill Nerds

I'm always looking for fun little coding challenges that are not full projects, and I thought I would do a fun little licence key generat...

Dwayne Charrington


Angular

Understanding Dependency Injection and Services in Angular

Building complex, modular Angular applications requires a solid understanding of dependency injection (DI) and services. These cornerston...

Bit


Getting Started with an Angular App in 2024

Build a composable Angular application in 2024 with Bit to break free from the giant frontend monolith to ensure your apps scale well and...

Bit


Understanding the Basics of Angular

Angular is a platform and framework for building single-page client applications using HTML and TypeScript. It provides developers with t...

In Plain English


The Essential Difference Between Constructor and ngOnInit in Angular

When working with Angular, you may have come across the terms "Constructor" and "ngOnInit." While they both play important roles in the c...

JavaScript Kicks


React

React Trends in 2024

React Trends in 2024 which should be on your watchlist. A walkthrough of the state of React ......

Robin Wieruch


Application Shell for React Micro Frontends

An application shell is the "container" that integrates micro frontends together. It provides the layout, navigation, global state, and o...

Bit


Extensive React Boilerplate to kickstart a new frontend project

How much time do we typically spend on project setup? We're talking about configuring installed libraries and writing boilerplate code to...

JavaScript Kicks


10 React Best Practises I've Learned From Code Reviews

Learn about component modularity, single responsibility principle, avoiding unnecessary re-renders, utilizing prop types and TypeScript, ...

Bit


Launch a React App in a Docker Environment

This article will walk you through the process of launching a React app that utilizes Syncfusion React components in a Docker environment....

Syncfusion


Building a Reusable Infinite Scroll Component With React

How To Build A Reusable Infinite Scroll Component In React?...

Bit


React Compound Components: A Modern Guide to Simplifying Complex UIs

React compound components have significantly shaped the landscape of front-end development since React's introduction in 2013. Emerging o...

Frontend Weekly


Vue

Vue Cheatsheet: Your Comprehensive Vue.js Companion 📗

An interactive cheatsheet of Vue, Vue Router, and Pinia. 🎊 The only Vue CheatSheet you will ever need whether you are using Vue, Vue Rou...

JavaScript Kicks


Getting Started with a Vue.js App in 2024

Build a composable Vue.js application with automated CI/CD based deployments to Netlify...

Bit


Node.js

How To Install Node.js And NPM On Windows and Mac

Installing NODEJS and NPM can be a challenging task without the proper guide and steps to achieve but that narrative changes once you are...

In Plain English


Libraries and Tools

Top 8 JavaScript Libraries for Data Visualization in 2023

Data visualization is a crucial part of modern web applications. With various visualization techniques, everyone tries to make their appl...

Syncfusion


6 Free Libraries to Create Tooltips in JavaScript

A tooltip is a little pop-up text window that appears when a user moves the pointer over a UI element. Tooltips allow users to view more ...

Syncfusion


Testing

Test Native `fetch` in Node.js with Undici interception and mock utils · Code with Hugo

Node.js 18+ has a built-in fetch available, where prior versions had to use libraries such a node-fetch , axios ,...

Hugo Di Francesco


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 Mar 6, 2024

Wednesday, March 6, 2024

JSK Daily for Mar 6, 2024 View this email in your browser A community curated daily e-mail of JavaScript news The End Of My Gatsby Journey "Gatsby headaches"](https://www.smashingmagazine.com

JSK Daily for Mar 5, 2024

Tuesday, March 5, 2024

JSK Daily for Mar 5, 2024 View this email in your browser A community curated daily e-mail of JavaScript news Top 8 JavaScript Libraries for Data Visualization in 2023 Data visualization is a crucial

JSK Daily for Mar 4, 2024

Monday, March 4, 2024

JSK Daily for Mar 4, 2024 View this email in your browser A community curated daily e-mail of JavaScript news Top 8 JavaScript Libraries for Data Visualization in 2023 Data visualization is a crucial

JSK Daily for Feb 26, 2024

Monday, February 26, 2024

JSK Daily for Feb 26, 2024 View this email in your browser A community curated daily e-mail of JavaScript news How To Install Node.js And NPM On Windows and Mac Installing NODEJS and NPM can be a

JSK Daily for Feb 21, 2024

Wednesday, February 21, 2024

JSK Daily for Feb 21, 2024 View this email in your browser A community curated daily e-mail of JavaScript news Building a Reusable Infinite Scroll Component With React How To Build A Reusable Infinite

You Might Also Like

Tuesday Triage #200 and giveaway

Tuesday, May 14, 2024

Your weekly crème de la crème of the Internet is here! The 200th edition featuring annual subscriptions giveaway, thoughts on nearly four years of ... ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌

🎮 How AI Tools Are Changing Game Development — Grab a Pixel 8a Instead of Waiting for Pixel 9

Tuesday, May 14, 2024

Also: Sharing Your Google Maps Trip Progress, and More! How-To Geek Logo May 14, 2024 Did You Know In a bid to keep the ingredients secret, WD-40 was never patented. 🤖 The New GPT It's Tuesday!

Meta shuts down Workplace

Tuesday, May 14, 2024

Plus: Everything that happened at Google I/O and AWS CEO steps down View this email online in your browser By Christine Hall Tuesday, May 14, 2024 Hello, and welcome back to TechCrunch PM. The team

Flattening Lists of Lists, Python 3.13, Sets, and More

Tuesday, May 14, 2024

Flattening a List of Lists in Python #629 – MAY 14, 2024 VIEW IN BROWSER The PyCoder's Weekly Logo Flattening a List of Lists in Python In this video course, you'll learn how to flatten a list

Daily Coding Problem: Problem #1441 [Easy]

Tuesday, May 14, 2024

Daily Coding Problem Good morning! Here's your coding interview problem for today. This problem was asked by Google. UTF-8 is a character encoding that maps each symbol to one, two, three, or four

Noonification: 3 Quick Ways to Optimize RecyclerView

Tuesday, May 14, 2024

Top Tech Content sent at Noon! Get Algolia: AI Search that understands How are you, @newsletterest1? 🪐 What's happening in tech today, May 14, 2024? The HackerNoon Newsletter brings the HackerNoon

Using 97 fewer cores thanks to PGO

Tuesday, May 14, 2024

Plus an HNSW indexed vector store library, a new Go game hits the Steam store, and is 'ok' ok?. | #​507 — May 14, 2024 Unsub | Web Version Together with Stytch logo Go Weekly Reclaiming CPU for

Ranked | The Top 6 Economies by Share of Global GDP (1980-2024) 📈

Tuesday, May 14, 2024

Gain a unique perspective on the world's economic order from this graphic showing percentage share of global GDP over time. View Online | Subscribe Presented by: Data that drives the

Free online event this Thursday: Getting ahead with time series data

Tuesday, May 14, 2024

Free Online Event Do you know how your competitors use time series data to get ahead? Join us on Thursday, May 16 at 10am PT/1pm ET for a free, hour-long online fireside chat called “Unleash the Full

Here's the deal

Tuesday, May 14, 2024

We wanted you to be among the first to know about our plans to relaunch the Gigantic training courses that Product Collective now powers! Here's the deal: From May 20th - May 31st, anybody that