Frontend News Digest 24 - 30.08

New and experimental CSS Firefox tools, Node.js' new current version update, deep dive to its internals and many other interest things awaits you
29 August 2019   448

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

In this digest, you will learn how to release custom react component, hook or an effect as an npm Package, learn about the powers of HTML5 storage that allos you to create shopping card and about new experimental CSS tools in Firefox. Also, Node.js v12.9.1 is out.

Guides

  • Creating A Shopping Cart With HTML5 Web Storage

This guide will teach you how to use the HTML Web Storage powers to create a shopping card step-by-step

  • How to Release a Custom React Component, Hook or Effect as an npm Package

Author believes he find a way how to release hook, custom component of React of an Effect as an npm Package in a more easier way than always

Article

  • Faster Image Loading With Embedded Image Previews 

EIP technology described in this post allows us to load preview images during lazy loading using progressive JPEGs, Ajax and HTTP range requests with no additional data transered.

  • Node v12.9.1 (Current)

Small release fixes 2 regressions in the http module

Video

  • New & Experimental CSS Tools in Firefox
     

UX designer at Mozilla Firefox Developer Tools team talks about cool new and even experimental CSS Tools in popular browser

  • A Journey into Node.js Internals

Tamar Twena-Stern spoke about the internals of the one of the most popular JavaScript's runtime environments

Updates

  • monolith

Solution allows to sale any web page into as a single HTML file with enbedded CSS, image, and JavaScript assets all at  a single HTML5 doc

  • radialMenu

Easy to set up (according to the developers) and customizable JS menu

  • Data Table Component

Includes a lot of features, and, according to the developers, is simple, sortable and flexible

  • React Webcam

A component to work with webcams for React

Frontend News Digest 14 - 20.09

20 September 2019   53

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

In this digest, beginners can learn about CSS Grid, skilled coders may learn about, for example, what's new in Chrome 77 for developers, difference between axion and fetch() API and many other stuff.

Guides

Good overview on grips with Grid.

  • How to Easily Reuse Components Across Projects and Repositories

A tutorial on building, collaborating and distributing over components to create different projects.

  • Preview your Vue or React components using JSDoc

Guide on creating and publishing your Vue app documents

Article

It’ll only be a couple of years before we reach Chrome 100 and it seems Firefox wants a piece of the action :-) Firefox’s release cadence will be moving from approx 6-8 weeks per version to just 4 from Firefox 71 onward.

Chrome 77 is rolling out to users now. Here, Pete LePage dives in to what’s new for developers in this latest version.

  • Javascript Overcomes Java as The Most Popular Programming Language of 2019

Well, cool news for all frontenders, is suppose =)

  • CSV & Excel to JSON in JavaScript

Ajax & Fetch can help you with that, learn how exactly.

  • Source-maps could be revealing your private project files

Article on a possible vulnerability, beware!

  • Axios or fetch(): Which should you use?

Article, which is written to give you the better understanding of both APIs.