#is deno faster than node?

[grafferid]

Deno vs Node: Which is faster?

Deno is like Nodejs yet is centered around security. The reason for which Deno made was JavaScript. Far more terrible than having a contender who realizes your item back to front, Deno was made explicitly to fix what Dahl saw as the vital shortcomings of Nodejs — including security issues, use of a centralized repository system (npm), and heavy tooling. To know more in details visit: https://graffersid.com/deno-vs-node/

[t-baba]

Alternatives to SPAs, Next.js 10, and running Node on iOS

#512 — October 30, 2020

Unsubscribe  |  Read on the Web

🎉 512 issues.. we're half way to 1 kibi-issue? 😄 Powers of 2 are much more fun to celebrate than hundreds or thousands, right? Thank you for all your ongoing support. __ Peter Cooper, your editor

JavaScript Weekly

What It's Like Being a jQuery Maintainer — Michał Gołębiowski-Owczarek is one of those heroes who drives and maintains a library that can seem either essential or unnecessary, depending on what company you keep: jQuery. Here’s a look at how he approaches this responsibility.

GitHub ReadME

Create React App 4.0 Released — It's over a year since the last major release of create-react-app, a popular way to quickly spin up a new React app, but with v4 we get support for Fast Refresh (a modern alternative to hot reloading), plus React 17 and TypeScript 4 support.

Facebook React Team

How to Build Forms With React the Easy Way — The challenges inherent to building forms with React, such as state management and validation, can be tackled with finesse. Read TJ VanToll’s blog to find out how to solve them quickly with the KendoReact Form component. Check it out.

Progress KendoReact sponsor

StandardJS 16: An Attempt at a Standardized JavaScript Style — StandardJS isn’t a formal standard but is nonetheless widely used to enforce consistency. v16 promises better performance and improved JSX, React and Next.js support.

Feross Aboukhadijeh et al.

esbuild: An Extremely Fast JavaScript Bundler — “You featured this last month,” I hear you say. True, but it now has an all new homepage complete with extra useful documentation and it continues to be a project I’m seeing a lot of buzz around. Next time you have ten minutes to play with a new tool, check it out.

Evan Weaver

⚡️ Quick bytes:

Node 14 has now become a Long Term Support (LTS) version as of v14.15.0.

GitHub has published a new roadmap for npm, as well as a new feedback process.

GitHub is running its annual Game Off game development contest throughout November if you fancy trying something new.

💻 Jobs

Senior Web Developer (Node/ReactJS) - Remote — Millions get inspired and plan adventures with our apps. To help us make komoot.com the place to go to plan outdoor adventures, we’re looking for a one of a kind Web Developer to join our team.

Komoot

JavaScript Developer at X-Team (Remote) — Join the most energizing community for developers and work on projects for Riot Games, FOX, Sony, Coinbase, and more.

X-Team

Find Your Next Job Through Vettery — Create a profile on Vettery to connect with hiring managers at startups and Fortune 500 companies. It's free for job-seekers.

Vettery

📚 Tutorials, Opinions and Stories

If Not Single Page Apps (SPAs) Then What? — If you’re not a fan of the SPA approach, what else can you do? Turns out there are numerous modern alternatives from Stimulus to RedwoodJS.

Tom MacWright

Running Node on iOS and iPadOS via iSH — iSH provides a Linux shell on iOS devices and with the most minor of fiddling you can get Node running on it too.

Dr. Axel Rauschmayer

Getting Audio Visualizations Working with Web Audio API — A developer works through the trickiness of cross-browser issues around the Web Audio API and comes up with a neat visualization for his audio chat system.

Dwayne Harris

Logi Composer: An Out-of-the-Box Development Platform for Analytics — See how easy it is to build, customize, and embed analytics in your application. Download a free 14-day trial here.

Logi Analytics sponsor

JavaScript's Memory Management Explained — A summary of the core concepts of memory management as it relates to JavaScript.

Felix Gerschau

How to Use Sharp for Image Processing in Node.js — Sharp is a high-performance module for resizing and formatting images (it uses libvips behind the scenes) and here’s how to get started with it.

Indrek Lasn

  React Review

Did you know that we also publish a weekly React newsletter? Here's a few of the links shared in the latest issue:

React Form Validation with Formik and Yup

How to Create a Camera App with Expo and React Native

Understanding When to Use useMemo

Wouter: A Minimalist Alternative to React Router

If you've an interest in keeping informed on all things React, you can subscribe here for more.

