Friday Issue Nr.69

2023-06-30

back

This week brings two online games. You can learn Flexbox in one; the other is simply a fun journey with passwords. If that is not enough, then TansTack Table pushed V8 out, and solid article on Svelte and another set of SVG icons.

JavaScript News

TanStack Table v8

https://tanstack.com/table/v8

In the current project, we are trying some PoC with Tables. So far, we have built all tables in React from scratch but now looking for different solutions. TansTack Headless tables look pretty exciting and also very popular. So far, I’m quite impressed with the simplicity of using them. The best part is full control of UI, which means we can accommodate any design.

React Ecosystem in 2023

An extensive list of goodies.

https://www.builder.io/blog/react-js-in-2023

Handle Idle Users

https://idletimer.dev/

This might be a handy addition to your app when you want to auto-refresh an app if a user returns after some while. Basically, it detects activity and reacts to that.

Thoughts on Svelte

Excellent Friday’s article: https://claudioholanda.ch/en/blog/svelte-kit-after-3-billion-requests/

Why doesn’t TS properly type Object.keys?

https://alexharri.com/blog/typescript-structural-typing

CSS News

The fun way to learn Flexbox

Since it is Friday, why not spend 20 minutes playing a game?

https://flexboxfroggy.com/

While on games, here is the Password Game. I only manage to pass Rule 8.

https://neal.fun/password-game/

MDN Playground

Well, why not?

https://developer.mozilla.org/en-US/blog/introducing-the-mdn-playground/

The good line-height

Helper tool to figure out the best line height, taking into account the X-point baseline

https://www.thegoodlineheight.com/

Mixed News

Developer Browser Sizzy

https://sizzy.co/

It probably does all that Firefox or Chrome Dev tool, plus more. For example, you can override fonts and styles and take screenshots, gifs, and videos as if on the device. Primarily for UI viewport testing, as it doesn’t simulate the native browser engine. The underlying renderer is Chromium

Opens-source SVG icons

https://flowbite.com/icons/

Bug at the NPM - scary story!

https://blog.vlt.sh/blog/the-massive-hole-in-the-npm-ecosystem

console.log turbo version for VS

https://www.amitmerchant.com/do-not-write-console-logs-ever-again/

PS. Those who use Webstorm in code write a log and hit TAB.

Andris Švarcs

Somehow, I've survived over 15 years as a web developer without losing my interest in the craft. Quite the opposite, with so many great improvements in the Web standards, what was nearly impossible now is easy to make.

My career has been a wild ride through small agencies and big corporations, building everything from finance apps to health dashboards.

I'm that annoying person who needs to understand products beyond just slinging code. I ask questions like 'Why is this feature important?' and 'How will this improve the customer journey?' – you know, the kind of questions that make project managers reach for the pint aspirin. This curiosity has led me down the rabbit holes of design, accessibility, and SEO. Because apparently, making websites pretty, usable, and findable wasn't challenging enough on its own.

P.S. If this bio sounds too polished, blame my evil AI twin. I'm still working on teaching it sarcasm.

Copyright © since 2021, Andris Švarcs. All rights reserved.

Lets connect

bluesky

youtube

linkedin