New

Typescript 3.9 beta announced

Version 3.9’s main focus is on performance, polish, and stability, speeding up the compiler and editing experience, which is considered as the most significant change you’re likely to notice. Apart from that, the release has some breaking changes, which you would like to check

devblogs.microsoft.com

simdjson 0.3: the fastest JSON parser in the world is even better!

Daniel Lemire lists the improvements made for JSON parser library and also gives a comparison of why he claims that simdjsonis the fastest parser.

lemire.me

Prettier 2.0 “2020” fresh release

The popular code formatter now adds better defaults, a better and more intuitive CLI, TypeScript 3.8 feature support (e.g. export * as ns), and lots more.

prettier.io

Redux Toolkit 1.3: An Official, Opinionated Toolkit for Redux Development

Formerly known as Redux Starter Kit, Redux Toolkit helps you out of the boilerplate and setup quagmire that can blight heavy Redux usage. v1.3 adds two new APIs: createEntityAdapter to help manage normalized state, and createAsyncThunk to abstract common data fetching behavior.

github.com

Babel 7.9 minor release

While preparing the Babel 8.0.0 release (in the next months), Babel team just finished working on a new minor release which includes updates related to @babel/preset-env, TypeScript 3.8, Flow, and JSX!

babeljs.io

The new version of NextJS came up

All of the new benefits are non-breaking and fully backward compatible:

  • Next-gen Static Site Generation (SSG) Support: Built-in optimized static generation through new data fetching methods.
  • Preview Mode: Bypass statically generated pages to display drafts from a CMS.
  • Built-In Sass Support for Global Stylesheets: Applications can now directly import .scss files as global stylesheets.
  • Built-In Sass CSS Module Support for Component-Level Styles
  • Automatic Static Optimization for 404
  •  Smaller runtime size for all Next.js applications through powerful optimizations

nextjs.org

What’s new in isomorphic-git v.1.0

isomorphic-git is a pure JavaScript implementation of git that works in node and browser environments (including WebWorkers and ServiceWorkers). This means it can be used to read and write to git repositories, as well as fetch from and push to git remotes like Github. Version 1 includes many improvements, as better IDE and Typescript integrations.

isomorphic-git.org

Big update of Rollup got rid of old, deprecated, rotting and smelling stuff

The major update to the Rollup 2.0.0 module bundler has received many changes: going back to the absence of dependencies, move to Node.js 10, usage of Chokidar to track changes, import as an ES module and others.

github.com

New Firefox release 74 - now happens nearly every month!

New Firefox 74: customization of text-decoration and outline-style, optional chaining in JavaScript, support for Feature-Policy, disabling TLS 1.0 / 1.1 and more

mozilla.org

NPM becomes a part of GitHub

GitHub has agreed with npm on the takeover. The company plans to invest in infrastructure and continue to work on tools. Paid private registries will move to GitHub Packages this year, and npm will remain open core JS ecosystem.

github.blog

Again about GitHub: so anticipated mobile client is out

The official GitHub mobile client for Android and iOS has been released. Among the features: issues, pull-requests, code reviews, notifications and a mandatory dark theme out of the box.

github.com

Memcached 1.6.0 released

The authors state that they added a lot of cool features and fixed a bunch of errors that had to be fixed for a long time.

github.com

Google mobile-first indexing to be applied to all sites within a year

Currently, 70% of those sites that appear in search results have already been converted to this type of indexing. Prior to the final transition, Google will transfer to the mobile-first indexing those resources that its systems recognize as ready for this change. 

When Google switches the domain to mobile-first indexing, it will show an increase in Googlebot activity, and the mobile version of the resource will be in the search engine index.

webmasters.googleblog.com

Performance

Perflink: a neat tool for JS Benchmarks which you can share!

It’s already the second version of Perflink, which brought lots of improvements: tests now run isolated in web workers, added ability to save and fork to/from local storage, works cross-browser, and more.

perf.link

Good-to-know tools to measure performance of JS functions

Felix Gerschau describes which JavaScript APIs we can use to measure performance and where to put more attention to in the developer’s code in terms of efficiency.

felixgerschau.com

How fonts can affect the overall first load

Dave Rupert’s article on his blog about maintaining performance or how he fixed fonts download and accelerated page load by 33 seconds.

daverupert.com

DevTools Performance Tab and Google Lighthouse Audits - Chrome Profiler usage to optimize your page speed

Series of short articles on how to leverage Chrome Profiler’s Performance tab and Audit tab as well as how to decipher results: runtime performance, load performance and Google Lighthouse Audits.

machmetrics.com

Monitoror - a wallboard monitoring app to monitor server status

Monitoror - a tool for organizing server monitoring boards, build status, critical errors, and any other metrics. Well, you know, such a big screen on the wall that sometimes turns red and everyone panics in the office. It can be viewed in live mode here

Interesting