▶  Learn About Angular's Site Generator Scully — Scully is the most prominent Angular-based static site generator and its v1 release dropped recently.

Tara Manicsic

Curve Modifiers in Three.js — Three.js makes it easier to work with WebGL and 3D in general from JavaScript and Ada has added a neat new feature to bend models around curves.

Ada Rose Cannon

Angular Security Best Practices

Snyk.io sponsor

When (and When Not) to Reach for Redux — Redux is a very generic state management tool that can be used for a broad array of use cases and while it might not be the absolute best at any of them, it offers a lot of opportunities.

Mark Erikson

🛠 Code & Tools

supported by

Deno 1.5 Released: The Security-Focused JS Runtime — Now with improved bundling (deno bundle now does tree shaking and is up to 15x faster), REPL improvements, and support for alert, confirm and prompt for user interactions.

Deno Team

Next.js 10 Released: Image Optimization, Internationalized Routing, React 17 Support — Next.js gains a new built in image component and image optimization, Analytics (incorporating Web Vitals) as well as Next.js Commerce which is a collaboration with BigCommerce.

Vercel

XRegExp 4.4.0: Extended JavaScript Regular Expressions — I enjoy looking up if we linked something before and we did.. 1862 days ago! XRegExp is for you if you want to spice up normal regular expressions – see the examples.

Steven Levithan

Square Terminal API — Connect your app to the all-in-one payments device merchants love with a simple REST API. Learn more.

Square sponsor

Lucia: A Tiny (Vue-Inspired) Library for Tiny Web Apps — A library trying to bridge the divide between moving from jQuery to more modern systems. It provides directives you can use in HTML markup for adding bindings, handlers, etc.

Aiden Bai

sql.js 1.4: A Library to Run SQLite on the Web

SQL.JS

csprng: Isomorphic Wrapper for crypto.randomBytes in Node and Browser Luke Edwards

by via JavaScript Weekly https://ift.tt/3jCDGJG

[t-baba]

D3 6.0, easy 3D text, Electron 10, and reimplementing promises

#503 — August 28, 2020

Unsubscribe  |  Read on the Web

JavaScript Weekly

ztext.js: A 3D Typography Effect for the Web — While it initially has a bit of a “WordArt” feel to it, this library actually adds a pretty neat effect to any text you can provide. This is also a good example of a project homepage, complete with demos and example code.

Bennett Feely

D3 6.0: The Data-Driven Document Library — The popular data visualization library (homepage) takes a step forward by switching out a few internal dependencies for better alternatives, adopts ES2015 (a.k.a. ES6) internally, and now passes events directly to listeners. Full list of changes. There’s also a 5.x to 6.0 migration guide for existing users.

Mike Bostock

Scout APM - A Developer’s Best Friend — Scout’s intuitive UI helps you quickly track down issues so you can get back to building your product. Rest easy knowing that Scout is tracking your app’s performance and hunting down small issues before they become large issues. Get started for free.

Scout APM sponsor

Danfo.js: A Pandas-like Library for JavaScript — An introduction to a new library (homepage) that provides high-performance, intuitive, and easy-to-use data structures for manipulating and processing structured data following a similar approach to Python’s Pandas library. GitHub repo.

Rising Odegua (Tensorflow)

Electron 10.0.0 Released — The popular cross-platform desktop app development framework reaches a big milestone, though despite hitting double digits, this isn’t really a feature packed released but more an evolution of an already winning formula. v10 steps up to Chromium 85, Node 12.1.3, and V8 8.5.

Electron Team

Debug Visualizer 2.0: Visualize Data Structures Live in VS Code — We first mentioned this a few months ago but it’s seen a lot of work and a v2.0 release since then. It provides rich visualizations of watched values and can be used to visualize ASTs, results tables, graphs, and more. VS Marketplace link.

Henning Dieterichs

💻 Jobs

Sr. Engineer @ Dutchie, Remote — Dutchie is the world's largest and fastest growing cannabis marketplace. Backed by Howard Schultz, Thrive, Gron & Casa Verde Capital.

DUTCHIE

Find a Job Through Vettery — Create a profile on Vettery to connect with hiring managers at startups and Fortune 500 companies. It's free for job-seekers.

Vettery

📚 Tutorials, Opinions and Stories

Minimal React: Getting Started with the Frontend Library — Dr. Axel explains how to get started with React while using as few libraries as possible, including his state management approach.

Dr. Axel Rauschmayer

