JSK Weekly - 24th April, 2024

React 19 has introduced many great functionalities and features, among which the useOptimistic hook stands out. The useOptimistic hook offers a seamless way to manage UI states during asynchronous operations, allowing for the immediate reflection of a desired state in the UI, even before such operations are completed. Neha Bhargava explored this feature by implementing a small chat application. Check out "Exploring React 19: The Power of useOptimistic hook for Instant UI Feedback" for the essence of how useOptimistic works in practice.

Other popular stories include "React useState Vs. Context API: When to Use Them" on Syncfusion, "Upgrading jQuery: Working Towards a Healthy Web" and "What is Dead Zone in JavaScript?".


Upgrading jQuery: Working Towards a Healthy Web

jQuery: The Write Less, Do More, JavaScript Library

Authored by: jQuery

Exploring Server Actions with Next.js

Learn how to use Server Actions in Next.js in React Server Components to create a full-stack application ...

Authored by: Robin Wieruch

HTMX Is So Cool I Rolled My Own! - David Bushell - Freelance Web Design (UK)

The one where I reject JavaScript UI libraries

Authored by: David Bushell

Bad Abstractions Could Be Ruining Your Code

The code is easy to read and it runs fine - and no, the problem isn't that it's written in JavaScript! The issue is that in a large codebase words like delete, edit and save are likely to appear...

Authored by: Bret Cameron


How to Use S-expressions in JavaScript

S-expressions are the base of the Lisp family of programming languages. In this article, I will show you how to create a simple S-expression parser step by step. This can be a base for the Lisp parser. Lisp is the easiest language for implementation, and creating a parser is

Authored by: Jakub T. Jankiewicz

Interviewer: Guess the output of these 3 JavaScript Questions

We all have been into technical interview rounds for a software developer position and recently I was interviewed for one of the top tech companies in my region. The most surprising part of the...

Authored by: JavaScript Kicks

The Essential JavaScript Topics Every Frontend Developer Should Know

JavaScript stands at the core of frontend development, powering the dynamic and interactive elements of the web we've grown to rely on. From simple scripts to complex frameworks, JavaScript's...

Authored by: In Plain English

Playing With MutationObserver In JavaScript

Ben Nadel explores the MutationObserver API as a means to dynamically bind and unbind controllers in JavaScript.

Authored by: Ben Nadel


Next-Level Charting: Explore the New Angular Range Step Area Chart

Syncfusion Angular Charts is a well-crafted charting component for data visualization. It contains a rich UI gallery of 50+ charts and graphs, ranging from line to financial, that cater to all charting scenarios.

Authored by: Syncfusion


React useState Vs. Context API: When to Use Them

React has improved its state management abilities throughout its journey. With the 16.3 upgrades, the React team introduced Context API to quickly share a state across the entire application or a portion of it. On the other hand, React Hooks came as a new addition to React with version 16.8. React Context API and React useState Hook manage the state in a React application but differ in their use cases and implementations.

Authored by: Syncfusion

Top React Performance Optimization Tips

In today's fast-paced digital world, where users demand lightning-fast performance from web applications, optimizing React performance has become increasingly vital. React, renowned for its...

Authored by: Frontend Weekly

Exploring React 19: The Power of useOptimistic hook for Instant UI Feedback

React 19 has introduced many great functionalities and features, among which the useOptimistic hook stands out. The useOptimistic hook offers a seamless way to manage UI states during asynchronous...

Authored by: In Plain English


Practical Vue.js Interview Questions

Practical Vue.js Interview Questions for a middle Vue.js developer, for developing complex web applications, admin panels or other intricate systems.

Authored by: JavaScript Kicks

Streamlining Your Vue.js Workflow with Computed Properties

Vue.js has an impressive reactivity system, effortlessly keeping the view in sync with your data. But what happens when you need peak performance for complex calculations or data derived from...

Authored by: John Philip


Cypress Tests For Apps That Use Central State

Let's say you are testing an app that derives its UI from its state object. All data is stored in an object that serialized in our example to/from localStorage. public/state.js123456789101112

Authored by: Gleb Bahmutov

Functional Programming

Embracing Functional Programming: Streamlining Code with Reusability and Maintainability

In a world where complexity in software engineering is inevitable, embracing a functional programming paradigm offers a beacon of hope for developers seeking simplicity, reusability, and...

Authored by: JavaScript Kicks