Frontend Fuel - Issue 5

News

Netflix removed client-side rendering using React and it increased performance by 50%. It caused a bit of a stir. https://jakearchibald.com/2017/netflix-and-react/

Samsung Internet 6.2 is now stable and comes with a whole host of new features. Coming soon to Android 5+ devices. https://medium.com/samsung-internet-dev/samsung-internet-v6-2-now-stable-ab7f95ed8b4b

Support for the latest CSS Grid specifications landed with the release of Edge 16. https://blogs.windows.com/msedgedev/2017/10/17/edgehtml-16-fall-creators-update/

General Reading

Looking for best practices around use of node (yes, we are)? Look no further than this curated list. https://github.com/i0natan/nodebestpractices

CSS Grid is here to stay, but what does that mean for Flexbox? https://aerolab.co/blog/flexbox-grids/

Beautifully designed online interactive book around CSS (still a work in progress). http://adamschwartz.co/magic-of-css/

There’s no need for your tables to be ugly. You can make it so people actually was to read them. https://alistapart.com/article/web-typography-tables

Having trouble sleeping? Here’s a document for you (j/k): ECMAScript® 2018 Language Specification has just been released. https://tc39.github.io/ecma262/

HTTP/2 is now part of node 8.8.0 core, so you can now start experimenting with it. https://blog.yld.io/2017/11/03/http-2-in-node-js-core/

Tutorials

Deep dive into WebSockets and HTTP/2 with Server-Sent Events. https://blog.sessionstack.com/how-javascript-works-deep-dive-into-websockets-and-http-2-with-sse-how-to-pick-the-right-path-584e6b8e3bf7

Create some digital art with this p5.js crash course. https://blog.kadenze.com/creative-technology/p5-js-crash-course-recreate-art-you-love/

Presentations

Embarrassing moment for Microsoft where they needed to install Chrome in front of a whole conference because Azure wouldn’t work in Edge. https://www.youtube.com/watch?v=eELI2J-CpZg&feature=youtu.be&t=37m10s

Podcast All about CSS Grid [1h 4min] https://syntax.fm/show/018/all-about-css-grid

Tools

A list of everything you would ever want to add to your <head> element https://gethead.info/

Create and share beautiful images of your source code. https://carbon.now.sh/

Isolated React component development environment with a living style guide https://react-styleguidist.js.org/

Great “Today I Learned” list that is updated everyday around Frontend programming. https://til.hashrocket.com/

Events

Global Day of Code Retreat / London / 18 November https://www.eventbrite.com/e/global-day-of-code-retreat-pivotal-tickets-37119002937

FrontEndNorth / Sheffield / 19 Jan 2018 https://frontendnorth.com/

UpFront Conf 2018 / Manchester / 16 March 2018 http://lanyrd.com/2018/upfrontconf/

Front-end North-East / Newcastle / 5 April 2018 https://2018.frontendne.co.uk/

Libraries & Plugins

Burnside is an easy to use, modular, and extendable End to End (E2E) testing tool using only JavaScript. https://github.com/Nike-Inc/burnside

Simple and modern charts for the web with zero dependencies. https://frappe.github.io/charts/

Powerful server for Node.js that just works so you can focus on your awesome project. https://serverjs.io/

Off-topic

How do you go about text input in the virtual reality? Vive have release the BRIDGE developers kit to help solve the problem. https://blog.vive.com/us/2017/11/02/introducing-the-logitech-bridge-sdk/

This will bring back a few memories. The sound of dialup, pictured with explanations on what all the sounds mean. You can even buy a poster if you fancy it! http://www.windytan.com/2012/11/the-sound-of-dialup-pictured.html