A Leap of Faith: Committing to Open Source — Babel maintainer Henry Zhu talks about how he left his role at Adobe to become a full-time open source maintainer, touching upon his faith, the humanity of such a role, and the finances of making it a reality.

The ReadME Project (GitHub)

Faster CI/CD for All Your Software Projects - Try Buildkite ✅ — See how Shopify scaled from 300 to 1800 engineers while keeping their build times under 5 minutes.

Buildkite sponsor

The Headless: Guides to Learning Puppeteer and Playwright — Puppeteer and Playwright are both fantastic high level browser control APIs you can use from Node, whether for testing, automating actions on the Web, scraping, or more. Code examples are always useful when working with such tools and these guides help a lot in this regard.

Checkly

How To Build Your Own Comment System Using Firebase — Runs through how to add a comments section to your blog with Firebase, while learning the basics of Firebase along the way.

Aman Thakur

A Guide to Six Commonly Used React Component Libraries

Max Rozen

Don't Trust Default Timeouts — “Modern applications don’t crash; they hang. One of the main reasons for it is the assumption that the network is reliable. It isn’t.”

Roberto Vitillo

Guide: Get Started with OpenTelemetry in Node.js

Lightstep sponsor

Deno Built-in Tools: An Overview and Usage Guide

Craig Buckler

How I Contributed to Angular Components — A developer shares his experience as an Angular Component contributor.

Milko Venkov

🔧 Code & Tools

fastest-levenshtein: Performance Oriented Levenshtein Distance Implementation — Levenshtein distance is a metric for measuring the differences between two strings (usually). This claims to be the fastest JS implementation, but we’ll let benchmarks be the judge of that :-)

ka-weihe

Yarn 2.2 (The Package Manager and npm Alternative) Released — As well as being smaller and faster, a dedupe command has been added to deduplicate dependencies with overlapping ranges.

Maël Nison

Light Date ⏰: Fast and Lightweight Date Formatting for Node and Browser — Comes in at 157 bytes, is well-tested, compliant with Unicode standards on dates, and written in TypeScript.

Antoni Kepinski

Barebackups: Super-Simple Database Backups — We automatically backup your databases on a schedule. You can use our storage or bring your own S3 account for unlimited backup storage.

Barebackups sponsor

Carbonium: A 1KB Library for Easy DOM Manipulation — Edwin submitted this himself, so I’ll let him explain it in his own words: “It’s for people who don’t want to use a JavaScript framework, but want more than native DOM. It might remind you of jQuery, but this library is only around one kilobyte and only supports native DOM functionality.”

Edwin Martin

DNJS: A JavaScript Subset for Configuration Languages — You might think that JSON can already work as a configuration language but this goes a step further by allowing various other JavaScript features in order to be more dynamic. CUE and Dhall are other compelling options in this space.

Oliver Russell

FullCalendar: A Full Sized JavaScript Calendar Control — An interesting option if you want a Google Calendar style control for your own apps. Has connectors for React, Vue and Angular. The base version is MIT licensed, but there’s a ‘premium’ version too. v5.3.0 just came out.

Adam Shaw

file-type: Detect The File Type of a Buffer, Uint8Array, or ArrayBuffer — For example, give it the raw data from a PNG file, and it’ll tell you it’s a PNG file. Usable from both Node and browser.

Sindre Sorhus

React-PDF: Display PDFs in a React App As Easily As If They Were Images

Wojciech Maj

Meteor 1.11 Released

Filipe Névola

