//JavaScript - Frameworks - Libs

Javascript New Features — Part 1

Javascript reach has increased from a web browser to all places of programming.

Node.js — Used for CLI and Server.

Electron — Used for cross-platform desktop Apps.

React native — Used for cross-platform mobile Apps.

IoT — Low-cost IoT devices, now support javascript.

Recent updates to v8 engine have increased the performance a lot. The javascript parsing is 2x faster, promise on an avg is 11x faster on node version ≥11 from node version 8. The memory consumption as decreased -20%. So there is an improvement in performance and usability.

Javascript new feature

medium.com

Dream features in New Typescript 3.7 are coming: Optional Chaining and Nullish Coalescing

TypeScript 3.7 is in Beta version, however, if you want to check it out you can install via npm.

blog.usejournal.com

Preact X - Virtuous DOM and the Fragments of Suspense

Preact X is the next major version of Preact fully packed with features like Fragments, Hooks, componentDidCatch, Test-Utils, Debug-Warnings, many compatibility fixes and so much more.

To give a quick summary of the new features:

  • Fragments
  • componentDidCatch
  • preact/hooks addon
  • preact/test-utils addon
  • createContext API
  • compat moved to core
  • Plethora of compatibility fixes
  • Many new warnings in preact/debug
  • Same 3 kB size as Preact 8

github.com

Geometric.js

A JavaScript library for doing geometry.

Geometric.js uses the geometric primitives points, lines, and polygons.

  • Points are represented as arrays of two numbers, such as [0, 0].
  • Lines are represented as arrays of two points, such as [[0, 0], [1, 0]]. Because they have endpoints, these are technically line segments, but Geometric.js refers to them as lines for simplicity's sake.
  • Polygons are represented as arrays of vertices, each of which is a point, such as [[0, 0], [1, 0], [1, 1], [0, 1]]. Polygons can be closed – the first and last vertex are the same – or open.
  • There are also functions to calculate relationships between these primitives.

github.com

Boost your JavaScript Debugging Skills With These Console Tricks

The console object provides access to the browser's debugging console. You can use the console object only if run your JavaScript code on the browser, i.e client-side code, not server-side code. How it works varies from browser to browser, but there is a de facto set of features that are typically provided. The best part of the debugging statements is they work with all libraries and frameworks since they’re baked inside the core language.

medium.com

New and potential ES2019 JavaScript features every developer should be excited about

JavaScript has come a long way since its early days, with many new additions and features designed specifically to make the language more user-friendly and less verbose. Below are some recent additions to JavaScript that I find fascinating.

Some of these features are already available in Node, Chrome, Firefox, and Safari, while others are still in the proposal stage.

blog.logrocket.com


//Browsers - Web

Google integrates Experimental QUIC and HTTP/3 Support into Chrome Canary

Google already enables and uses its experimental protocol “QUIC” on its websites in Chrome browser, today, the company has gone ahead and integrated it along with HTTP/3 into the Canary version.

Google obsessed with speed, announced in 2013 that they’re experimenting with QUIC, pronounced as Quick and its full form is Quick UDP internet connections.

For the unknown, QUIC, “is an early-stage network protocol” that “runs a stream multiplexing protocol over a new flavor Transport Layer of Security (TLS) on top of UDP instead of TCP”.

quic in chrome

techdows.com

New in Chrome 78

Chrome 78 is rolling out now!

developers.google.com

A Guide To New And Experimental CSS DevTools In Firefox

Ever since releasing Grid Inspector, the Firefox DevTools team has been inspired to build a new suite of tools to solve the problems of the modern web. In this article learns about all 7 tools and take a peek at potential future projects.

smashingmagazine.com

Release Notes for Safari Technology Preview 94

Safari Technology Preview Release 94 is now available for download for macOS Mojave and macOS Catalina. If you already have Safari Technology Preview installed, you can update in the Software Update pane of System Preferences on macOS.

webkit.org

More options to help websites preview their content on Google Search

Google uses content previews, including text snippets and other media, to help people decide whether a result is relevant to their query. The type of preview shown depends on many factors, including the type of content a person is looking for and the kind of device they're viewing it on.

webmasters.googleblog.com

//Html-Css

Smarter custom properties with Houdini’s new API

The CSS-TAG Houdini Task Force, better known as CSS Houdini or simply Houdini, exists to "develop features that explain the 'magic' of styling and layout on the web". The collection of Houdini specifications are designed to open up the power of the browser's rendering engine, allowing both deeper insight into our styles and the ability to extend our rendering engine. With this, typed CSS values in JavaScript and polyfilling or inventing new CSS without a performance hit are finally possible. Houdini has the potential to superpower creativity on the web.

web.dev

//Tegnology

Bundle Analyzer

Bundle Analyzer is a service that helps you monitor and keep your webpack bundle optimized over time.

github.com

//News

Internet Explorer 11 will stop being supported by Microsoft in...

death-to-ie11.netlify.com

Meet Spectrum, Adobe’s design system

Spectrum provides components and tools to help product teams work more efficiently, and to make Adobe’s applications more cohesive.

spectrum.adobe.com

//For fun

15 Must-Have Vue Directives That Will Significantly Maximize Your Productivity

Inspired by AngularJS, Vue comes with built-in directives (like v-html or v-once) that you will find useful, as each has its own use case. You can find the full list of built-in directives here.

But what is even more fantastic is that you can also write your own directives. This allowed the Vue.js community to solve countless code issues they can then publish as packages.

Here is a list of favorite Vue.js custom directives.

telerik.com

Why we chose ECharts for data visualizations - Learn why GitLab switched from D3.js to ECharts as our library of choice for rendering data visualizations.

As GitLab continues to grow in depth and breadth across the DevOps lifecycle, the use of charts and data visualizations has increased in frequency and complexity. Throughout the life of GitLab as a project used multiple libraries to render beautiful charts. As the number of different libraries increased along with our charting requirements, that decided it was time to start unifying our charting libraries to help us move quickly.

The frontend team set out to investigate different charting libraries that that could use to gain more velocity. The library didn't have to do everything, but it had to get us most of the way there. We investigated many libraries including ECharts, Britecharts, and Plotly as potential options. In the end, ECharts was the clear winner.

about.gitlab.com

Things you may not know about Chrome DevTools

dev.to