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

📧 Working with LLMs in .NET using Microsoft.Extensions.AI

Saturday, January 11, 2025

​ Working with LLMs in .NET using Microsoft․Extensions․AI Read on: m​y website / Read time: 6 minutes The .NET Weekly is brought to you by: ​Transform your database performance with RavenDB​:

iOS Dev Weekly – Issue 694

Friday, January 10, 2025

Hopefully you won't see that much difference with receiving this issue, but it's ALL CHANGED behind the scenes! 😱 ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌

Daily Coding Problem: Problem #1664 [Easy]

Friday, January 10, 2025

Daily Coding Problem Good morning! Here's your coding interview problem for today. This problem was asked by Twitter. A permutation can be specified by an array P , where P[i] represents the

Spyglass Dispatch: The Case for a For-Profit OpenAI

Friday, January 10, 2025

RIP Venu • A More Political and Real Time Threads • An OpenAI Auction • Apple's Tough 2025 The Spyglass Dispatch is a newsletter sent on weekdays featuring links and commentary on timely topics

⌨️ 10 Mods to Improve Your Mechanical Keyboard — How to Set Up Quick Share on Windows

Friday, January 10, 2025

Also: Why Are Tech Companies Trying to Sell Me Expensive Clocks? How-To Geek Logo January 10, 2025 Did You Know Famed biologist Charles Darwin and US President Abraham Lincoln were born on the same day

Your best friends in design

Friday, January 10, 2025

​ Working With Designers Product manager & UX designer collaboration guide. How members of your product team work together is just as important as the work itself. A fundamental relationship within

Charted | How Canada Would Rank as the 51st State 📊

Friday, January 10, 2025

Donald Trump has floated the idea that Canada should be the 51st state. Here's how it compares statistically. View Online | Subscribe | Download Our App Presented by: Global X ETFs Power AI's

Pinpointing The Actual Problem 🎯

Friday, January 10, 2025

WordPress accidentally diagnoses its own business problem. Here's a version for your browser. Hunting for the end of the long tail • January 10, 2025 Pinpointing The Actual Problem A blog post from

😱Major Azure Outage in EastUS2, 🚀New AI and Azure Developer CLI Courses, azureedge.net DNS retiring

Friday, January 10, 2025

͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏

iOS Cocoa Treats

Friday, January 10, 2025

View in browser Hello, you're reading Infinum iOS Cocoa Treats, bringing you the latest iOS related news straight to your inbox every week. Adopting Swift 6 across the app codebase I've been