TypeScript 3.7, React Conf videos, and making good pull requests

#462 — November 8, 2019 Read on the Web JavaScript Weekly How a 3D Tunnel Effect is Implemented in 140 Characters of JavaScript — I’m always in awe of little demos like this where such a striking result is obtained from such little code. The neat part is with posts like this you can learn how they work too. Killed By A Pixel TypeScript 3.7 Released — Packed with ‘awesome new language, compiler, and tooling features’, the popular ‘it’s JavaScript with static type-checking’ language introduces a lot of new bits and pieces including optional chaining, nullish coalescing, and simpler error reporting. The online TypeScript playground has also gotten some updates including a ‘dark’ mode and automatic type acquisition when importing packages. Daniel Rosenwasser ⭐️ Master Writing Modern, Professional JavaScript — Take your JavaScript to the next level to find out what it is fully capable of with this comprehensive learning path. Frontend Masters sponsor ▶  The React Conf 2019 Videos — React Conf took place just two weeks ago and the complete, finished recordings are available for you to enjoy. Highlights include Building a Custom React Renderer with Sophie Alpert, plus the two-parter Building the New Facebook with React and Relay with Frank Yan, and then part two with Ashley Watkins. YouTube Snyk's JavaScript Frameworks Security Report 2019 — A review of the state of the Angular and React ecosystems when it comes to security and vulnerabilities, with a brief detour into Vue, Bootstrap and jQuery at the end. PDF report here. Liran Tal (Snyk) ⚡️ Quick Releases Node 13.1.0 — Check out this week's Node Weekly for more. date-fns 2.7.0 — It's like lodash for dates. Nest 6.9 — Server-side app framework for Node. Pixi.js 5.2 — HTML5 game development framework. sql.js 1.0.1 — SQLite compiled to JavaScript. 💻 Jobs Software Developer - Ruby — Join our team and help to realize international cloud-native software projects based on Ruby on Rails. anynines Find a Job Through Vettery — Vettery specializes in tech roles and is completely free for job seekers. Create a profile to get started. Vettery 📘 Articles & Tutorials Algebraic Structures: Things I Wish Someone Had Explained About Functional Programming — The second in a four part series on functional programming covers algebraic structures. What are they and how and why would we use them in JavaScript? James Sinclair Understanding the delete Operator — delete is used to remove specific properties from objects. Chidume Nnamdi What Is A CI/CD Engineer? — This post explores the possibilities of a new role... CI/CD Engineer. CircleCI sponsor A Complete Guide to JavaScript Tooling — An (entry level) guide to various JavaScript tooling systems, including linters, type checkers, package managers and more. Hoang Nguyen How to Fully Optimize Webpack 4 Tree Shaking — “We reduced our bundle sizes by an average of 52%.” Craig Miller Scaling WebSocket Connections using Shared Workers Ayush Gupta Client-Side SQL Query Parsing with ANTLR — How a database company does basic ANTLR parsing in the browser to separate out SQL statements in a string. Rahel Patel Google Maps Is Now An Angular Component — The latest Angular Component release introduces a new Google Maps component. Here’s how to use it. Tim Deschryver Learn How to Build a Sales Dashboard with React Progress KendoReact sponsor How to Send Good Pull Requests on GitHub — A checklist to follow when creating a PR for your favorite project. Eli Bendersky Breaking Chains with Pipelines in Modern JavaScript Dan Shappir 🔧 Code & Tools VSCode Glean: A VS Code Extension for Refactoring React Code — Extract JSX into new components, convert functions to components (or, yes, stateful components to functional ones!), and more. Wix Simplur: Simple, Versatile String Pluralization — Uses ES6 template tags so you can provide quantities and singular/pluralized versions of words and terms yourself. Robert Kieffer TUI Chart: Attractive Charts for the Web — Cross-browser library with bar, line, area, bubble, radial, treemap, pie, heatmap, bullet, and boxplot charts out of the box. NHN Entertainment Top CI Pipeline Best Practices - A Developer's Guide — At the center of a good CI/CD setup is a well-designed pipeline. Check out this best practices guide for developers. 👍 Datree.io sponsor Sharp: High Performance Image Processing from Node — Boasts that it’s ‘the fastest module to resize JPEG, PNG, WebP and TIFF images’. Uses libvips behind the scenes. Lovell Fuller Proton 4.0: A JavaScript Particle Animation Engine — There are lots of demos to enjoy. GitHub repo. A Jie Geolib: Basic Geospatial Operations with No Dependencies — Calculate the distance between geographic coordinates, the center of a set of coordinates, check whether a point is inside a polygon made up of coordinates, etc. Manuel Bieh Tenko: A 100% Spec Compliant ES2020 JS Parser Written in JS Peter van der Zee

by via JavaScript Weekly