JSK Weekly - 20 September , 2023

Modern app development no longer relies on monolith apps to build great software. Developers have started moving away from a monolithic setup and adopting a pattern called composable architecture.

In a nutshell, a composable architecture is where you think and design your application as tiny pieces, called components, that combine to create one whole app you serve to your users. It’s similar to a MACH architecture, and has several advantages. Check out "Modern Frontend CI in 2023: A Complete Guide" on Bits and Pieces for all the details.


Other popular stories include "JavaScript exercises", "Mastering React Query: A Comprehensive Guide" and "Shadow DOM Implementation in Javascript".


Jamstack ZHUZH: a Roundtable Discussion on the future of the Jamstack Community

A post by Zach Leatherman (zachleat)

Authored by: Zach Leatherman

From JS to TS

I really enjoy using JavaScript for so many reasons: speed of development, ease of use, versatility, popularity, powerful frameworks, programming features, etc. Despite JavaScript being a popular...

Authored by: In Plain English

RedwoodJS with Tom Preston-Werner on Web Rush #251

Tom Preston-Werner is back on the show to update us on what's been happening with RedwoodJS, what RedwoodJS is, how they evaluate which technology to integrate into RedwoodJS, how RedwoodJS goes further than NextJS, thinking about startups at scale, and maintaining software for the long term.

Authored by: John Papa

The Definitive Guide to Next.js Server and Client Components: What Every Developer Needs to Know

Hey there, fellow tech enthusiasts! Today, we're diving deep into the world of Next.js, specifically focusing on server and client components. Now, you might be wondering, "Why should I care about...

Authored by: Emre Turan

Modern Frontend CI in 2023: A Complete Guide

Modern app development no longer relies on monolith apps to build great software. Developers have started moving away from a monolithic setup and adopting a pattern called composable architecture. In...

Authored by: Bit


Shadow DOM Implementation in Javascript

Shadow DOM allows hidden DOM trees to be attached to elements in the regular DOM tree - this shadow DOM tree starts with a shadow root, underneath which you can attach any element, in the same way as...

Authored by: Frontend Weekly

JavaScript exercises

Test your knowledge and improve your JavaScript level with bite-sized, tested and vetted exercises. 100+ exercises (free and paid) to practice randomly. Regrouped in quizzes or by theme (basics, object-oriented, promises). -25% for a very limited time.

Authored by: Mister DA

Write your own progress indicator with vanilla JavaScript

Write your own progress indicator with vanilla JavaScript / Many moons ago, I was writing a lot of Flash applications. One thing was typical, and that was a progress indication of something that we were downloading. The loaded bytes of the Flash file (.swf) itself and later of some other resource the application needs.

Authored by: Krasimir Tsonev

How to Do Deep Clone of Objects in JavaScript

It is a widespread requirement in programming that you as a software engineer, at some point need to clone the object deep. Whenever we are copying an object to another object, that copying happens...

Authored by: Amrish Kushwaha


Type War (what is good for?) (JS Party #292)

Love it or hate it, TypeScript is here to stay for the foreseeable future. But, what happens when widely adopted packages go completely Type free or remove TypeScript in favor of JS with type annotations? Join us to unpack these recent events with Rich Harris, creator of Svelte, as he walks us through the nuanced deci...

Authored by: JS Party

6 TypeScript Features I Can't Live Without After Using Them!

Today, I'll introduce some of the newer features and developments in TypeScript that I frequently use in my day-to-day work. In TypeScript, you can directly define properties through constructor...

Authored by: Maxwell


5 Essential Kendo UI for Angular Components You Need to Know

The Kendo UI for Angular components library contains over 120 native components, including controls, navigation, layout tools, and complex data grids. Top five Kendo UI components users love for avoiding learning and development time.

Authored by: Codrops


Sharing codebase between React and React Native

React is one of the most extensive JavaScript libraries for building user interfaces provided by Facebook. The React-Native framework lets you build native mobile apps with the same design as React...

Authored by: nairihar | Tech Writer 🇫🇮🇦🇲

Mastering State Management in React with Recoil: Advanced Techniques for Efficient and Scalable...

State management is a crucial aspect of building modern web applications, especially those powered by React. While Redux and Context API have been popular choices for managing state, Recoil has...

Authored by: Frontend Weekly

Mastering React Query: A Comprehensive Guide

Its primary mission: To streamline the management of server-state, thus simplifying the processes of data fetching, caching, and state management. In this exhaustive article, we'll go over React...

Authored by: FardaKarim


How to Publish Vue Components: The Right Way

Publishing Vue components can sometimes be a challenging task, especially when it comes to managing dependencies, documentation, and versioning. In this article, we will explore how Bit, a powerful...

Authored by: Bit

The Vue.js 2 Learning Advice Sequence, A Must-See for Beginners

Starting today, I plan to write a series on how to gradually grow from a Vue.js beginner to an expert. It will be collected in my "Vue.js Base Knowledge" library. If you're interested, please feel...

Authored by: JavaScript Kicks


ChatGPT vs. Bard vs. Bing: Who aces the React test?

ChatGPT, Bard, and Bing are generative Artificial Intelligence chatbots, which on top of engaging in human-like conversations, can also serve as expert systems. ChatGPT uses OpenAI's Large Language...

Authored by: JavaScript Kicks

Functional Programming

Every Class in NestJS and Its Functionalities

NestJS is a huge framework built on top of TypeScript, JavaScript also uses Express or Fasitfy as an underlying mechanism to route requests. It uses decorator-based syntax and the concept in NestJS...

Authored by: In Plain English