JSter #181 - Libraries, articles, and more

To my horror, I noticed early this week that jster.net is down. It turns out the server had gone offline. The original service was hosted in Ukraine and I imagine something bad happened. That meant I had to finish and deploy the new version on a sufficient level.

The new site is far faster than the old one as it's fully static. It doesn't have full feature parity with the old one yet and I'm restoring it bit by bit. That said, the index and the blog posts are up although you may notice something not rendering in a post for example.

On the plus side, the new stack is fairly nice and it renders fast. It takes about six seconds on my computer to render 3000 pages and roughly 10 seconds on Cloudflare Pages infrastructure (not counting Deno installation).

The process hasn't been fully optimized yet so that's a good sign in case I want to grow the index one day and then there are more tricks like incremental compilation and using edge workers to generate pages dynamically on demand.

Libraries

• wooorm/starry-night - Syntax highlighting, like GitHub
• Preview.js - Preview UI components in your IDE instantly
• Panolens.js - A JavaScript panorama viewer
• yjs - Shared data types for building collaborative software
• coder/code-server - VS Code in the browser
• terotests/robowatch - Directory event watch with configuration
• Zag - UI components powered by Finite State Machines

Tools

• Flutter 3 is available
• Meta Open Source is transferring Jest to the OpenJS Foundation
• Slinkity - To eleventy and beyond
• metiss - Eliminate bugs via intelligent tests generation
• usmanyunusov/nano-staged - Tiny tool to run commands for modified, staged, and committed files in a GIT repository
• projen - A new generation of project generators
• eemeli/ibid - Tools to automate your releases and changelogs, esp. for monorepos
• ericclemmons/click-to-component - Option+Click React components in your browser to instantly open the source in VS Code

Slides

• The future is mostly static

Articles

• Making a falling sand simulator
• Moving from Next to Remix
• JavaScript Containers
• Notes on Advanced TypeScript: Runtime Validations
• Porting Zelda Classic to the Web
• Backbone.js vs React
• Why I don't miss React: a story about using the platform
• Monorepo Explained
• Supercharge your Design System with Design Tokens

Security

• npm security update: Attack campaign using stolen OAuth tokens
• 3 Jedi-inspired lessons to level up your JavaScript security

Demos

• jantimon/next-relay-demo - Relay React Concurrency Example

Services

• TypeScript Error Translator

Aricles

• Building a JavaScript Bundler

Books

• Structure and Interpretation of Computer Programs - Now in JavaScript

Icons

• Tabler Icons: over 1950 vector icons for web design

Standards

• Constructable Stylesheets