Mr Branding

Friday, May 1, 2020

How tiny dependencies can topple the JavaScript Jenga tower

#486 — May 1, 2020

JavaScript Weekly

🌍 I18n Ally: An All-in-One i18n Extension for VS Code — Got some internationalization work to do? I18n Ally gives you inline annotations, automated translations via Google Translate (which you can review), progress indication, etc. Supports React, Angular, Vue and other frameworks.

Anthony Fu

How a Few Lines of Code Broke Lots of Packages — Just under a week ago, people were reporting that create-react-app was broken. The culprit? A tiny change in a tiny dependency: is-promise. Luckily a fix was out very quickly and the creator of is-promise reflects on what happened here. Liran Tal also has some analysis of the situation.

Forbes Lindesay

Identify Front-End Issues Like JavaScript or Network Errors Fast — Datadog’s algorithmic alerts will proactively alert on any client-side issues such as JavaScript and network errors. Optimize the load time of your front-end resources, and detect any UI issues that affect critical user journeys. Try it free with Datadog Synthetics.

Datadog sponsor

Q: A JavaScript 'Quantum Circuit' Simulator — Bring quantum computing to your browser with this JavaScript simulation. If you were never quite sure what your JavaScript code was going to do, now you can formally explore the concept 😂

Stewart Smith

Quick bytes:

The first release candidate of TypeScript 3.9 is here.
A look at the current state of Vue.js in the form of a slide deck. 3.0.0-beta.5 just dropped BTW.
If your team uses Storybook, the same team have released Chromatic 2.0 which brings team 'code review' practices to your UI components.
A look at wink-scroll, a JavaScript-powered way to scroll Web content using your eyes alone.
If you didn't realize we have a Node Weekly newsletter somewhat similar to this one, you do now.. 😄

💻 Jobs

Find a Job Through Vettery — Vettery specializes in tech roles and is completely free for job seekers. Create a profile to get started.

Vettery

Senior Full-Stack Developer (Malmö/Sweden) — Every day is different from the next. Join our upbeat Team and work on exciting, major projects using a modern JavaScript stack.

Ortelius AB

📚 Tutorials

A Guide to window.location — A breakdown that covers most of the methods and properties available on the DOM’s window.location object.

samantha ming

Implementing Dark Mode in React Apps Using styled-components

Blessing Krofegha

▶ Let's Build a Financial Dashboard App with React (Webinar On‑Demand) — Join TJ VanToll as he walks you through building a responsive Bootstrap-themed Stocks Portfolio app. Check it out today.

Progress KendoReact sponsor

Getting Started with NuxtJS — Learn how to create Vue.js-powered server-side rendered apps with NuxtJS including configuring an app and deploying it on Heroku.

Timi Omoyeni

▶ Learn Svelte: A 16-Part Course on Learning the Popular UI Framework — The course centers around building a chatbot, which is a nice change from the todos and other overused tutorial examples.

noah kaufman

10 Practical JavaScript Tricks — These kinds of lists are usually pretty run of the mill, but this one actually contains some lesser-known quick tips that you may not have seen before.

zander shirley

Moving TinyMCE to Modern JavaScript — The creators of TinyMCE (a popular WYSIWYG HTML editor) have been refactoring its rather legacy JavaScript (the first version came out 17 years ago!) to modern practices.

Joakim Lindkvist

7 JavaScript Design Patterns Every Developer Should Know — This is sort of like a (very) mini version of Addy Osmani’s 2017 book on JS design patterns (which is referenced at the end of the post).

deven rathore

▶ An Introduction to State Machines Using XState — XState is a neat way to work with state machines in JavaScript, Kyle is a neat teacher, and Egghead is a neat platform for unlocking these videos for us too.

Kyle Shevlin

Ride Down Into JavaScript Dependency Hell

AppSignal sponsor

A Collection of Challenging TypeScript Exercises — “The goal: Let everyone play with many different TypeScript features and get an overview of TypeScript capabilities and principles.”

Marat Dulin

A Visual Guide to React Mental Models — Different people learn in different ways but good mental models are always valuable and can be helpful if you need to juggle all of the pieces involved in a framework like React.

Obed Parlapiano

Turning Vue Components Into Reusable npm Packages — Outlines how you can reuse Vue components across your projects by automating your process to bundle, test, document, and publish your components.

