JSK Weekly - 17th July, 2024

In the dynamic world of JavaScript, understanding the intricacies of scope, closures, and hoisting is fundamental for mastering the language and building robust applications. These concepts, though often misunderstood, play a crucial role in determining how variables and functions behave within the code.

Scope dictates the accessibility of variables, closures enable powerful programming patterns, and hoisting can lead to unexpected results if not understood properly. Check out "Scope, Closures, and Hoisting in JavaScript – Explained with Code Examples" for more.

<p>

Other popular articles include "Maximizing Angular Charts Performance with Lazy Loading" on Syncfusion, "Ecma International approves ECMAScript 2024: What’s new?" and "Creating an Animated Displaced Sphere with a Custom Three.js Material"


General

Ecma International approves ECMAScript 2024: What's new?

On 26 June 2024, the 127th Ecma General Assembly approved the ECMAScript 2024 language specification, which means that it's officially a standard now. This blog post explains what's new.

Authored by: Axel Rauschmayer

How To Pick Cypress Plugins You Can Trust

Recently a Cypress user asked a good question: One of Cypress's powerful features is its support of plugins and there are many really powerful ones, but it also raises some concerns about risks o

Authored by: Gleb Bahmutov

Release Notes for Safari Technology Preview 198

Safari Technology Preview Release 198 is now available for download for macOS Sequoia beta and macOS Sonoma.

Authored by: WebKit

Creating an Animated Displaced Sphere with a Custom Three.js Material

Learn how to create an animated, displaced sphere using custom shaders with Three.js and React Three Fiber.

Authored by: Codrops

Top Frontend Frameworks for Web Development

Struggling to pick the perfect Frontend framework for web development? Here's a detailed guide to help you choose the best framework for your project.

Authored by: Frontend Weekly


JavaScript

Scope, Closures, and Hoisting in JavaScript - Explained with Code Examples

In the dynamic world of JavaScript, understanding the intricacies of scope, closures, and hoisting is fundamental for mastering the language and building robust applications. These concepts, though often misunderstood, play a crucial role in determining how variables and functions behave within the code. Scope dictates the accessibility of variables, closures

Authored by: JavaScript Kicks

JavaScript GameDev with Kaboom.js

Creating a game can be one of the most rewarding experiences in programming, and building a Metroidvania-style game takes that excitement to another level. These games are known for their intricate maps, challenging enemies, and complex mechanics tha...

Authored by: freeCodeCamp.org

Unlocking the Magic of the Spread Operator in JavaScript

Imagine you're in a relay race, and your team has been practicing tirelessly. The baton, a symbol of your collective effort, is passed seamlessly from one runner to the next. The race is about...

Authored by: JavaScript Kicks

Learn Asynchronous JavaScript

Asynchronous programming is a critical skill in modern JavaScript development, enabling developers to create more efficient and responsive applications. Whether you're a seasoned developer looking to brush up on your skills or a beginner eager to lea...

Authored by: freeCodeCamp.org

How to Improve Your JavaScript Code with Powerful Build Tool Configs

I have been a frontend developer for over 6 years now, mostly working with Javascript, TypeScript, and React. When stepping into the world of the front end, the number of libraries and build tools available can be overwhelming - especially since each has its own configuration options. At first these

Authored by: keyur paralkar


Angular

Easily Build an Interactive BPMN Viewer and Editor in Angular

A business process model and notation (BPMN) diagram is used to visually represent a complex business process in a form like a flowchart, making it easier to understand for anyone not directly involved with the process.

Authored by: Syncfusion

Maximizing Angular Charts Performance with Lazy Loading

The Syncfusion Angular Charts component is a powerful tool for visualizing and presenting data. While charts are a great way to display information, they can become sluggish and difficult to manage when dealing with extensive data sets. This is where the lazy loading features come into play.

Authored by: Syncfusion

Easily Create Interactive Digital Logic Circuits in Angular

Welcome to our exploration of digital logic circuit design. In the complex world of digital logic systems, well-designed circuit diagrams are key to simplification and optimization. They offer a clear visual guide, enable effective communication, and provide detailed steps for building superior digital logic circuits.

Authored by: Syncfusion

Use this simple VS Code key binding to speed up your Angular development

One very common action taken when building an Angular application with vscode is to navigate between your component html template and typescript file. This action is so common, that I recommend...

Authored by: In Plain English


React

React Form Button

Learn how to trigger a server action with a form button without using a Client Component in React ...

Authored by: Robin Wieruch

React Summit 2024: Why Use Redux Today?

Slides and video for my talk on reasons to use Redux

Authored by: Mark Erikson

React Interview questions with Answers- Version 2

Answer: The Virtual DOM is a programming concept where a virtual representation of the UI is kept in memory and synced with the real DOM using a library like ReactDOM. Benefits include: Answer: JSX...

Authored by: Frontend Weekly





0 comments