🕰 ICYMI (Some older stuff that's worth checking out...)

Need to get a better understanding of arrow functions? This article from Tania Rascia will help.

Sure, strictly speaking a string in JavaScript is a sequence of UTF-16 code units... but there's more to it.

Zara Cooper explains how to take advantage of schematics in Angular Material and ng2-charts to substantially reduce the time and work that goes into building a dashboard

In this intro to memoizaition Hicham Benjelloun shares how you can optimize a function (by avoiding computing the same things several times).

by via JavaScript Weekly https://ift.tt/3jmo1hQ

[t-baba]

TC39 needs your help with the future of time in JavaScript

#496 — July 10, 2020

Unsubscribe  |  Read on the Web

JavaScript Weekly

Temporal, a Future API for Dates and Times in JavaScript — TC39 seeks your help with the future of JavaScript! They’re working on a proposal for a modern date/time API for ECMAScript/JS. Check out these examples for a feel of what the API would give us. You’re encouraged to have a play and fill out this survey.

The Temporal Champions Group on TC39

Perf Track: Tracking the Performance of Sites Using Popular JS Frameworks — Aiming to ‘track framework performance at scale’, Perf Track lets you get answers to questions like how many Vue apps use compression (and what type), how big React apps tend to be, or how many Ember apps have a good first contentful paint time.

Google Chrome Labs

How to Communicate on a Remote Team: Tools and Templates — Learn how to overcome the two biggest challenges of remote communication: understanding tone and upholding a collaboration framework.

CircleCI sponsor

Creating Tiny Desktop Apps with Tauri and Vue.js — Tauri is a toolkit (built in Rust) for building cross platform, JavaScript and CSS powered desktop apps, and the eventual app size can be pretty small (under a megabyte).

Kelvin Omereshone

Malina.js: A Front-End Compiler Inspired by Svelte — A tool similar to Svelte that pre-compiles an app (think a compile-time framework, rather than a runtime one) for better performance. See examples on the REPL. One developer created the same app with Svelte and Malina and has things to say, too.

Oleg Nechaev

⚡️ Quick bytes:

ESLint 7.4.0 has been released.

Impressive to see a typewriting / typing effect done entirely without JavaScript.

There's a new release of VS Code out with a new JavaScript debugger.

💻 Jobs

Find a Job Through Vettery — Use Vettery to connect with growing tech teams at startups and Fortune 500 companies.

Vettery

JavaScript Developer at X-Team (Remote) — Join the most energizing community for developers and work on projects for Riot Games, FOX, Sony, Coinbase, and more.

X-Team

📚 Tutorials, Opinions and Stories

A Case Study of Moving a Three.js WebXR App Off the Main Thread — You can’t argue about Surma’s dedication to Web Workers and here we get a practical demonstration of how they can help to improve performance.

Surma

Moving from TypeScript to Rust and WebAssembly — There’s not a lot to this quick writeup, but it’s interesting that this sort of move is now at least possible and it may well suit your use case too.

Nicolo Davis

Four Ways to Fetch Data in React — It’s really three ways you perhaps don’t want to fetch data, building towards a solid case for the best approach. But we like the logical progression through the alternatives.

Cory House

Breakpoints and console.log Is the Past, Time Travel Is the Future — 15x faster JavaScript debugging than with breakpoints and console.log.

Wallaby.js sponsor

Debounce Explained: How to Make Your Code Wait For Your User To Finish Typing — Debounce functions are higher-order functions that limit the rate at which another function can be run.

Juan Vega

Flattening Arrays with Array.flat() — Knowing about flat() is useful enough, but did you know you can flatten an array of any depth with .flat(Infinity)?

Samantha Ming

Barebones WebGL in 75 Lines of Code — WebGL is pretty intimidating but this boils it down to the bare essentials. And if you want to go further, I still think this thorough guide is one of the best. Of course, you may see all of the boilerplate needed and just use Three.js instead, which is fine too! 😄

Avik Das

Automated Code Reviews for JavaScript, Directly from Your Git Workflow

Codacy sponsor

▶  Learn Next.js: A Video Course — A free video course on how to build both Jamstack and SSR sites using React and Next.js. No signing up needed either.

Lee Robinson

Khan Academy's Transition to React Native — The tale of the multi-year project to move both the iOS and Android apps of the popular education platform over to using React Native.

Khan Academy

🔧 Code & Tools

shareon: Simple and Stylish 'Share Buttons' — They also boast good ethics as there’s no tracking code involved.

Nikita Karamov

Financial: A Zero-Dependency Financial Calculations Library — Based on numpy-financial but aimed at Node, Deno, and browser alike, Financial gives you functions for calculating things like future values, repayments, interest rates, etc.

Luciano Mammino

Serverless Headless CMS - OpenSource, Powered by React and Node — Scale up and down in milliseconds with your demand. Stop paying for servers and resources you are not using.

Webiny sponsor

useWebAnimations: React Hook for Flexible Web Animations API Animations — While still badged an ‘experimental technology’ by MDN, the Web Animinations API provides an approach for describing animations on DOM elements.

Welly Shen

Puppeteer 5.0 Released: The Headless Chrome Control Library — Puppeteer 4.0 was only three weeks ago but there are breaking changes here and work on making Puppeteer environment agnostic is in full flow.

Puppeteer

N3.js: Fast, Spec-Compatible, Streaming RDF Library — If you need/use RDF you’ll know, but basically it’s a format for modeling and specifying Web resources and this library works in Node and browser alike.

RDF JavaScript Libraries

🎨 Creative Corner

jsplot: A Quick Way to Plot the Results of a Function — It’s really quick and minimal but this basic Web tool does a quick plot from the results of the JavaScript you supply.

Fredrik Norén

▶  The Easiest Flappy Bird Tutorial Ever? — A 13-minute YouTube video on how to create your own Flappy Bird clone using straight up HTML, JS, and CSS. No framework, no build tools, the code isn’t perfect, but that’s not the point :-)

