Babel 7 to be Released

Babel is a tool that allows JavaScript developers to use the current language syntax
29 August 2018   1910

The Babel development team reported on the release of the seventh version of the transpair - a tool that rewrites code from one language to another at a comparable level of abstraction or from one version of the AP to another. The release of Babel 7 required 2 years of labor, 4 thousand commits and 50 pre-releases.

As a result, it denied Node.js versions 0.10, 0.12, 4, 5, received a new tool babel-upgrade to automatically install updates, as well as support for TypeScript.

Babel 7 Features

  • The rejection of unsupported versions of Node.js is 0.10, 0.12, 4 and 5.
  • @babel namespace migration. For example, the babel-core is now represented as @ babel / core.
  • Refusal to publish preset-es2015 annual presets and complete transition to the only one: babel-preset-env. It compiles the code with the latest JavaScript release and replaces the old presets.
  • Renaming some packages: all the plug-ins suggested by the TC39 committee will be marked -proposal, not-transform.
  • Adding a tool for automatically updates install - babel-upgrade.
  • Adding a new configuration file is babel.config.js.
  • Support for plug-ins and presets.
  • Support for TypeScript in the @ babel / preset-typescript preset

Babel is a tool that allows JavaScript developers to use the current language syntax, not paying attention to backward compatibility issues with older versions in browsers. 

Frontend News Digest 21 - 27.03

Embrace modern image formats, how to indicate scroll postion on page with CSS, integrate TypeScript with GraphQL and more
27 March 2020   2274

Greetings! I hope your week went great! Here's new frontend technologies news digest.

Learn how to use the currentColor value in CSS, how to debug a child process in Node and Gatsby.js with Chrome, how to Debug a Node.js Application: Tips, Tricks and Tools and other cool, useful and demanded things, related to all parts of frontend development.

Guides

  • Embracing modern image formats

Learn how modern images formats and <picture> element can reduce image sizes

  • How to use the currentColor value in CSS

A tutorial on a basic CSS feature, great for newbies

  • Indicating Scroll Position on a Page With CSS

This guide will teach you how to indicate scroll position, using only CSS

  • How to debug a child process in Node and Gatsby.js with Chrome

Learn how to patch `jest-worker`package used by Gatsby.js and by patching enable child process debugging using Chrome Dev Tools in this tutorial

  • Integrating TypeScript with GraphQL

Learn how to integrade TypeScript with GraphQL

  • How to Debug a Node.js Application: Tips, Tricks and Tools

Massive tutorial on Node app debugging, with some tips, that can be useful even for skilled developers

Articles

  • Full Third-Party Cookie Blocking and More (in Safari)

Safari’s Intelligent Tracking, has been in beta for some time, introduces significant privacy changes, including cross-site cookies now being blocked by default

Video

  • The Complete AEA DC 2019 Now Online

Giant number of different interesting speeches from An Event Apart session, that was realeased special in a pack for you to stay home

Updates

  • uppload

JS image uploader with 30+ plugins 

  • Node-SQLite

SQLite client library for Node.js applications 

  • Backstage

Open platform for building developer portals