Front End News #9: Firefox 68, Netlify Analytics, Hermes for React Native and Developer of the Week
Tags: news, frontendnews, netlify, firefox
Published: 2019-07-13 19:37:58

---
title: Front End News #9: Firefox 68, Netlify Analytics, Hermes for React Native and Developer of the Week
published: true
tags: news, frontendnews, netlify, firefox
canonical_url: https://medium.com/frontendnexus/front-end-nexus-9-firefox-68-netlify-analytics-hermes-for-react-native-and-developer-of-the-684cf0194bf
series: Front End News 
---


![](https://cdn-images-1.medium.com/max/1024/1*mBNTN3tT11MPddujC3CiXQ.png)<figcaption>View the episode on YouTube at <a href="https://youtu.be/DdTwOiAle7o">https://youtu.be/DdTwOiAle7o</a></figcaption>

Hello everyone and welcome to another round of Front-End News. Here is what I have prepared for you today:

- Mozilla releases Firefox 68
- Netlify launches its new Analytics service
- Facebook open sources Hermes

There are also a couple of software updates I want to mention and I’m introducing a new section for the Developer of the Week. So stay with me until the end to find out all the details.

As always, I have also prepared a video version for those that prefer listening instead of reading. If you enjoy this format, I would appreciate it if you would subscribe to the YouTube channel as well.

{% youtube DdTwOiAle7o %}

### Mozilla releases Firefox 68

![](https://cdn-images-1.medium.com/max/1024/1*sCEy5h9NmtEioX8dnIZa5g.jpeg)<figcaption>Image courtesy of <a href="https://blog.mozilla.org/">https://blog.mozilla.org/</a></figcaption>

Mozilla released version 68 of their Firefox browser. The company continues to make good on their promise to deliver a more secure and private browsing experience, as the update includes a number of security fixes, together with a list of recommended extensions that have been thoroughly reviewed for security, usability, and usefulness.

There is also a number of new features in this version. The most visible one is about Reader View, as the update extends the dark mode to the entire browser area, including sidebar, toolbars, and controls.

I mentioned WebRender becoming available in a previous episode. That update was functional only for computers using NVIDIA graphics cards. Firefox 68 extends the support to include both Intel and AMD GPUs, making WebRender functional for everyone using Windows 10.

Enterprise users now have an extended range of available policies, making it easier than before to customize the browser to the specific needs of each company. For example, IT managers can now customize or disable completely the new tab page, can turn off search suggestions, or can manage extensions by ID and by website.

Developers were not forgotten either. There is now the option to run a full page color contrast audit that identifies all elements on a page that fail color contrast checks. There is now full support for the CSS Scroll Snap module, as well as the new `about:compat` option, where website-specific workarounds are listed and may be toggled off. These workarounds are meant as temporary fixes for various forms of website breakage for Firefox, while the website fixes them in due time. With `about:compat`, it is now easy to see all of the workarounds that are active in Firefox, and easy for website developers to disable a given workaround for testing purposes.

Full details about this update can be found in the links down below:

- [https://blog.mozilla.org/blog/2019/07/09/latest-firefox-release-available-today-for-ios-and-desktop/](https://blog.mozilla.org/blog/2019/07/09/latest-firefox-release-available-today-for-ios-and-desktop/)
- [https://www.mozilla.org/en-US/firefox/68.0/releasenotes/](https://www.mozilla.org/en-US/firefox/68.0/releasenotes/)
- [https://hacks.mozilla.org/2019/07/firefox-68-bigints-contrast-checks-and-the-quantumbar/](https://hacks.mozilla.org/2019/07/firefox-68-bigints-contrast-checks-and-the-quantumbar/)
- [https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/68](https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/68)

### Netlify Analytics

JAMstack is the new cool kid in web development and Netlify is the most well-known platform for deploying your static generated website.

![](https://cdn-images-1.medium.com/max/1024/1*opiDqpPNEmIKALhi16DIPA.png)

Users of this platform now have a new powerful tool at their fingertips, as Netlify announced their brand new Analytics functionality. What puts this service ahead of all its competitors is the fact that it’s server-side only, without any client-side JavaScript or any other tracking tools. The data is collected from the HTTP requests via the Application Delivery Network which serves your website traffic.

I think everyone is on the same line as Chris Coyier of CSS Tricks — “Analytics that I don’t have to install, have zero impact on the site, and accurately measure everything regardless of JavaScript running. Sign me up, please.”

![](https://cdn-images-1.medium.com/max/1024/1*DRp2D3wmbIX9P13rC2Nhvg.png)

The Analytics service can be enabled straight from the dashboard for any site deployed to Netlify and it costs $9/mo for each site.

Sources and references:

- [https://www.netlify.com/products/analytics/](https://www.netlify.com/products/analytics/)
- [https://www.netlify.com/blog/2019/07/10/netlify-analytics---accurate-insights-without-performance-impacts/](https://www.netlify.com/blog/2019/07/10/netlify-analytics---accurate-insights-without-performance-impacts/)

### Facebook open sources Hermes

Hermes is an open-source JavaScript engine optimized for running React Native apps on Android. Starting with version 60.0.2 of React Native, developers can enable a flag to activate Hermes and use it in their applications.

Facebook claims that “for many apps, simply enabling Hermes will result in improved start-up time, decreased memory usage and smaller app size.” The official page has a benchmark done on the MatterMost React Native app running on a Google Pixel.

![](https://cdn-images-1.medium.com/max/1024/1*I7wF5iz0Ti7mfpZpmhpjNA.jpeg)<figcaption>Image source: <a href="https://code.fb.com/android/hermes/">https://code.fb.com/android/hermes/</a></figcaption>

Time to Interaction went down 2.29s, from 4.30s to 2.01s. Application size was reduced 19MB, from 41MB down to 22MB. Memory Utilization was also 49MB lower, from 185MB down to 136MB.

That’s a nice overall improvement, but the real test will come from the developer community.

Sources and references:

- [https://code.fb.com/android/hermes/](https://code.fb.com/android/hermes/)
- [http://facebook.github.io/react-native/docs/hermes](http://facebook.github.io/react-native/docs/hermes)

### Notable software updates

I have two major software releases to tell you about.

The first one is NextJS who got updated to version 9.0. The second one is Standard JS who recently got updated to version 13.0. There are also two minor patches that were released right after that, making the current version 13.0.2 at the moment this episode was made.

- NextJS 9.0: [https://nextjs.org/blog/next-9](https://nextjs.org/blog/next-9)
- Standard JS: [https://standardjs.com/changelog.html#1300---2019-07-10](https://standardjs.com/changelog.html#1300---2019-07-10)

### Developer of the Week

I’m opening today another new section of the show — the Developer of the Week, where I will present people who do great work in building a better web for users and a better industry for developers.

![](https://cdn-images-1.medium.com/max/1024/1*UTxDxuSFJBZ-ec4XC7IUbw.png)<figcaption>Source: <a href="https://rachelandrew.co.uk/">https://rachelandrew.co.uk/</a></figcaption>

I want to start this section with Rachel Andrew. She is an Invited Expert to the CSS Working Group, a Google Developer Expert (GDE) and one of the main forces behind the development and integration of CSS Grid. She has her name on the cover of 23 books (as of this moment) and countless articles published all over the Internet.

She is now the editor-in-chief of the well-known Smashing Magazine portal and she loves to speak and write about layout in general and especially CSS Grid, as well as all the ways you can use all the great new CSS features while supporting older browsers at the same time.

![](https://cdn-images-1.medium.com/max/1024/1*AMmVwAb3bqosckE7iMlcXw.png)<figcaption>Source: <a href="https://www.smashingmagazine.com/author/rachel-andrew/">https://www.smashingmagazine.com/author/rachel-andrew/</a></figcaption>

Rachel also loves running — she is planning to do three iron-man thriatlons in 2019 — and she is also studying for her Private Pilot’s Licence for small airplanes. How awesome is that?

{% tweet 1149905880588214272 %}

If you want to get in touch with Rachel, to hire her services or to invite her to speak at an event, the best way to do it is via her website — [https://rachelandrew.co.uk/](https://rachelandrew.co.uk/)

### Question of the Day

Who is the next person that you would like to see mentioned in our new “Developer of the Week” section? Please leave your recommendations in the comment section or on [https://twitter.com/frontendnexus.](https://twitter.com/frontendnexus.)

That’s all there is in this edition. Follow Front End Nexus on Twitter at [https://twitter.com/frontendnexus](https://twitter.com/frontendnexus) to be notified as soon as a new update happens. I also want to encourage you to subscribe to the YouTube channel at [https://www.youtube.com/channel/UCgACtqiDmnSaskDIBsK54ww](https://www.youtube.com/channel/UCgACtqiDmnSaskDIBsK54ww). I can unlock some more options once the channel hits 100 subscribers, so your support is highly appreciated.

Have a great and productive week and I will see you next time!

* * *