Profile avatar
larsgraubner.bsky.social
Building https://klokka.co – type-safe #React + #Node.js starter kit for scalable enterprise applications πŸš€
128 posts 73 followers 341 following
Regular Contributor
Active Commenter

Write flat tests. No "describe", no scenario nesting, no beforeEach/afterEach hooks (as a rule). Each test case is self-contained, listing all the setup it needs. Use Symbol.dispose for reliable cleanup. Use granular test cases. ☝️ These things will make your tests shine.

I learned the hard way, that when importing a CommonJS package in an ESM app within the same monorepo, Vite requires different selectors for the package: optimizeDeps requires the package name and commonjsOptions requires a path. Wasted way too much time on this, but it finally works as expected πŸ™„

pnpm v10.12 is a huge release! We’ve added many new features to the version catalogs system. We also shipped a new experimental option that makes installation almost instant on most dev machines. github.com/pnpm/pnpm/re...

Whenever I implement basic features, such as authentication, for my starter kit, I like to check out the Laravel documentation. They're implemented and documented quite well there 🎯

One gotcha when using TanStack Form in combination with TanStack Query: Always use the async versions of the mutation functions. Otherwise the form state isSubmitting does not behave as expected.

This sounds exciting. Letβ€˜s see how this will evolve. The principles seem promising at least 😊 remix.run/blog/wake-up...

It has been quiet this week around klokka.co but Iβ€˜m hard at work to get a Beta version done in the next couple weeks 😊 docs are waiting to be written πŸ˜„

Also, run ESLint with --report-unused-disable-directives to get notified of obsolete eslint-ignore comments.

Currently I'm working on klokka.co - a full-stack starter kit that handles the tedious parts of enterprise apps (auth, I18n, emails, etc.) so you don't have to. React + NestJS + TypeScript, all set up and ready to scale. Ship your ideas faster.

I just recently discovered Chrome tab group and I really like them. My tabs always have been a mess πŸ˜„

Since I often use SVG sprites for icons and wasn't satisfied with the existing tools, I created a lightweight Node.js CLI tool. Check it out, feedback welcome! 😊 www.npmjs.com/package/svg-...

It's so hard to be reasonable 😭

It was about time, wasn't it? πŸ˜… πŸ‘‡ But now, with Firefox 138 all major browser engines support import attributes to import JSON from within your ECMAScript modules. πŸ‘‡ βœ… Chromium: 123+ βœ… Safari: 17.2+ βœ… Firefox: 138+ (released 2w ago) PS. This syntax works in modern Node.js, too!

When implementing auth I always come back to session auth with cookies. It’s just easier to handle compared to JWT. This will be the default for klokka.co, my SPA starter kit 😊

Having both, ESM and CommonJS applications, in a monorepo is a constant battle.. πŸ₯²

ECMAScript excitement πŸ˜‰ Node.js 24 LTS ships these new JS features πŸŽ‰ πŸ”Ά Atomics.pause πŸ”Ά Error.isError πŸ”Ά Explicit Resource Management (`using`) πŸ”Ά Float16Array πŸ”Ά Intl.DurationFormat πŸ”Ά Promise.try πŸ”Ά RegExp.escape πŸ”Ά RegExp Modifiers πŸ”Ά RegExp Duplicate Named Capture Groups

Revamped my starter kit website design and started adding content πŸ’ͺ More sections in the works 😊 klokka.co

Since I often use SVG sprites for icons and wasn't satisfied with the existing tools, I created a lightweight Node.js CLI tool. Check it out, feedback welcome! 😊 www.npmjs.com/package/svg-...

πŸ‘€

This is peak product excellence 🀩 The Figma app has a corner smoothing option and shows a value indicator to recreate the iOS app icon corners. So good..

I'm working on an improved logo for klokka, my SPA starter kit. What do you think?

I recently came up with a solution for managing cookies πŸͺ in a front-end application that I'm very happy with 🀩 Gonne use this for klokka, my SPA starter kit 😊

I stitched together a small landing page for my SPA starter kit πŸ₯³ The project is called klokka. The site is still in progress and will be enhanced step by step. Check it out here: klokka.co