#462 — November 8, 2019
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
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
🔧 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