Sjoerd de voorhoede

🔧 Code & Tools

jExcel v4: A Vanilla JS Interactive Table / Spreadsheet Control — 4.0 adds support for tabs/workbooks, updating a remote data source with JSON, formula support in a sheet footer, and more. There are lots of demos and examples on the official homepage.

Paul Hodel

Will It CORS? — A handy online tool/wizard for establishing how your (potential) use case will (or won’t!) operate alongside CORS (Cross-Origin Resource Sharing).

HTTP Toolkit

Get Great Visual Feedback & Bug Reports, Even from Non-Technical Folk — Simply click a page element to pin visual feedback with screenshots & metadata. BugHerd = fast and easy bug tracking.

BugHerd sponsor

utfu: Replace Busted Characters From Legacy Text with UTF-8 — Useful when old content contains characters like “â€” in place of a single quote, and similar legacy text issues.

Daniel Sieradski

Middy 1.0: A Node Middleware Framework for AWS Lambda — Middy’s aim is to make writing serverless functions (hosted on AWS Lambda) easier by providing a familiar middleware abstraction to Node developers.

Luciano Mammino

useWorker() 3.0: A React Hook for Blocking-Free Background Tasks — Makes it easier to throw tasks off to a Web Worker in React.

Alessio Koci

webpack-blocks: Configure webpack using Functional Feature Blocks

Andy Wermke

JZZ: A MIDI Library for Node and the Browser — Send, receive and play MIDI messages from both Node and the browser on Linux, macOS and Windows.

Sema

MDX 1.6: Use JSX in Markdown Documents — This version introduces initial Vue support.

Compositor and Vercel

🗓 Upcoming Online Events

JavaScript Remote Conf 2020 (May 14-15) — Speakers lined up already include Raymond Camden, Christian Heilmann, and Aleksandra Sikora.
ESNEXT CONF 2020 (May 18-22) — From the Pika folks (of Snowpack fame). 12 speakers over 5 days so it's a gradual pace.
ForwardJS (May 26-29) — A real world event (ForwardJS Ottawa) that has now become a virtual event.
CascadiaJS 2020 (September 1-2) — This upcoming online conference is set to take place in September, and the CFP is open now through May 15.

by via JavaScript Weekly

5 Compelling Reasons to Study Digital Marketing

The world evolves at the speed of light. The way we live, study, and do business, changes. Today, business people and entrepreneurs seize every opportunity to attract a new audience. They choose efficient and reliable ways of promotion. It's safe to say that SEO is not enough to attract new...

[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Web Desk via Digital Information World

Apple's New Update Will Facilitate Facial Recognition With Face Masks

We live in very unique times, and a big part of the reason why that is the case has to do with the fact that there is a pandemic that is going around that is changing the way we live. This is having an impact on a lot of different areas but the fact of the matter is that there are certain areas...

[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Zia Muhammad via Digital Information World

Microsoft’s Q3 Report States LinkedIn Reached 690 Million Members and Boasted A 26 Percent Growth In Sessions

Microsoft reports that LinkedIn has reached 690 million members now and that it is experiencing higher levels of engagement as the platform reports a 26% growth in LinkedIn sessions.LinkedIn’s revenue increased by 21% for Q3 2020, but it is experiencing a slowdown in job listings, and ad...

[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Arooj Ahmed via Digital Information World

YouTube using aggressive policies against misinformation spread by people regarding the coronavirus pandemic

With coronavirus continuing to spread and seeing no hopeful end anytime soon, many people have started creating numerous conspiracy theories, many of which are quite creative yet misleading. These theories have spread like wildfire on the internet, especially on popular social media apps. Most of...

[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Arooj Ahmed via Digital Information World

Apple & Google Are Ready For The Beta Testing of COVID-19 Tracking API

Just like the way doctors are fighting in hospitals, Google and Apple are working really hard to make the coronavirus tracking collaboration more useful. Hence, within less than one month, both the companies have finally announced that they are testing out the first version of COVID-19 exposure API...

[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Daniyal Malik via Digital Information World

Twitter Starts Providing Data for Coronavirus Research

Twitter is one of the most popular social media sites in the world and while it has failed in a lot of ways to keep up with the kind of growth that Facebook has seen the fact of the matter is that there are a lot of people that use the site on a regular basis which essentially means that this...

[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Zia Muhammad via Digital Information World