Shawn Beaton

by via JavaScript Weekly https://ift.tt/3iSXSHS

[t-baba]

React's rise, Babel 7.10.0, and good GitHub etiquette

#491 — June 5, 2020

Unsubscribe  |  Read on the Web

JavaScript Weekly

Grid.js: An Advanced Table Library — A lightweight, advanced table plugin that can work alongside React, Angular, Vue, or, well, nothing. Check out some of the examples for more on how to use it. It uses Preact under the hood.

Afshin Mehrabani

The Rise of React (And Its Growing Pervasiveness) — In the most recent issue of Increment, a noted journalist (for WIRED and The Economist) takes a wide-angle look at how React came to be one of the predominant frontend frameworks powering today’s web and the attendant implications ― both positive and negative ― for the future.

Chris Stokel-Walker (Increment)

Does a Serverless Headless CMS Exist? It Does Now — The first headless CMS built for serverless infrastructure. Forget about scaling problems, flash crowds, setting up and managing servers and stop overpaying for resources you don't use. It's free and open-source, check it out.

Webiny sponsor

Babel 7.10.0 Released — The hugely popular JavaScript transpiler got more tweaks than you’d expect for a minor point release including an experimental version of a new polyfills compatability architecture, improvements to optional chaining and private fields support, and better tree-shaking for React code.

Nicolò Ribaudo

⚡️ Quick bytes:

🖤 This week, the React core team joined the Facebook employee walkout in solidarity with the Black community — it's time to speak up, donate or even just stream a fundraising video, because Black lives matter.

The Repl.IT online IDE/sandbox now supports Deno if you want to play without installing it for real.

SpiderMonkey, Firefox's JavaScript engine, has a new regular expressions engine which opens up support for modern regex syntax it didn't have before.

AngularJS 1.8.0 is out. Yes, that's the old school Angular.js, not the more modern Angular.

Zappar has released some universal AR SDKs for Three.js and vanilla JavaScript if augmented reality is your bag.

💻 Jobs

JavaScript Developer at X-Team (Remote) — Join X-Team and work on projects for companies like Riot Games, FOX, Coinbase, and more. Work from anywhere.

X-Team

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 Software Engineer — Save Lives & Make an Impact — We use Node/TS/React & ML to provide crisis support via SMS. Help us scale globally with a focus on privacy and security.

Crisis Text Line

📚 Tutorials and Opinions

Reusing UI Components at Enterprise Level — An engineer at PayPal explains how they share UI components across their various products.

Dong Chen (PayPal)

The 'Top Types' any and unknown in TypeScript — They’re not top types because they’re the best types 😂 .. but they’re essentially ‘universal’ types that can contain all values (in opposition to the never type which is the empty set).

Dr. Axel Rauschmayer

One Cool Trick to Simplify Reducer Functions — An introduction to the Immer immutable state library as a way to reduce the complexity of Redux reducers.

Eric Elliott

Getting Started With OpenTelemetry In Node.js

Lightstep sponsor

How-to Normalize Home Volume Levels with Node-RED — Node-RED is a JavaScript-powered ‘low code’ visual programming environment frequently used with hardware/IoT use cases. I rarely see tutorials about it, so this is pretty neat.

Blake Niemyjski

The Service Worker Lifecycle Explained — Explaining the lifecycle of Service Workers in PWAs and how to update them as fast as possible.

Felix Gerschau

Track Your (Android) Smartphone in Physical Space with JavaScript — Leans on the Generic Sensor APIs so you’re limited to Android for now, but it’s fun to see the potential.

Sanjeet Chatterjee

Some Reminders of Good GitHub Etiquette — Basic things, but sometimes easily forgotten, from one of the date-fns maintainers.

Sasha Koss

MongoDB Is Easy. Now Make It Powerful. Free Download for 30 Days.

Studio 3T sponsor

▶  Inside Vue 3 with Gregg Pollack — An hour long podcast chat with Gregg Pollack of Vue Mastery about Vue 3 reactivity model course and when and where the new Composition API is worth using.

Views on Vue Podcast podcast

