JSK Weekly - May 24, 2023

In the fast-paced world of modern web development, building complex applications that can scale effectively has become a top priority. To achieve this, developers have turned to micro frontends, an approach that allows for the creation of smaller, independent user interfaces that can be combined to form a cohesive whole. Check out Fernando Doglio's "Micro Frontends in React: A Practical Guide" where he shows how you can implement micro frontends in React using Bit reusable components.

Other popular stories this week includes "Introducing the New Vue Skeleton Component" on Syncfusion, "JavaScript – Update HTML Code" by Chris West and "Master React Ref: A Handbook for React Developers" on Bits and Pieces.


Overcoming Domain-Driven Design Implementation Challenges with Components

Domain-Driven Design (DDD) is a software development approach that emphasizes understanding the business domain and modeling it in software. However, implementing DDD can be challenging, especially for software teams that are used to working with monolithic architectures or struggle to align organizational and technical boundaries - let's not kid each other, not every company works the same on paper and in practice.

Authored by: Bit

Comparing Next.js, Astro, and Remix: Navigating the Front-end Framework Landscape

Delve into the core strengths, unique offerings, and potential challenges of Next.js, Astro, and Remix, to decide which to use for your next project.

Authored by: Bit

Next.js 13.4 is finally here and it's awesome!

This past week, the Vercel team posted a major announcement on their blog about the release of Next.js 13.4. To provide more context about why this is such an important release, we need to understand how the Vercel team handles releases to the public.

Authored by: Ryan C. Collins

Quickstart to Node's Crypto Module for Encryption/Decryption

Encryption operations can be tricky, so much that paid encryption-as-a-service companies exist just to ensure that cryptographic operations are implemented correctly in codebases. The good news is that, with some little learning, you can make do with proper encryption for free with Node's built-in crypto module.

Authored by: Bit


Mastering Javascript Design Pattern - Module

Have you ever found yourself lost in a sea of JavaScript code, struggling to find where a particular function is defined, or trying to figure out how different parts of the code are related? If so, you're not alone.

Authored by: Bit

3 Lesser Used JavaScript Syntax Tips to Boost Your Skills

Level up your coding with syntax that separates experienced developers from beginners. Here are some tips for when you're ready to level up from beginner status, in your JavaScript journey. These techniques will help you write more concise code, more quickly. The spread operating is three periods '...'

Authored by: devwanderer

JavaScript - Update HTML Code

Have you ever used JSBin or CodePen and wondered how you can accomplish something like they do on those sites?

Authored by: JavaScript Kicks

JavaScript data types, weakness is a state of mind!

JavaScript is considered a weak typed but fast language that offers a set of primitive types (String, Number, Boolean, undefined, Symbol, BigInt) in its host environment, to handle data in our applications, along with some wrappers to manipulate it.

Authored by: David Moreno

JavaScript is still valuable for front-end development

The majority of the interactive and dynamic aspects of contemporary web applications are powered by JavaScript, which has been the foundation of frontend development for more than 20 years. JavaScript continues to be a dominant force in frontend development despite the rise of new programming languages and frameworks, and it is still worthwhile to learn and use it for frontend development today.

Authored by: Thamarai Kannan

Top Tools for JavaScript Developers in 2023

Best tools for JS devs. 1. Helios. 2. Bit. 3. Express.js. 4. Cypress + Playwright. 5. React. 6. Angular. 7. ESLint. 8. ...

Authored by: JavaScript In Plain English

Can you find the bug? JavaScript security vulnerabilities course

In a world where cybersecurity threats are more prevalent than ever, understanding how to safeguard your web applications is of paramount importance. We just published a course on the freeCodeCamp.org YouTube channel that will help you learn common JavaScript security vulnerabilities and how to prevent them. Brandon teaches this course.

Authored by: Beau Carnes

How to Create an Interactive Heatmap Using JavaScript

Data visualization is a powerful tool that helps us make sense of complex data. With it, we can spot patterns and trends that might take much more time to become obvious just by looking at raw numbers. One particularly useful chart type is the heatmap, and I'm excited to

Authored by: Visual Scribbler


How to parse VIN numbers using TypeScript - I Like Kill Nerds

In this blog post, we'll create a simple TypeScript module for parsing Vehicle Identification Numbers (VINs). VIN is a unique 17-character code the automotive industry uses to identify individual vehicles. To get started, we'll need to install TypeScript and Jest: Next, configure Jest to work with TypeScript by creating a jest.config.js file: Now, let's write [...]

Authored by: Dwayne Charrington

5 Essential Tips for Professional TypeScript Development

TypeScript has gained significant popularity among developers for its ability to bring strong typing and improved tooling to JavaScript projects. If you are looking to utilize TypeScript as a...

Authored by: Accateo 👨‍💻🤖


Top 7 Features of Angular 14

Angular 14 was one of the most anticipated updates to the enormously popular platform. It was released in June 2022, and many important and useful features were included. This article explains the top seven features of Angular 14 that every developer should know.

Authored by: Syncfusion


Master React Ref: A Handbook for React Developers

Refs are a powerful feature in React that allows you to access and manipulate DOM elements or store mutable values. In this article, we will explore the concept of refs in React and provide you with a detailed understanding of how to use them effectively in your applications.

Authored by: Bit

Micro Frontends in React: A Practical Guide

In the fast-paced world of modern web development, building complex applications that can scale effectively has become a top priority. To achieve this, developers have turned to micro frontends, an approach that allows for the creation of smaller, independent user interfaces that can be combined to form a cohesive whole.

Authored by: Fernando Doglio

Powering Your React Application with Apollo Client

Building React applications that interact with GraphQL APIs can significantly simplify with Apollo Client. This feature-rich library enables effortless GraphQL query management, ensures automatic UI updates, and comes packed with handy tools. Let's delve deeper into how we can harness the power of Apollo Client within a React application.

Authored by: Bit


Introducing the New Vue Skeleton Component

The Syncfusion Vue UI component library is the only suite that you will ever need to build an application because it contains over 70 high-performance, lightweight, modular, and responsive UI components in a single package.

Authored by: Syncfusion