---
title: "TypeScript 3.7, React Conf videos, and making good pull requests"
publication: "JavaScript Weekly"
issue: 462
published_at: "2019-11-08"
canonical_url: "https://javascriptweekly.com/issues/462"
---

This week's JavaScript news       

#462 — November 8, 2019 

[Read on the Web](https://javascriptweekly.com/issues/462)   

JavaScript Weekly 

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/v1573233200/pgn6sqkntktx5s7rscln.png)](http://frankforce.com/?p=7160#shattered)  

[How a 3D Tunnel Effect is Implemented in 140 Characters of JavaScript](http://frankforce.com/?p=7160#shattered) — 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](https://devblogs.microsoft.com/typescript/announcing-typescript-3-7/) — 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](https://www.typescriptlang.org/play/index.html) has also gotten some updates including a ‘dark’ mode and automatic type acquisition when importing packages. 

Daniel Rosenwasser   [![\](https://copm.s3.amazonaws.com/189aa059.png)](https://frontendmasters.com/learn/javascript/) 

[⭐️ Master Writing Modern, Professional JavaScript](https://frontendmasters.com/learn/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](https://www.youtube.com/playlist?list=PLPxbbTqCLbGHPxZpw4xj_Wwg8-fdNxJRh#reactconfvideos) — 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](https://www.youtube.com/watch?v=CGpMlWVcHok&list=PLPxbbTqCLbGHPxZpw4xj_Wwg8-fdNxJRh&index=8&t=0s) with Sophie Alpert, plus the two-parter [Building the New Facebook with React and Relay](https://www.youtube.com/watch?v=9JZHodNR184&list=PLPxbbTqCLbGHPxZpw4xj_Wwg8-fdNxJRh&index=4&t=0s) with Frank Yan, and then [part two](https://www.youtube.com/watch?v=KT3XKDBZW7M&list=PLPxbbTqCLbGHPxZpw4xj_Wwg8-fdNxJRh&index=4) with Ashley Watkins. 

YouTube   

[Snyk's JavaScript Frameworks Security Report 2019](https://snyk.io/blog/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.](https://snyk.io/wp-content/uploads/snyk-javascript_report_2019.pdf) 

Liran Tal (Snyk)     

⚡️ Quick Releases 

- [Node 13.1.0](https://nodejs.org/en/blog/release/v13.1.0/) — Check out [this week's Node Weekly](https://nodeweekly.com/issues/313) for more.
- [date-fns 2.7.0](https://github.com/date-fns/date-fns/releases/tag/v2.7.0) — It's like lodash for dates.
- [Nest 6.9](https://github.com/nestjs/nest) — Server-side app framework for Node.
- [Pixi.js 5.2](https://github.com/pixijs/pixi.js) — HTML5 game development framework.
- [sql.js 1.0.1](https://github.com/kripken/sql.js) — SQLite compiled to JavaScript.   

💻 Jobs  

[Software Developer - Ruby](https://www.anynines.com/career/full-stack-developer-ruby?utm_source=newsletter&utm_medium=JavaScript%20Weekly&utm_campaign=full-stack-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](https://www.vettery.com/tech?utm_source=newsletter&utm_medium=cooper-javascriptweekly&utm_term=tech&utm_content=grouped&utm_campaign=ad-77584) — 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](https://jrsinclair.com/articles/2019/algebraic-structures-what-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](https://blog.bitsrc.io/understanding-the-delete-operator-in-javascript-3791ba6f3a08) — `delete` is used to remove specific properties from objects. 

Chidume Nnamdi   

[What Is A CI/CD Engineer?](https://circleci.com/blog/cicd-engineer/) — This post explores the possibilities of a new role... CI/CD Engineer. 

CircleCI sponsor   

[A Complete Guide to JavaScript Tooling](https://dev.to/hoangbkit/a-complete-guide-to-javascript-tooling-56eg) — 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](https://medium.com/@craigmiller160/how-to-fully-optimize-webpack-4-tree-shaking-405e1c76038) — _“We reduced our bundle sizes by an average of 52%.”_ 

Craig Miller   

[Scaling WebSocket Connections using Shared Workers](https://ayushgp.github.io/scaling-websockets-using-sharedworkers/) 

Ayush Gupta   

[Client-Side SQL Query Parsing with ANTLR](https://rockset.com/blog/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](https://blog.angularindepth.com/google-maps-is-now-an-angular-component-821ec61d2a0) — 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](https://www.telerik.com/blogs/lets-build-a-sales-dashboard-with-react?utm_medium=cpm&utm_source=jsweekly&utm_campaign=kendo-ui-react-blog-sales-dashboard&utm_content=brieflink) 

Progress KendoReact sponsor   

[How to Send Good Pull Requests on GitHub](https://eli.thegreenplace.net/2019/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](https://www.wix.engineering/post/breaking-chains-with-pipelines-in-modern-javascript) 

Dan Shappir  

🔧 Code & Tools  

[VSCode Glean: A VS Code Extension for Refactoring React Code](https://github.com/wix/vscode-glean) — Extract JSX into new components, convert functions to components (or, yes, stateful components to functional ones!), and more. 

Wix   

[Simplur: Simple, Versatile String Pluralization](https://github.com/broofa/BroofaJS/tree/master/simplur) — 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](http://ui.toast.com/tui-chart/) — 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](https://try.datree.io/ci-best-practices?utm_source=cooperpress&utm_medium=jsweekly) — 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](https://github.com/lovell/sharp) — 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](http://a-jie.github.io/Proton/) — There are [lots of demos to enjoy](http://a-jie.github.io/Proton/#examples). [GitHub repo.](https://github.com/a-jie/Proton) 

A Jie   

[Geolib: Basic Geospatial Operations with No Dependencies](https://github.com/manuelbieh/geolib) — 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](https://github.com/pvdz/tenko) 

Peter van der Zee        

Curated by [Cooperpress](https://cooperpress.com/) and [Peter Cooper](https://twitter.com/peterc). 

'JavaScript' is a trademark of Oracle Corporation in the US
We are not endorsed by or affiliated with Oracle. 

[Change your email address](https://javascriptweekly.com/edit_subscription/*|UID|*) or[stop getting this newsletter](https://javascriptweekly.com/leave/*|UID|*). 

© Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom