Bored LulaRoe Yacht Club

Issue #69.October 11, 2021.2 Minute read.
Bytes

Hacktoberfest started off with a bang last week, when an anonymous bl4ckh4t leaked all of Twitch’s source code. Here’s hoping that you reach all of your October dev goals too.

Welcome to issue #69 (nice).

Squid Games eyes

Firefox’s “trusted partners” watching your address bar

Firefox 93 — The Good, The Bad, and The Money

There was a lot of news and hot takes swirling around the web’s *checks notes* 4th-most popular browser last week. Let’s unpack how it all went down.

The Good: Firefox released v93 last Friday. It’s a big update that introduces multiple long-requested features that should improve Firefox’s DX and UX, including:

  • AVIF Image Support — It’s exciting to see this preliminary support for AVIF — a high-performance, open source, royalty-free file format that many predict could overtake JPEG and PNG as the preferred way to share images on the web.

  • Static Initialization Blocks — New support for this JavaScript feature allows you to run blocks of code when initializing static fields, which is helpful if you want to set multiple fields from a single value or evaluate statements.

  • Custom Elements — The new HTMLElement.attachInternals() method returns an instance of ElementInternals, giving you control over an HTML element’s internal features. The new ElementInternals.shadowRoot property lets you can gain access to the shadow root of elements.

The Bad: Firefox Suggest. This new “feature” is basically a euphemism for showing you autocomplete suggestions (AKA ads) from “trusted Mozilla partners” when you start typing into the address bar 🤮. Thankfully, it’s easy enough to disable, but Firefoxies (like Swifties, but for FF) are understandably pretty pissed at how this seemed to be added without much transparency.

The Money: Firefox and Mozilla are in a tough spot. They’ve made their bones by positioning themselves as anti-Big Tech and pro-developer, but, in the words of my future neck tattoo — developer goodwill doesn’t pay the bills. Mozilla had to lay off most of the MDN team last year, and Firefox usage is declining as all browser roads increasingly lead to Chrome.

It’s hard to blame Mozilla for trying to maximize those Firefox ad dollars, especially when that ad revenue is used to fuel solid releases like Firefox 93. But by squeezing the remaining Firefoxies even tighter, they run the risk of driving more and more of them away.

KendoUI Meme

Kendo UI delivers everything you need to build modern, beautiful, responsive apps!!!

These Kendo UI grids have changed my life

Building a data grid is one of the things that sounds pretty easy and straightforward, but always has a bunch of hidden gotcha’s waiting to sabotage your project (and your sanity).

And most data grid libraries out there are kind of like that old used car you saved up to buy in high school — it might technically work (some of the time), but it’s almost not worth the hassle. Oh, and it’s dangerous.

That’s why you should just use Kendo UI — a collection of four JavaScript component libraries with powerful data grids (along with dozens of other components) that can save you from Grid Hell™.

Each library is fast, responsive, easy to customize, and (best of all) written from the ground up for the most popular JavaScript frameworks — Angular, React, Vue, and even jQuery (lol). So you get all the benefits of native components, without actually having to build them yourself like a pleb.

👉 Check out Kendo UI’s free trial, and see what grid nirvana feels like.

🔥 JS Tip

You can remove all “falsy” values from an Array by filtering for Boolean.

const friends = [
  'Jake',
  null,
  'Cassidy',
  undefined,
  'Joshy',
  undefined,
  'Jordyn'
]

const filteredFriends = friends.filter(Boolean)
filteredFriends // ["Jake", "Cassidy", "Joshy", "Jordyn"]

Jobs

Full Stack Engineer at Chromatic — TS, React, Next.js, GraphQL | 100% Remote

Join the team behind Storybook and Chromatic—tools used by hundreds of thousands of developers. You’ll work on the backend to the frontend and from the ideation stage to shipping. Along the way, you’ll collaborate with folks across the globe and build your reputation as a leader in the frontend community.

Senior Full Stack Engineer - Remote

A company I (Tyler) recently invested in is looking for a Senior Full Stack Engineer. Tech Stack is React, Next.js, Go, MySQL, AWS. They just closed a seed round lead by a tier 1 VC firm (not announced yet). Remote, good pay, learning stipend, equity - all that stuff. If you’re interested, live in the US, and have 4+ years experience, email me - tyler@ui.dev.

Cool Bits

  1. Appwrite is an open source Firebase alternative that makes cross platform app development easy. It’s got a realtime database, file storage, serverless functions, good auth methods and an architecture that’s focused on scalability, privacy, security and self-hosting out of the box. [sponsored]

  2. Sources say that Remix is getting rid of its restrictive licence and planning on going open source. They must have realized that most developers are, in fact, aware that Next.js is free to use.

  3. Have you ever thought about how grief is really just love with no place to go? No? Oh. Well have you ever thought about how useRef is really just useState without a re-render? I have, and I wrote about it in Understanding React’s useRef Hook.

  4. Xterm.js is a frontend component that lets you put a fully-featured terminal in your web app, and is used by VSCode (and a bunch of other tools you probably use).

  5. Craig Buckler wrote about Getting started with Rollup, which explains how to use the popular JavaScript bundler, and not how to perfectly apply the Hello Kitty-themed Fruit Rollup tongue tattoos.

  6. Npm 8 was just released without many breaking changes or new features, presumably because Yarn hasn’t come up with anything interesting enough for them to copy in a while.

  7. There were lots of great talks at last week’s Jamstack Conf (and one dead bird, RIP), which proved that the dream of the ’90s is indeed alive in Portland… and at Netlify.

  8. Svekyll is a new library that combines “the radical simplicity of Jekyll with the futuristic power of Svelte.” It reminds me of my newest project that I’m excited announce today, Bored LulaRoe Yacht Club — it combines the radical simplicity of an ugly leggings ponzi scheme with the futuristic power of JSON metadata non-fungible token ownership. Sign up today, and recruit 3 of your friends (who each recruit 3 more friends) and we’ll all get rich together.