What's New in Javascript

Scott and West talk about what’s new in JavaScript.

Fluent Conf - Sponsor

Developers, software engineers, designers, and web performance professionals flock to Fluent in pursuit of a common goal: building a better web. That means delivering fast, secure, accessible experiences to users and customers.

Fluent covers a broad range of technologies and topics to provide web programming professionals with the skills, connections, and inspiration needed to build better online and mobile experiences.

Fluent is this June 11-14 in San Jose, CA. Save 20% today with code: SYNTAX

Netlify — Sponsor

Netlify is the best way to deploy and host a front-end website. All the features developers need right out of the box: Global CDN, Continuous Deployment, one click HTTPS and more. Hit up netlify.com/syntax for more info.

They are also hiring! netlify.com/careers

Show Notes

1:55 - Scott’s new studio

4:57 - Pop Motion Pose

• New library for React or vanilla JavaScript
• Define locations instead of CSS styles
• Pass the animation state into a React component as open or closed instead of active or inactive
• Flip animation techniques
• Style Fire - Simple HTML & SVG styler optimised for animation

8:44 - Intersection Observer

• Browser-based API based on observables
• Example uses: Tell me when this element is on the page, goes off the page or is halfway down the page

10: 32 - MDX

• Webpack loader for MDX (i.e. JSX-infused Markdown) using mdx-it
• Turns MarkDown files into components in Webpack

12:56 - Resize Observer

• Watch elements for resize

15:47 Web Animations API

• Works with animations natively in JavaScript
• Tell your animations to play, pause, reverse, etc.
• Instead of changing classes, you have full control over what the animation is doing
• Web-Animation-JS Polyfill
• Can I use

18:00 - Window Face Detector API

• Create a new window.face detector and pass it an image tag and it returns an array of faces.

22:53 - Payment Request API

• Eliminates check out forms
• Allows platform to handle payment safely and securely

29:23 - INTL.NumberFormat

• Format pricing with different currencies

32:59 - V8 BigInts

• Makes working with big numbers more viable

34:53 - Speech Recognition

• Converts speech to text
• Pipe in different accents

36:22 - Text To Speech

• Simulates text into spoken words

41:46 - ES6 Modules In Node

• There are no ES6 modules in Node. It’s still being developed. If you want to build an ES6 module in Node, you have to use the .mjs extension

××× SIIIIICK ××× PIIIICKS ×××

• Scott:Dank Mono
• Wes:Video Doorbell Pro from Ring

Tweet us your tasty treats!

• Scott’s Instagram
• LevelUpTutorials Instagram
• Wes’ Instagram
• Wes’ Twitter
• Wes’ Facebook
• Scott’s Twitter
• Make sure to include @SyntaxFM in your tweets