How to Create a Web Worker-Driven Multithreaded Frontend App — It leans on an under-development Web Worker-driven framework called neo.mjs that promises “a new era of making better Web-based user interfaces.”

Tobias Uhlig

Stranger Things, JavaScript Edition — This is mostly a bit of fun mixed with a little bit of Wat picking on some JavaScript oddities. If the quirks of equality and NaN are familiar to you, move on.

Live Code Stream

Using Git to Run ESLint on Changed Files in a Feature Branch

Jeffrey Auriemma

🔧 Code & Tools

TUI Editor 2.1: A Powerful Markdown WYSIWYG Editor — You get the Markdown on the left, output on the right. The latest release added much better syntax highlighting for the Markdown source (if you want it) and ‘preview highlighting’ where the output of the code you’re working on is highlighted in the preview pane.

NHN

redaxios: The Axios API, as an 800 Byte Fetch Wrapper — If you love the Axios API but want to get it in a lighter way..

Jason Miller

A Much Faster Way to Debug Code Than with Breakpoints or console.log — Move forward and backwards through your code to understand what led to a specific bug, view runtime values, edit-and-continue, and more.

Wallaby.js sponsor

React Date Picker 3.0: A Simple and Reusable Date-Picker Component — A mature option that continues to get frequent updates. Demo here.

HackerOne

Frappe Charts 1.5: Responsive, Zero Dependency SVG Charts — Here’s are some examples (with code) to explore.

Prateeksha Singh

ms: Tiny Milisecond Conversion Utility — For example: ms('2.5 hrs') becomes 9000000 .. or ms(2 * 60000) becomes ‘2m’.

Vercel

🗓 Upcoming Online Events

JS Nation (June 18-19) — This free two-day remote conference features over 25 speakers, including Jen Looper, Max Stoiber, John Papa and others.

OpenJS World (June 23-24) — Speakers at this 'virtual experience' include Nicole Sullivan, Prosper Otemuyiwa, Cassidy Williams and more.

CascadiaJS 2020 (September 1-2) — This upcoming online conference is set to take place in September.

by via JavaScript Weekly https://ift.tt/2XyWzFv

[t-baba]

A new JS runtime, ESLint 7, npm's future, and more

#488 — May 15, 2020

Unsubscribe  :  Read on the Web

JavaScript Weekly

Deno 1.0 Released — Two years ago, Ryan Dahl, the creator of Node.js, gave a talk about the 10 things he regretted about Node.js. At the same time, he introduced Deno, a prototype of a new, security-first, npm-less JavaScript runtime — now it's considered ready for the big time and, at a minimum, is worth having a quick play with. If you want to do a walkthrough tutorial to see if it’s to your taste or not, this is a good one by Flavio Copes.

Ryan Dahl, Bert Belder, and Bartek Iwańczuk

Psst.. we launched Deno Weekly as a way to stay up to date with Deno. We'll only feature it from time to time in JavaScript Weekly.

JavaScript Features To Forget — It’d be easy to say.. that's just, like, your opinion, man.. but when it’s the author of about 73 (slight exaggeration) JavaScript books including JavaScript: The Definitive Guide, it’s worth listening.

David Flanagan

Don’t Build Auth From Scratch. Focus On Your App — Spend less time on authentication and authorization and more time developing your awesome app. Auth built for <devs>. Download our community edition for free.

FusionAuth sponsor

Playwright 1.0: Fast and Reliable Cross-Browser Testing — We first featured Playwright, Microsoft’s take on a cross-browser alternative to Puppeteer, a few months ago, but it’s already at 1.0. This post does a good job on selling it.

Arjun Attam (Microsoft)

Announcing TypeScript 3.9 — You know it's JavaScript plus syntax for type declarations and annotations by now, right? 3.9 gains a variety of editor improvements, performance improvements, and tweaks to inference and Promise.all. No awaited just yet though.

Daniel Rosenwasser (Microsoft)

Recoil: An Exprimental State Management Library for React — Interesting not only because it comes from Facebook, but because there’s a pretty good 23 minute talk about it and it follows the latest React standards.

Facebook

⚡️ Quick bytes:

WebAssembly is taking us into interesting places.. such as writing PONG clones in COBOL that we can play in the browser. The COBOL code is pretty nice, to be fair.

JSNation Live is the latest in a line of online JavaScript conferences, this one coming on June 18-19 and, curiously, with both free and paid options.

Kite has unveiled AI powered JavaScript 'completions' based upon deep learning over 22 million JavaScript files.

