JavaScript Kicks - JSK Daily for May 11, 2020

Over the past decade, Single Page Apps have become the norm technology to build web apps. Today, frameworks like Angular, Vue, and libraries like React dominates the frontend development, providing the underlying platform for these apps. The good news is, it serves the fronten...

Bit

In modern React, there are many ways to style a React application with CSS. Whenever I do a React workshop with aspiring React developers, I show only one of these ways due to the limited time I have for the complete React workshop....

Robin Wieruch

A few days ago, during a spring cleaning session, I discovered an ESP32 I bought for an old project (but never used), buried in a closed. I'm talking about a microcontroller device which is extremely cheap yet with a lot of great features, like a built-in Wi-Fi module....

francesco marassi

In a previous article, I've explained how to install Tailwind in a Nrwl NX workspace with Angular and Storybook. This setup works fine, but has one major issue: the stylesheet bundle size. On my project, it was more than 2MB. I don't know about you, but 2MB of CSS feels like a...

Sébastien D.

Several changes to JavaScript were introduced by ECMAScript 2015, also well-known as ES6. Here is a summary of a number... | Web design web development news, website design and online marketing. Web design, development, javascript, angular, react, vue, php, SEO, SEM, web hosti...

MA-NO WebDesign&Dev

Here's a Select2 input whose selection state is synced to Alpine.js and which reflects Alpine.js state. See the Pen Alpine.js + jQuery select2 by Hugo (@hugodf) on CodePen. Here's the full working code in the "No Script Tag Here" style, ready to copy paste....

Hugo Di Francesco

ES6 introduced various math and number methods and properties. In this article, we'll look at some useful static Number properties that we may have missed. Number.isFinite(num) is a new method that lets us check if a number is finite or not. For instance: Number.isFinite(Infi......

John Au-Yeung

There are some requirements where we need to access some files in browser but If you are using Express.js in Node.js which runs on the server side, the files are not available automatically. To get that working we need to make some code changes. So let's do that....

gitconnected

Let's say we are implementing the delivery part of an app. The user can choose between 2 delivery modes : normal (delivery in 48h) fast (delivery in 24h) The resulting type is the following Here is what the code could look like somewhere in the app Now, what if we add a new de...

Antoine Prudhomme

Install react-native-netInfo yarn add @react-native-community/netinfo cd ios && pod install && cd .....

Tunvir Rahman Tusher

The object destructuring is a great JavaScript feature that lets you extract properties from objects clearly and concisely. What's better, object destructuring can extract more than one property in one statement, can access properties from nested objects, and can set a default...

Dmitri Pavlutin

Image Source Angular is a popular framework for app development, but its security standards can be tricky to understand. To ensure your applications are secure, you need to familiarize yourself with the most common security vulnerabilities and the latest security ......

codehandbook

In this tutorial, we'll learn by example how to convert a string to the corresponding integer or float number or array of numbers using the built-in JavaScript methods with simple React and Vue.js examples....

Ahmed Bouchefra

👋 Emberistas! 🐹 Ember 3.18 is out 🎉, investigate arguments with Ember Inspector 🕵️‍♀️, read the blog post comparing Ember Octane and React 🐹⚛️, explore autosave with Ember Octane 💾, review Embroider & memoization RFCs 💬, and last, but not least, check out the ember-keyb...

EmberJS

Have you ever changed a variable, expecting that the change would be isolated to just that one variable... and it wasn't? Have you noticed that changes to variables inside a function will sometimes be contained to the function, but other times will spill out and cause weird bugs?...

Dave Ceddia