Bookmarks (265)

Dittytoy: JavaScript-Based Generative Music Sandbox — This is a fun online, JavaScript-based audio playground of sorts. Here we begin with some vocoder Puccini, but there’s also Super Mario, techno, and a clarinet to enjoy. Quirky and fun idea.

TwClassed: Type-Safe Library for Reusable Tailwind Components — If you’d like to build components using Tailwind CSS and have them be type-safe, this is for you. Happy with vanilla JS or in React (via a wrapper). This post explains why the author created it. GitHub repo.

Eruda 2.6: A Console for Mobile Browsers — If you’re in a situation where you have no access to DevTools, you can add Eruda to your page and it provides a sort of virtual devtools you can use from any browser, including on mobile.

Ant Design 5.0: Enterprise-Class Design Language and React UI Library — New components, a calmer more modern styling, and improved dynamic theming options are now in this popular, mature UI suite. Already an Ant user? There’s a v4 to v5 migration guide. – Official homepage.

Hyperstack: A New Rails-Inspired Node.js Web Framework — A fresh take on the idea of bringing something like Ruby on Rails into the JavaScript world. Tread carefully; the paint is still fresh.

The State of JavaScript 2022 Survey is Open — JavaScript’s most popular annual survey is open once again. The results (2021’s, for example) are always fascinating to see, so go share your knowledge so we can see where JavaScript is headed. There’s a ‘guest’ mode so you can take part anonymously this year without having to sign up.

🦕 Building Apps in Deno with Frameworks — Deno, perhaps best known as the server-side JS runtime that isn’t Node, had a big release last week adding first-class npm package support. This opens up a lot of opportunities for more easily using Deno to create, say, React, Express or Vue apps, and this post shows off how.

Script Kit: JS-Based Workflow Scripting — A tool for creating and running scripts (in JavaScript) that solve your daily problems, like launching things, manipulating images or text, moving apps around or, well, hundreds of things. It can load in npm packages on the fly, too, so you’re not restricted in what you can do. Focused on macOS but with an alpha preview build for Windows.

Machine Learning with Unix Pipes and JavaScript — Built on top of the Bun runtime, this post shows off how JavaScript and the Shumai tensor library can be used in Unix-y style for ML from the command line. Love this sort of experimentation!

A Guide to Keyboard Accessibility from JavaScript — The first article in this series looked at HTML and CSS accessibility, and this second entry focuses on what you can do in JavaScript to improve the experience for keyboard-oriented users.

Producing Native ES Modules on Node.js with TypeScript — First appearing in 2021, this handy blog post from JavaScript’s resident doctor has undergone a 2022 update.

React Native in 2022 and Beyond — Summarizes the latest developments in React Native and where it’s headed next.

How We Lost Our Slick New Package Name (And Then Got It Back) — The developer behind ‘React Flow’ was given access to the ‘reactflow’ package on npm but when he came to publish his package things got messy due to existence of a ‘react-flow’ package.

Angular v15 Released — It may not be the newest shiny thing, but Angular is dependable, widely used, and well maintainted. In v15, its legacy compiler is gone, standalone APIs (no NgModules!) are a stable mainstream feature, and the directive composition API opens up new code reuse strategies. It’s all on display here.

Nuxt 3.0: The Vue.js-Based Webapp Framework — Two years in the making, 3.0 is a rewrite based on Vite, Vue 3, and Nitro (the server engine) with first-class TypeScript support. If Vue is your thing, this may be the full stack option for you.

Announcing TypeScript 4.9 — The latest version of the popular typed JavaScript superset and associated tooling gains the satisfies operator for matching types without losing them, auto-accessors in classes, a change to how NaN equality checks are done, plus editor tooling and perf improvements.

The Magical World of Particles with React Three Fiber and Shaders — You'll learn a lot about shaders and rendering particle effects in this fascinating interactive primer.

TanStack Router: A Fully Type-Safe Router — Powerful routing and first-class search-param APIs for React, Solid, Vue and Svelte. Built in caching, auto prefetching, and more.

Twix: Style React Components with Tailwind CSS — If you never liked having CSS in your JavaScript, how about Tailwind instead?

🧈 Retire Your Legacy CMS with ButterCMS — ButterCMS is your new content backend. We’re SaaS so we host, maintain, and scale the CMS. Enable your marketing team to update website + app content without needing you. Try the #1 rated SaaS Headless CMS for your JS app today. Free for 30 days.