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

Is there more to your iPhone?

Monday, November 25, 2024

Have you ever wondered if there's more to your iPhone than meets the eye? Maybe you've been using it for years, but certain powerful features and settings remain hidden. That's why we'

🎉 Black Friday Early Access: 50% OFF

Monday, November 25, 2024

Black Friday discount is now live! Do you want to master Clean Architecture? Only this week, access the 50% Black Friday discount. ​ Here's what's inside: 7+ hours of lessons .NET Aspire coming

Open Pull Request #59

Monday, November 25, 2024

LightRAG, anything-llm, llm, transformers.js and an Intro to monads for software devs ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

Last chance to register: SecOps made smarter

Monday, November 25, 2024

Don't miss this opportunity to learn how gen AI can transform your security workflowsㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ elastic | Search. Observe. Protect

SRE Weekly Issue #452

Monday, November 25, 2024

View on sreweekly.com A message from our sponsor, FireHydrant: Practice Makes Prepared: Why Every Minor System Hiccup Is Your Team's Secret Training Ground. https://firehydrant.com/blog/the-hidden-

Corporate Casserole 🥘

Monday, November 25, 2024

How marketing and lobbying inspired Thanksgiving traditions. Here's a version for your browser. Hunting for the end of the long tail • November 24, 2024 Hey all, Ernie here with a classic

WP Weekly 221 - Bluesky - WP Assets on CDN, Limit Font Subsets, ACF Pro Now

Monday, November 25, 2024

Read on Website WP Weekly 221 / Bluesky Have you joined Bluesky, like many other WordPress users, a new place for an online social presence? Also in this issue: CrawlWP, Asset Management Framework,

🤳🏻 We Need More High-End Small Phones — Linux Terminal Setup Tips

Sunday, November 24, 2024

Also: Why I Switched From Google Maps to Apple Maps, and More! How-To Geek Logo November 24, 2024 Did You Know Medieval moats didn't just protect castles from invaders approaching over land, but

JSK Daily for Nov 24, 2024

Sunday, November 24, 2024

JSK Daily for Nov 24, 2024 View this email in your browser A community curated daily e-mail of JavaScript news JavaScript Certification Black Friday Offer – Up to 54% Off! Certificates.dev, the trusted

OpenAI's turbulent early years - Sync #494

Sunday, November 24, 2024

Plus: Anthropic and xAI raise billions of dollars; can a fluffy robot replace a living pet; Chinese reasoning model DeepSeek R1; robot-dog runs full marathon; a $12000 surgery to change eye colour ͏ ͏