💻 Jobs

Senior Software Engineer — Save Lives & Make an Impact — We use Node/TS/React & ML to provide crisis support via SMS. Help us scale globally with a focus on privacy and security.

Crisis Text Line

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

Vettery

📚 Tutorials and Opinions

▶  Tom Preston-Werner Talks About Redwood.js — GitHub co-founder Tom Preston-Werner talks about Redwood.js, a new full-stack JavaScript framework built around React, GraphQL, and Prisma.

Full Stack Radio podcast

Standard IO: Under the Hood — What really happens behind the scenes when you call console.log?

Vladimir Keleshev

An Initial Introduction to npm v7 — If you thought the npm blog would fade away after the GitHub acquisition, you thought wrong! Isaac Schlueter is back with a status update on what the next major version of npm will offer and is promising a series of posts to come going into more detail. We'll probably focus more on this in Node Weekly in coming weeks.

The npm Blog

Now Up to 4GB of Memory in WebAssembly Applications on V8 — It’s 4GB because WebAssembly currently uses 32 bit pointers but till now WebAssembly apps in Chrome and Emscripten have been limited to 2GB for.. reasons.

Andreas Haas, Jakob Kummerow, and Alon Zakai

Connect Users to Vital Business Data with NodeRun (Webinar On‑Demand)

Profound Logic sponsor

Why We Made a New Component Library Instead of Buying One — It principally came down to the company involved preferring to have total control but they also felt Vue.js was well suited to the task.

Alessandro Grosselle

Second-Guessing the Modern Web — What if everyone’s wrong? Can we solve things in a better way that single page applications? Interesting thought piece and Rich Harris replied with In Defense of the Modern Web.

Tom MacWright

John Conway's FRACTRAN, A Ridiculous, Yet Surprisingly Deep Language — A beautiful JavaScript-heavy tribute to John Conway (of Game of Life fame) by trying to reimplement his esoteric FRACTRAN language.

Reg Braithwaite

What Every Developer Should Know About TCP — You’re every developer! And so am I!

Roberto Vitillo

🔧 Code & Tools

ESLint v7.0.0 Released — The popular pluggable and configurable linter tool for identifying and reporting on patterns in your code. Node 8 support is dropped.

ESLint

A Much Faster Way to Debug Code Than with Breakpoints or console.log — Move forward and backwards through your code to understand what led to a specific bug, view runtime values, edit-and-continue, and more.

Wallaby.js sponsor

Next.js 9.4 Released: The React Powered Site Building Framework — Just two months after 9.3 (which was already an exciting release) comes the even more significant 9.4 which includes Fast Refresh, a new “instantaneous” hot reloading experience, plus incremental static generation where static pages can be generated or re-rendered in the background as traffic comes in.

Vercel

Fuse.js 6.0: Lightweight Fuzzy-Search Without Dependencies — Want a simple search feature without a dedicated backend? This could help. It’s been around for years but 6.0.0 has just dropped with more new goodies like logical query operators. - GitHub repo.

Kiro Risk

Perfume.js 5.0: A Web Performance Library for Measuring User-Centric Perf Metrics — Only 2KB when gzipped, supports the latest browser performance APIs for precise metrics on things like first paint, first input delay, total blocking time, etc.

Leonardo Zizzamia

Shifty: A Teeny Tiny Tweening Engine — All it does is tweening. It’s a low level animation solution that you can integrate into any rendering mechanism of your choice. The examples here demonstrate it well as it can be used for ‘animating’ things in an unconventional sense. GitHub repo.

Jeremy Kahn

MongoDB Is Easy. Now Make It Powerful. Free Download for 30 Days. — Using MongoDB Atlas? Studio 3T is the professional GUI and IDE that unlocks the power you need.

Studio 3T sponsor

Color2K: A Color Parsing and Manipulation Library in 2KB or Less — A key goal here was to be a lot smaller than the competition “while still satisfying all of your color manipulation needs in an sRGB space”.

Rico Kahler

by via JavaScript Weekly https://ift.tt/2WzGfUB

[t-baba]

jQuery 3.4.0, emojis, and Kyle Simpson

#432 — April 12, 2019

Read on the Web

JavaScript Weekly

Twemoji (Twitter Emoji): Emojis for Everyone — A library from Twitter that can give your apps cross platform support for the over 3000 emojis in Unicode 12 by parsing text and inserting hosted images for the relevant emojis.

Twitter Open Source

