Five Frontend Things Friday #6

Here are five things in the Frontend Engineering world, that I found interesting…

  1. Hypernova - From Airbnb, “A service for server-side rendering your JavaScript views.” Seems pretty complete the a server, a browser component, and the client (Node.js or Ruby).

  2. RxJS - From the documentation site for RxJS, “RxJS is a library for composing asynchronous and event-based programs by using observable sequences. It provides one core type, the Observable, satellite types (Observer, Schedulers, Subjects) and operators inspired by Array#extras (map, filter, reduce, every, etc) to allow handling asynchronous events as collections.” Might be worth investigating if you have a lot of async events happening in your app if Promises isn’t cutting it for you.

  3. High Performance Animations - From the great Paul Lewis and Paul Irish, on HTML5Rocks site, “We’re going to cut straight to the chase. Modern browsers can animate four things really cheaply: position, scale, rotation and opacity. If you animate anything else, it’s at your own risk, and the chances are you’re not going to hit a silky smooth 60fps.” Worth a read if you’re animating things on your webpage and things are getting janky on you.

  4. Loupe - From the site, “Loupe is a little visualisation to help you understand how JavaScript’s call stack/event loop/callback queue interact with each other.” Built by Philip Roberts who wanted to help others understand how JavaScript works. His presentation “What the heck is the event loop anyway” must be watched.

  5. What is the Accessibility Tree? - The web should be a place anyone can browse. With that in mind, it’s important that as Frontend Engineers we take the time and ensure that our sites are accessible. This is one video in Marcy Sutton’s “Start Building Accessible Web Applications Today” course you should check out to dip your toe in the waters of accessibility if you haven’t already.

Keep Rising,

Kevin B. Ridgway

Like this list? Want to get it in your inbox? Sign up for newsletter!