JSK Weekly - November 16, 2022

When it comes to tech, primitive is not really a word we come across often. Did you know though, that JavaScript allows us to work with primitives? Check out Roman Melnik's "How Methods of Primitive Data Types Work in JavaScript".

Other poplar stories this week include Joel Olawanle's "JS Copy an Object – How to Clone an Obj in JavaScript", Caner Karaman's "React Native — Under The Hood | What is Renderer?" and Kavindu Gunathilake's "Vue Composition API vs. React Hooks" on Syncfusion.


General

What is the Jamstack? Tutorial for Beginners

You may have heard the term Jamstack and have been wondering what it means. Well, the Jamstack is nothing more than a modern way of building web applications. Jamstack takes advantage of existing technologies - which we'll discuss in a minute. The result is better performance, improved security, and

Authored by: D.M. Oladele⚡️⚡️

Composable vs. Modular frontends and how they work together

Defining Modular frontend architecture Defining Composable frontends Explaining how they work together Composable frontends can save companies in an order of magnitude by using no-code tools For developers - whether working alone or within an enterprise - deciding to use a monolith or smaller, modular frontends is a solid starting point when building a web application or website.

Authored by: Rich Kurtzman

Vue Composition API vs. React Hooks

React Hooks were introduced with the React 16.8 update, and since then, they have become a necessity for single-page applications. They are a function type that allows you to hook into React state and lifecycle methods.

Authored by: Syncfusion


JavaScript

What is Recursion in JavaScript?

Recursion is a problem-solving technique in programming. In this article, you will learn how to use recursive functions in JavaScript. What is a Recursive Function? A recursive function is a function that calls itself somewhere within the body of the function. Below is a basic example of a recursive function.

Authored by: Benjamin Semah

How to Declare an Array in JavaScript - Creating an Array in JS

In JavaScript, an array is one of the most commonly used data types. It stores multiple values and elements in one variable. These values can be of any data type - meaning you can store a string, number, boolean, and other data types in one variable. There are two standard

Authored by: Joel 🦸‍♀️

How to Implement Linked List in JavaScript

In this article, we will be seeing how to implement linked lists in javascript and various operations of it. Note: I have chosen Javascript language (my favorite) to implement it, language is just a medium here, we can implement it in any programming language. The key Idea is the underlying algorithm will always remain the same.

Authored by: ajay

How to Convert CSV to JSON in JavaScript

You can the csvtojson library to quickly convert CSV to JSON in JavaScript: import csvToJson from 'csvtojson'; const csvFilePath = 'data.csv'; const json = await csvToJson().fromFile(csvFilePath);console.log(json); For a data.csv file like this: color,maxSpeed,age"red",120,2"blue",100,3"green",130,2 This will be the resulting JSON: Before using csvtojson, you'll need to install it in our project.

Authored by: Coding Beauty

How Methods of Primitive Data Types Work in JavaScript

JavaScript allows us to work with primitives. In this article, we will try to understand how methods appear on primitive values. There are 7 primitive types null, undefined, number, string, boolean, symbol, bigInt.

Authored by: JavaScript In Plain English

Why Does JavaScript Have Both Null and Undefined?

Most programming languages have a single value to indicate the absence of something, which is often called null and is used to represent a variable that has no value associated with it. But JavaScript is different.

Authored by: JavaScript In Plain English

Creating Color Gradients for Heat Maps with Vanilla JavaScript

When creating heat maps, we need to assign particular colors within a given gradient to the numerical values they represent. For instance, if we want to display the average temperature of a region, we might use a color gradient ranging from blue (very cold) to red (very hot) and assign particular shades on the blue-to-red spectrum to areas on the map based on their average temperature.

Authored by: JavaScript In Plain English


TypeScript

Type Aliases vs Interfaces in TypeScript - Upmostly

TypeScript gives us a handful of tools to ensure the best developer experience and application-level sustainability; two of these tools are Type Aliases and Interfaces. We've previously written articles on both of these ways of defining new named types; if you haven't already checked those articles out, be sure to use the links below: Afreadingread the articles, you might ask yourself: "What even is the difference between the two?

Authored by: Upmostly

One Article to Understand TypeScript Object Oriented

In the previous article, we introduced the definition of functions, classes and inheritance in TypeScript. In this article, we continue to introduce the definition of static properties, static methods, polymorphism, abstract classes, and interfaces in TypeScript with some simple and easy-to-understand examples. The static keyword is used to modify static properties and static methods in TypeScript.

Authored by: Maxwell


React

Create Cursor Animation in React with Framer Motion

A cursor in a web page is very important and always does it job. But have you ever tried to create an animation for it ? As a gaming enthusiast, I love animations effects, so I tried to add some...

Authored by: Bit

How to use Context api in React

What is context ? In laymen term, Context means " the situation in which something happens or that caused something to happen ". Significance of context in React As per above definition, React Context will provide an encapsulation where in alteration of a variable happens and we access the same variable within the same context.

Authored by: JavaScript In Plain English

What's New in React.js v18: New Toys, New Footguns, & New Possibilities.

React 18 (18.2.0, at the time of writing), though, takes giant steps towards bridging this gap, with many new features out-of-the-box such as Concurrent Rendering, Transitions, and Suspense; with a bunch of Quality-of-life changes sprinkled on top. The tradeoff? More "magical" abstractions.

Authored by: Bit


Functional Programming

React Context API: Introduction and How to Use in the Functional Component

React context API stores data in a parent component and allows you to share it with any component that needs it by avoiding prop drilling and making your code clean. It is also a lighter approach to state management, unlike Redux.

Authored by: Rajesh Bhattarai

What's so great about functional programming anyway?

To hear some people talk about functional programming, you'd think they'd joined some kind of cult. They prattle on about how it's changed the way they think about code. They'll extol the benefits of purity, at length. And proclaim that they are now able to "reason about their code"-as if all other code is irrational and incomprehensible.

Authored by: James Sinclair





0 comments