jQuery 3.4.0 Released — So many of us owe so much to jQuery that I just have to feature any of its key updates (even if you might not need it). 3.4 is focused on bug fixes and performance improvements, but we’re told a serious overhaul is on the way for jQuery 4.0.

The jQuery Foundation

New Course: TypeScript 3 Fundamentals — 🏎💨 TypeScript adoption has grown at an astounding rate. TypeScript allows you to catch bugs before they happen, and collaborate with your team more effectively by documenting your code.

Frontend Masters sponsor

MDX 1.0 Released: Seamlessly Write JSX in Markdown — A major milestone for an increasingly popular library that makes it easy to write content that directly relies on components. Homepage and GitHub repo.

John Otander

Domain-Oriented Observability in JavaScript — When Martin Fowler puts his editorial backing behind an article, I pay attention! :-) Here’s a thorough walk through an approach to adding business-relevant observability to JavaScript code in a clean, testable way.

Pete Hodgson

▶  A Look at Deno: A New JavaScript Runtime — Ryan originally created Node about ten years ago but recently he’s been working on Deno, a new, non-Node compatible, TypeScript-focused runtime with some interesting features. (Note: Poor audio until a few minutes in.)

Ryan Dahl

Microsoft Releases Preview Builds of Its New Chromium and V8-Based Edge — The first developer builds of the new Edge browser based on Google’s Chromium open source project (and therefore also using the V8 JavaScript engine) are now available for Windows 10 users. This move will only continue to cement V8’s popularity and importance as it'll eventually be the default for all Windows users.

Joe Belfiore (Microsoft)

💻 Jobs

Full Stack, Mobile & Infrastructure Engineers — Joining our team means you will be working in our fast paced environment and you are fearless of our next big challenge.

Expensify

Software Engineer - iCloud Web Apps (California, US) — We’re looking for creative engineers to join our diverse team who can help build the world’s best web applications.

Apple

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

Vettery

📘 Tutorials and Opinions

You Don’t Need Lodash or 'How I Started Loving JavaScript Functions' — A compilation of pure JavaScript recipes of nine commonly used Lodash/Underscore.js utility functions. I'd love to see a more extended version of this, actually.

RC Dexta

Kyle Simpson: 'I’ve Forgotten More JavaScript Than Most People Ever Learn' — This is a heck of a bold quote to pick for a title, but it’s still a neat interview with the author of the fantastic You Don’t Know JS books (which you can still read online for free).

Amsterdam JSNation

How to Write Points from CSV to InfluxDB

InfluxData sponsor

Form Validation in Under an Hour with Vuelidate — Sarah Drasner runs through some of the trickier sides of form validation, making use of the Vue.js model-based validation library Vuelidate.

Sarah Drasner

Design Patterns in Modern JavaScript Development — An architecture-focused post that aims to whet your appetite for software design patterns.

Kristian Poslek

undefined: The Third Boolean Value? — It’s neither true or false, and sometimes that third option might be what you really want.

Kushagra Gour

Why I Chose Vue over React

Abhay Srivastav

🔧 Code and Tools

html2canvas: A JavaScript HTML Renderer — Take screenshots of pages or elements of pages and render them to canvas. The first release (a release candidate of v1.0) in over a year is just out. There’s also a live demo on its homepage.

Niklas von Hertzen

A Much Faster Way to Debug Code Than with Breakpoints or console.log — Wallaby catches errors in your tests and code and displays them right in your editor as you type, making your development feedback loop more productive.

Wallaby.js sponsor

Node v11.14.0 (Current) Released

Node.js Foundation node

Choices: A Vanilla JS Customizable Select Box/Text Input Plugin

Josh Johnson

🖼 medium-zoom: A Library for Medium-Style Image Zooming — Responsive, can load a higher definition version of an image on zoom, and mouse, keyboard and gesture friendly. Demo.

François Chalifour

jQuery Terminal Emulator: A Web Based Terminal Plugin — Create CLI style interfaces in your own webapps. Demo and more info.

Jakub T. Jankiewicz

FKit: A Functional Programming Toolkit for JavaScript — Check out the examples for the basics.

Josh Bassett

Get the Fastest Website Deployments. Ever.

Buddy sponsor

Forever 1.0: A CLI Tool to Ensure A Script Runs Continuously

Charlie Robbins and Contributors node

ReactPlayer: A React Component for Playing Media From Remote URLs — From file paths to YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, and more. (React developer? Our React newsletter is where most of our React-related links are.)

Pete Cook

by via JavaScript Weekly http://bit.ly/2XdW68X