How an anti ad-blocker works: Reverse-engineering BlockAdBlock

It’s a common practice for websites to ask user about disabling adBlock. But how does an anti ad-blocker detect adblockers? And how do adblockers react and block ad-block-blockers? Hugo Elhaj-Lahsen in the article tries to find out.

xy2.dev

JavaScript Service Workers, Visualized: How Service Workers work with a few examples

Roberto Hernandez tries to answer questions when we should use Service workers, gives a short overview of Service worker as a tool, its lifecycle and some typical use cases.

medium.com

How many times have you written sl instead of ls to get a list of files in the console?

Let’s bring some humor to making typos in style:

sudo apt-get install sl

Now a Steam Locomotive will come to you if you make a mistake again. Different options give different results, you can experiment.

cyberciti.biz

JavaScript

An Introduction to Lambda Calculus, Explained Through JavaScript

Will Taylor describes the reasons to learn lambda calculus in terms of functional programming and gives examples written in JavaScript.

willtaylor.blog

HTML DOM: A Resource for Solving DOM Problems with Native APIs

A guide with a list of different things we might normally do with a JavaScript library, but can now be done using native APIs and vanilla Javascript.

htmldom.dev

Dinero.js can be your savior for monetary operations on your project

Dinero.js is a neat library, which allows to create, calculate and format monetary values in JavaScript. It includes arithmetic operations, parser, currencies conversion, localization, and last but not least - rounding.

dinerojs.com

Javascript tree traversal algorithms explained and implemented

Joshua Hall implements several binary tree search algorithms with explanations of classical algorithms - Breadth-First and Depth-First Search.

alligator.io

Large selection of JavaScript and TypeScript tools which worth bookmarking

A quick and up-to-date overview of existing build and developer tools for JavaScript and TypeScript. It includes breakdown into categories: compilers, code generators, linter, testing and much more.

tooling.js.org

Frameworks

Bringing full-stack to the JAMstack - RedwoodJS

RedwoodJS is known to bring Full-stack development with the JAMStack approach. This framework uses React, GraphQL, and Prisma behind the scene to build a full-stack app with the ready to use tools.

redwoodjs.com

How to properly implement lazy loading of Angular modules with Ivy

Andrei Vajna helps to understand how lazy loading works underneath from a framework perspective and gives practical examples of how actually lazily load modules with Angular 9.

medium.com

React Native and Flutter discrepancies shown on practice

Gapur Kassym decided to develop two similar applications from scratch using React Native and Flutter in order to analyze its pros and cons.

medium.com

UI

Extensive introduction to AntV - technology brand for data visualization

Ant (design) was previously famous as React UI library and a great alternative to famous UI libraries. After steady growth It already contains multiple open-source JavaScript libraries to support visualization needs in various fields. AntV supports basic statistical charts with the libraries named G2, G2Plot, F2, and AVA.

observablehq.com

When 255 × 0 does not Equal Zero

When multiplying by 0 is actually not 0. Daniel Wilson studies how color blending modes work in different browsers and how the final color may depend on the color space of the user's monitor.

danielcwilson.com

Tutorial on how to distinctively draw attention to your call-to-action button

Louis Hoebregts makes some particle magic out of Hogwarts and shows how to leverage Web Animations API to create a firework effect when clicking on a button.

css-tricks.com

Testing

Jest-dom - custom jest matchers to test the state of the DOM

Jest-dom library provides a set of custom jest matchers to write tests that assert various things about the state of a DOM. The library will make your tests more declarative, clear to read and to maintain.

github.com

Stryker - Test your tests with mutation testing

Mutation testing is second-order testing, for instance, it tests your tests, not your code. Stryker is a pretty beneficial tool: open-source, fast and test runner agnostic.

stryker-mutator.io

7 Essential Cloud-based Load Testing Tools in one place

A good article that gives a short overview of tools suitable for load testing running, monitoring and visualization.

geekflare.com

Node

Up to date NodeJS repository of best practices

This repository is a summary and curation of the top-ranked content on Node.js best practices, as well as content written here by collaborators. It includes  80 best practices, style guides, and architectural tips and more.

github.com

Live debugging of NodeJS applications in the command line. Tips on how to catch errors of server code right on production

Something is happening in production that you have never thought of, and you don’t know what it is, either you can’t reproduce it. What if you could find out exactly what code is running right now? Then you could see the problem immediately and save a great deal of downtime. This article can give some instructions.

medium.com

Building convenient and informative visualisation dashboards of NodeJS app

Sergey Potekhin delivers an article how to build attractive dashboards from any Node app by using Prometheus with Grafana, complete with some templates for you to start from.

sergeypotekhin.com

A cybersecurity vector - backdoor and how to mitigate this kind of attacks

Article about familiarity with this type of vulnerability using the example of developing your own backdoor for an application on Node.js and protection tips

snyk.io