JavaScript Kicks - JSK Daily for Dec 22, 2020

This article is for anyone interested in the emerging ecosystem of tools and technologies related to Jamstack and serverless. We're going to use Fauna's GraphQL API as a serverless back-end for a Jamstack front-end built with the Redwood framework and deployed with a one-click...

CSS-Tricks

Introduction Working with arrays in JavaScript is a common activity. Sometimes we get a variable in JavaScript that we need to be an array, but we aren't sure that it is. Non-primitive data types in JavaScripts are all objects (functions have their own type, but they too are o...

StackAbuse

I've written a number of blog posts about JavaScript tricks: Promise tricks, type conversion tricks, spread tricks, and a host of other JavaScript tricks. I recently ran into another JavaScript trick that blew my mind: how to break a forEach loop. To break the forEach loop at ...

David Walsh

Although useful for all developers alike, peer dependencies is a feature very few back-end developers know exactly how it works, while front-end devs have been using it for the longest time. I believe this is because of how easy it is to affect the global scope of the front-en...

Bit

2020 has been a long year. As it comes to an end we wanted to share a special Holiday Update on our research into zero-bundle-size React Server Components. To introduce React Server Components, we have prepared a talk and a demo....

React

I was looking around the web and realized we haven't had a good JavaScript Framework Performance Shootout in over 2 years. So before 2020 wraps up, let's have a bit of fun pitting these libraries against each other. How about taking the 20 most popular JavaScript Frameworks an...

Ryan Carniato

In Aurelia 2, despite the framework itself being completely overhauled and rewritten, many aspects of the framework remain the same familiar Javascript framework many of us know and love. What is new is the router in v2, it works differently to v1 in many aspects. The router c...

Dwayne Charrington

In this course, we will learn how to use React Router for routing needs in React applications. We will start from the basics of routing to advanced routing in any web application. Only the tool will change, but the concepts can be applied to any router libraries in any framework....

JS Mates

Function component: Class component: Component: It's not named 'component' because Vue does not like the use of built-in or reserved HTML elements as the component id. Component: Handling event for function component: Handling event for class component: Event handling: The @ s...

JavaScript In Plain English

In an alien language, surprisingly they also use English lowercase letters, but possibly in a different order. The order of the alphabet is some permutation of lowercase letters. Given a sequence of words written in the alien language, and the order of the alphabet, return tru...

JavaScript In Plain English

Whenever I am playing with docker, my local machine gets bloated with lots of images after several docker build commands. The latest one is tagged latest The previous versions become invalid but don't get deleted. So when I run the command docker images The list looks somethin...

Mohammad Faisal

A fundamental aspect of managing state with NgRx is that all state data needs to be serializable. Runtime state objects are serializable when they can be predictably saved to a persistent storage or transferred over network. In practice, JavaScript objects are mostly serialize...

Nils Mehlhorn

There are lots of social media and instant communication apps in the market today. Their popularity comes from the fact that messaging has become important to phone usage. Mobile application developers meet a tough competition with every niche building their own version to fac...

Ella Wilson

Testing web applications can be a challenge. Unlike most other kinds of software, they run across a multitude of platforms and devices. They have to be robust regardless of form factor or choice of browser....

Mozilla Hacks

Throughout this comprehensive tutorial, you will learn how to create file or image upload functionality in Laravel 8 and Vue JS web application; you will se how to use Axios in laravel vue to make an HTTP request to upload a file object in the database....

Digamber Singh