February 4, 2024

JSter #212 - Libraries and more

JavaScript does not come without a tax of effort.

One of my MSc students is doing a survey related to the adoption of JavaScript frameworks. It would be very helpful if you could fill in the form as that will help to generate useful insights.

Libraries

• edmundhung/conform: A type-safe form validation library utilizing web fundamentals to progressively enhance HTML Forms with full support for server frameworks like Remix and Next.js.
• tinypool - A minimal and tiny Node.js Worker Thread Pool implementation (38KB)
• WebReflection/loop-once: A safer loop for sync or async unique use cases.
• Faire/mjml-react: React component library to generate the HTML emails on the fly
• isographlabs/isograph: Build React apps powered by GraphQL data
• 43081j/hanbi: A small javascript library for stubbing and spying on methods/functions

Frameworks

• ExpressoTS - Node.js Framework

Components

• Wedges — Open-source UI components for React

Security

• Investigating a major security vulnerability with Clerk's Next.js integration

Articles

• Next.js App Router migration: the good, bad, and ugly
• TypeScript Might Not Be Your God: Case Study of Migration from TS to JSDoc
• Passle overengineered his blog
• Advancing Interaction to Next Paint

Tools

• Ladle - Storybook-like tool for Vite
• SukkaW/nolyfill: Speed up your package installation process, reduce your disk usage, and extend the lifespan of your precious SSD.
• Vinxi - JavaScript Server SDK to build full stack apps and frameworks with your own opinions
• Counterscale: Web Analytics you can host yourself
• gql.tada teaches TypeScript to GraphQL
• TypeSchema - Universal adapter for TypeScript schema validation
• Codemod Studio

Resources

• 43081j/ecosystem-cleanup: A place to keep track of ongoing efforts to clean up the JS ecosystem

Techniques

• Fix Next.js routing to have full type-safety
• Going Build-less With Import Maps
• The future of React.use and React.useMemo - a powerful alternative to context selectors
• useMemo overdose
• Shadow Themes with Web Components
• Sidenotes In Web Design

Languages

• hyperscript - An easy & approachable language for modern web front-ends

Fonts

• MonoLisa - You can get additional 15% off from this font for coders by applying the coupon AFFILIATED15 during the checkout.