JSK Weekly - 7th August, 2024

If you're learning JavaScript, you may have heard the terms reactivity or signals. But perhaps you haven't gotten to use them in practice yet. If so – or if you just want to learn more about these concepts – you're in the right place.

If you want to learn what reactivity means, what signals are, and then build your own implementation of Signals from scratch, check out "Learn JavaScript Reactivity: How to Build Signals from Scratch".

<p>

Other popular stories include "Easily Craft Interactive Digital Logic Circuit Diagrams in JavaScript" on Syncfusion, "Second Beta of jQuery 4.0.0" and "TypeScript 5.6 Is a Game-Changer - I Like Kill Nerds".


General

Second Beta of jQuery 4.0.0

jQuery: The Write Less, Do More, JavaScript Library

Authored by: jQuery

How to Use Server-Side Rendering in Next.js Apps for Better SEO

Server-side rendering (SSR) is a web development technique that can help improve your site's SEO. It does this by generating HTML content on the server in response to a user's request. This approach contrasts with client-side rendering (CSR), where content is delivered as a basic HTML shell, and JavaScript

Authored by: joan ayebola

How to Optimize Next.js App Performance With Lazy Loading

People don't like using slow applications. And the initial load time matters a lot for web applications and websites. An application that takes more than 3 seconds to load is considered slow and may cause users to leave the application or website. Next.js is a React-based framework you can

Authored by: Tapas Adhikary

Data Fetching with Server Actions in Next.js

Can I fetch data with Server Actions in Next.js? There are different ways to fetch data. Normally Server Actions are used to mutate data, but ...

Authored by: Robin Wieruch

An "x-input" Property Binding Directive In Alpine.js

Ben Nadel creates an x-input directive in Alpine.js which allows outer component properties to be bound to inner component properties.

Authored by: Ben Nadel

Going flat with ESLint with (Josh Goldberg) { (JS Party #332)

Josh Goldberg joins Nick & Chris to discuss the latest updates from ESLint, typescript-eslint & the new flat config format. They also discuss creating reusable configs & project generators before pivoting to talk about a new conference focused on developer tooling. Finally, Chris & Josh talk about the past, present & f...

Authored by: JS Party

Advancing PDF Handling with Standalone Essential JS 2 PDF Viewer

We at Syncfusion are thrilled to bring you into an exciting phase in PDF viewing! We proudly present an innovative control in our 2023 Volume 3 release—the standalone Essential JS 2 PDF Viewer.

Authored by: Syncfusion

Top 5 Charting Plugins for Next.js: Visualizing Data with Style

In the world of modern web development, the ability to present data clearly and attractively is crucial. Whether you're creating business dashboards, interactive financial reports, or simply want to...

Authored by: In Plain English

Eleventy v3.0.0-beta.1 is now available!

A post by Zach Leatherman (zachleat)

Authored by: Zach Leatherman


JavaScript

Highlighting Dynamic Parts Of A Pretty-Printed JSON Value In JavaScrip

Ben Nadel demonstrates how he highlighted the dynamic parts of a pretty-printed JSON value in JavaScript.

Authored by: Ben Nadel

Learn JavaScript Reactivity: How to Build Signals from Scratch

If you're learning JavaScript, you may have heard the terms reactivity or signals. But perhaps you haven't gotten to use them in practice yet. If so - or if you just want to learn more about these concepts - you're in the right place. In this article, you'll learn

Authored by: JavaScript Kicks

undefined vs not defined in JavaScript

JavaScript is the most loved language in the world, but beginners often make mistake of starting without learning some important and basic concepts of JavaScript, but don't worry we will learn some...

Authored by: Frontend Weekly

Practice Your HTML, CSS, and JavaScript Skills in Spanish by Building 3 Projects

Building projects is very important for learning how to code. When you create a project, you expand your portfolio and learn how to apply your skills to new situations. We just published a 2-hour course on the freeCodeCamp.org Spanish YouTube channel...

Authored by: Estefania Cassingena Navone

The Perils of Premature Optimization in JavaScript: Why Rushing to Optimise Can Hurt Your Code - I Like Kill Nerds

Look, we've all been there. You're knee-deep in JavaScript code and suddenly have this brilliant idea: "If I just tweak this bit here, surely it'll run faster!" Before you know it, you're down a rabbit hole of micro-optimisations, convinced you're crafting the most efficient code known to humankind.

Authored by: Dwayne Charrington

JavaScript Application Size Shouldn't Affect Performance

Ben Nadel deconstructs the argument that the size of a JavaScript application affects the overall performance of said application.

Authored by: Ben Nadel

Easily Craft Interactive Digital Logic Circuit Diagrams in JavaScript

A well-crafted digital logic circuit diagram can help simplify and optimize a complex digital logic system. It provides clear visual representation, facilitates effective communication, and offers precise instructions for constructing a high-quality digital logic circuit.

Authored by: Syncfusion


TypeScript

TypeScript 5.6 Is a Game-Changer - I Like Kill Nerds

The TypeScript team has unveiled the beta version of TypeScript 5.6, and it's brimming with features designed to make our lives easier. Catching Logical Errors Early: Disallowed Nullish and Truthy Checks One of the standout features in TypeScript 5.6 is the stricter handling of nullish and truthy checks.

Authored by: Dwayne Charrington


React

How to Build Synchronized Charts in React for Trade Analysis

This blog provides show notes for our November 16, 2023, webinar, “How to Build Synchronized Charts in React for Trade Analysis.” The webinar was presented and hosted by Subaashini Pushparaju, a product manager at Syncfusion. If you missed it or would like to watch it again, you may do so on our YouTube channel or following.

Authored by: Syncfusion


Node.js

Improved error messaging for require(ESM) in Node.js

A post by Zach Leatherman (zachleat)

Authored by: Zach Leatherman





0 comments