#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) |
|
💻 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 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 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 |