Archive

In the beginning there was swamp, JavaScript, and Jussi

Nothing to announce this time. Read on.

Libraries

• pilcrowOnPaper/monaco: A simple OAuth library made for fun
• Melt UI - Open source UI library for Svelte
• LocatorJS - click on any component to go to code.
• jsep - JavaScript expression parser
• bufferhead-code/nextjs-use-php - Use PHP code right within your React / Next.js App. With "use php";

No tricks, only JavaScript

Lately I've been refactoring my site creator, Gustwind. Now it accepts HTML syntax and it's shaping up nicely although there's work left to be done.

Libraries

• jessquery - A modern, light (3k) alternative to jQuery
• data-guardian - a collection of security related utilities for TypeScript
• Color.js - let's get serious about color.
• blitz-js/superjson: Safely serialize JavaScript expressions to a superset of JSON, which includes Dates, BigInts, and more.
• React Knob Headless

Today is going to be the most JavaScript day ever.

I published a short primer to disappearing frameworks a while ago. It is freely available and captures the current movements in the frontend space.

Libraries

• Lit Launch Day: Lit 3.0, Labs graduations, a compiler and more!
• Bau UI - Reactive library and components for building web user interface
• Kysely - The type-safe SQL query builder for TypeScript

JavaScript. It's not what you think it is.

Another two weeks, another JSter post. Lots of frameworks this time.

Frameworks

• Rakkas - Bleeding edge React framework powered by Vite
• Rezact/Rezact: A JavaScript Framework/Library (call it what you want) that blends the best of svelte, solid, react, and many others.
• dai-shi/wakuwork: Minimalistic React Framework
• Svelte - Introducing runes
• Hwy is a lightweight, flexible, and powerful alternative to NextJS, based on HTMX instead of React

Any programming languages whose errors take ten years to correct is quite a programming language

The Winter is coming and it's only a matter of days that we'll get the first snow in Finland.

Libraries

• evanw/thumbhash: A very compact representation of an image placeholder
• vercel/satori: Enlightened library to convert HTML and CSS to SVG
• mlc-ai/web-stable-diffusion: Bringing stable diffusion models to web browsers. Everything runs inside the browser with no server support.
• TimboKZ/Chonky: 😸 A File Browser component for React.

I'm in no hurry. I like the desert. I like JavaScript.

It has been busy two weeks and the Fall is approaching.

Libraries

• aidenybai/million - An extremely fast virtual DOM that makes React up to 70% faster!
• nanostores/router: A tiny (792 bytes) router for Nano Stores state manager
• fabiospampinato/pioppo: A tiny isomorphic batched logger. ~3x faster than regular logging in Node.

I am become JavaScript, the destroyer of worlds

Not much to say this time. I have the dates for the next Future Frontend, though. It will take place 13-14.6.2024 at Helsinki, Finland.

Libraries

• WebReflection/nonchalance: The easiest way to augment DOM builtin elements.
• ts-rest - Incrementally adoptable type-safety for your new and existing APIs
• macaron — CSS-in-JS with zero-runtime
• fgnass/type-assurance - Lightweight type guards and assertions

I'll beach off with you any day, JavaScript

It's the 200th issue of JSter. That's a lot of links.

Libraries

• hwchase17/langchainjs - Building applications with LLMs through composability
• Introducing Valibot, a < 1kb Zod Alternative
• natemoo-re/clack: Effortlessly build beautiful command-line apps
• Code Hike - Not just a syntax highlighter

JavaScript isn't one important thing, it's everything.

Carry on and keep JavaScripting. There's not much to say this time.

Tools

• egoist/dum: An npm scripts runner written in Rust.
• denoland/deno_lint: Blazing fast linter for JavaScript and TypeScript written in Rust
• PactumJS - Test whole pyramid
• Module Federation: streamline your microfrontends
• Announcing TypeScript 5.2 Beta

The only thing we have to fear is JavaScript itself.

I recently gave a presentation titled ECMAScript - From an idea to a major standard (paper) at EURAS 2023. That's also the reason why this edition was delayed by a couple of days.

Libraries

• DrizzleORM - next gen TypeScript ORM
• Splide is a lightweight, flexible and accessible slider/carousel written in TypeScript. No dependencies, no Lighthouse errors
• GoogleChromeLabs/quicklink: Faster subsequent page-loads by prefetching in-viewport links during idle time
• superlucky84/lithent - A lightweight Virtual DOM UI library

Elementary, my dear JavaScript.

The first edition of Future Frontend conference finished last week and I consider it a success. We are currently in post-production mode to get the conference content online.

Libraries

• natemoo-re/ultramatter: <1KB frontmatter parser that supports a reasonable subset of YAML
• WebReflection/not-so-weak: Iterable WeakMap and WeakSet
• Tiptap - Headless WYSIWYG Text Editor

Even my JavaScript is capable of making an analogy

It's happening. Future Frontend conference takes place next week (8-9.6). A little bird told me there will be a live stream available as well.

Libraries

• retejs/rete: JavaScript framework for visual programming and creating node editor
• fibo/flow-view: is a visual editor for Dataflow programming
• Precedent - Building blocks for your Next.js project
• graphql/graphql-http: Simple, pluggable, zero-dependency, GraphQL over HTTP Protocol compliant server and client.
• Crawlee - Build reliable crawlers
• mercurius-js/mercurius: Implement GraphQL servers and gateways with Fastify

That’ll do JavaScript. That’ll do.

Another two weeks, another list of JavaScript resources.

Libraries

• tkrotoff/fetch: A Fetch API wrapper
• elbywan/wretch: A tiny wrapper built around fetch with an intuitive syntax.
• saarw/async-sequential-runner: TypeScript class for sequentially running async tasks to completion.

To JavaScript, and beyond

Another two weeks has passed and I’ve compiled a list of links below.

Libraries

• aidenybai/hundred - Toy block virtual DOM
• Pagefind - Add search to your static site easily
• pmndrs/react-three-offscreen - Offscreen worker canvas for react-three-fiber
• React Wrap Balancer
• Open Props: sub-atomic styles
• immer v10 has been released

What we do in JavaScript echoes in eternity

Another two weeks, another bunch of links to check.

Libraries

• joshmarinacci/node-pureimage - Pure JS implementation of the HTML Canvas 2D drawing API
• kolodny/immutability-helper - Mutate a copy of data without changing the original source
• TanStack/bling - Framework agnostic transpilation utilities for client/server RPCs, env isolation, islands, module splitting, and more.
• Effect-TS/schema - Modeling the schema of data structures as first-class values

Be careful. JavaScript lurks around every corner.

Two weeks went by fast and here's the next batch of JSter links.

Frameworks

• akash-joshi/rocketrpc - A typesafe framework to destroy client-server barriers
• Qwik Reaches RC Milestone

JavaScript, still going strong

I'll resume old biweekly schedule with this mailing list for now to see if that makes it easier to maintain. If not, I will revert back to monthly.

As I run conferences, I have good contacts in the space and this time around I have a special section for conference related discounts. You can share them with your friends if you know some that are interested.

Conferences

JavaScript isn't what you think.

It's only three months until Future Frontend conference (6-9.6) in Finland. Exciting times.

Libraries

• ungap/esx - A template literal based ESX proposal
• a11y-dialog - a lightweight yet flexible script to create accessible dialog windows.

In a few years npm will reach ten million packages

The JavaScript ecosystem keeps growing at an exponential pace. One day we’ll reach Mars and beyond.

Libraries

• Vessel.js - Design ships in JavaScript
• 11ty/eleventy-activity-feed - One feed to rule them all
• visx - A collection of expressive, low-level visualization primitives for React
• React Virtuoso - Powerful yet easy-to-use React components that can render enormous data sets
• vanilla-jsoneditor - A web-based tool to view, edit, format, transform, and validate JSON
• ts-safeql/safeql - Validate and auto-generate TypeScript types from raw SQL queries in PostgreSQL
• hyperfetch - Data Fetching, Offline First, Caching, Queueing

New year, new JavaScript libraries

As a follow-up to React Finland, we’ll organize a new conference called Future Frontend. As you might have guessed from the name, it is more future focused and the pivot allowed us to invite speakers that we otherwise couldn’t have invited. The conference takes place 05-09.06 in Helsinki, Finland and we’ve started early sales.

Libraries

• Stylable - CSS for components
• Shoelace - A forward-thinking library of web components
• jQuery 3.6.2 Released!

XmasScript needs to become a thing

Xmas is getting close and this is the last JSter post of the year.

Libraries

• Jeongho made 1,000x faster TypeScript Validator Library
• arackaf/micro-graphql-svelte - Light and simple GraphQL Svelte client with extensible, composable cache invalidation
• Tremor - The React library to build dashboards fast
• Legend - A super fast and powerful state library for JavaScript apps
• hazae41/xswr - Yet another React data (re)fetching library
• Telefunc - Remote Functions. Instead of API.
• bigskysoftware/idiomorph - A DOM-merging algorithm
• WebReflection/uhtml - A micro HTML/SVG render
• Modular Forms - The modular form library for SolidJS

No time to JavaScript

It’s almost Winter and the world of JavaScript keeps moving.

Libraries

• 11ty/is-land - A new performance-focused way to add interactive client-side components to your web site
• Corset - Cascading binding sheets
• WebReflection/weak-value - A Map with weakly referenced values, instead of keys
• React Calendar
• 11ty/webc - Single File Web Components
• Pyodide - Python distribution for the browser and Node.js based on WebAssembly

How many JavaScript developers does it take to change a LAMP?

React Finland 2022 is over and it went smoothly. We're currently in post-production phase but you can find uncut content online already.

Libraries

• Cmdk - Fast, composable, unstyled command menu for React
• Plaiceholder - Beautiful image placeholders, without the hassle
• unocss - The instant on-demand atomic CSS engine
• Tamagui - Universal UI for React Native
• fast-fuzzy - Fast fuzzy search utility
• WiseLibs/better-sqlite3 - The fastest and simplest library for SQLite3 in Node.js
• bebraw/dragjs - Simple utility to make it easier to implement drag based things (ie. sliders and such)
• bokuweb/react-rnd - A resizable and draggable component for React
• fjmhzyh/Dragjs - A light js library that makes your element draggable
• interact.js - JavaScript drag and drop, resizing, and multi-touch gestures for modern browsers (and also IE9+)
• flimsy - A single-file <1kb min+gzip simplified implementation of the reactive core of Solid, optimized for clean code
• t3-oss/create-t3-app - Quickest way to start a new web app with full stack typesafety

Mama always said life was like a box of JavaScript libraries

A lot of libraries this time. That’s all.

I also wrote documentation for my JSON based templating solution called Breezewind. It’s the core of jster.net and you can think it as a React inspired way to handle templates.

Libraries

When things are too dangerous to say, JavaScript.

It’s that time of the month again, JSter-time.

Libraries

• pakastin/maze - Maze generation visualization
• Ficus - Lightweight libraries and tools for building modern web applications
• srmagura/real-cancellable-promise - Cancellable promise library for JavaScript and TypeScript
• react-hookz/web - React hooks done right, for browser and SSR
• ahooks - A high-quality & reliable React Hooks library
• maraisr/piecemeal - Send your data piecemeal
• CSS Variable - CSS Variables for your CSS-in-JS solution
• React Native Zephyr - TailwindCSS-inspired styling library for React Native
• Starbeam - Reactivity Made Simple and Fun
• kwhitley/itty-router - A little router
• Nano JSX - Lightweight 1kB JSX library

JavaScript is a tool. They think I'm hiding in the shadows. But I am the shadows.

It's time another JSter post. If you follow through the mailing list, then you'll notice the mail looks different now. That's because I moved to a service called Buttondown to simplify my workflow.

As a result, I might move back to a biweekly interval maybe in the fall as now it's simply faster to author the posts.

Libraries

|MC_PREVIEW_TEXT|

View this email in your browser (|ARCHIVE|)

|DATE:d/m/y|

JavaScript keeps on going

|MC_PREVIEW_TEXT|

View this email in your browser (|ARCHIVE|)

|DATE:d/m/y|

To JavaScript or not to JavaScript

|MC_PREVIEW_TEXT|

View this email in your browser (|ARCHIVE|)

|DATE:d/m/y|

JavaScript does whatever JavaScript does

|MC_PREVIEW_TEXT|

View this email in your browser (|ARCHIVE|)

|DATE:d/m/y|

JavaScript collects its garbage eventually.

|MC_PREVIEW_TEXT|

View this email in your browser (|ARCHIVE|)

|DATE:d/m/y|

JavaScript still has new tricks in its sleeves.

|MC_PREVIEW_TEXT|

View this email in your browser (|ARCHIVE|)

|DATE:d/m/y|

JavaScript – Always evolving, always changing

|MC_PREVIEW_TEXT|

View this email in your browser (|ARCHIVE|)

|DATE:d/m/y|

2021 - JavaScript has turned 25

|MC_PREVIEW_TEXT|

View this email in your browser (|ARCHIVE|)

|DATE:d/m/y|

JavaScript is here to stay.

|MC_PREVIEW_TEXT|

View this email in your browser (|ARCHIVE|)

|DATE:d/m/y|

JavaScript - the language of the web

|MC_PREVIEW_TEXT|

View this email in your browser (|ARCHIVE|)

|DATE:d/m/y|

JavaScript - still running strong.

Time for a support tour in Europe! View this email in your browser (|ARCHIVE|)

** See you on Euro tour 2017

* In selected locations

Through a couple of coincidences I managed to arrange a tour of Europe to support the webpack book launch. I’ll start the tour from “home ground” in Finland late March and visit Norway, Germany, Czech, and Slovakia during April. See the exact tour plan (https://survivejs.com/blog/euro-tour-2017/) to learn more.

View this email in your browser (|ARCHIVE|)

|DATE:d/m/y|

Not enough JavaScript.

My webpack book (https://survivejs.com/blog/survivejs-webpack-19/) is content complete now. Only tuning remains until it can hit the paper.

View this email in your browser (|ARCHIVE|)

|DATE:d/m/y|

Gone in the JavaScript.

My webpack book reached another milestone release (https://survivejs.com/blog/survivejs-webpack-18/) . This time around I put heavy focus on new content. There’s still some left to develop, but it’s getting close to paper.

View this email in your browser (|ARCHIVE|)

|DATE:d/m/y|

The Good, the Bad, the JavaScript.

A new version of the SurviveJS webpack book (http://survivejs.com/blog/survivejs-webpack-170/) has arrived. The book is getting quite massive (around 330 pages), but the end result might be worth all the effort.

View this email in your browser (|ARCHIVE|)

|DATE:d/m/y|

JavaScript - Because you are worth it.

It has been busy two weeks again. Webpack 2 reached a final version (https://medium.com/webpack/webpack-2-2-the-final-release-76c3d43bf144) . This also gave me a good excuse to push a new version of my webpack book out there (http://survivejs.com/blog/survivejs-webpack-160/) . It’s getting closer and closer to paper and the end(?) is in sight.

Webpack 2 went final, time for a book update View this email in your browser (|ARCHIVE|)

** Webpack 2.2 Final

** And book updates as the paper version gets nearer

You might have noticed webpack 2 reached a final version (https://medium.com/webpack/webpack-2-2-the-final-release-76c3d43bf144) . It’s a major milestone for the project and it was great to contribute towards that goal. There’s still a long way to go, but it feels like the project is in a better place than a year or two ago.

View this email in your browser (|ARCHIVE|)

|DATE:d/m/y|

JavaScript another day.

As webpack 2 is getting closer (https://github.com/webpack/webpack/releases/tag/v2.2.0-rc.3) , I’ve been pushing my webpack book forward. I revamped it completely and published SurviveJS - Webpack v1.5.0 (http://survivejs.com/blog/survivejs-webpack-150/) . There’s still work to do till I can get a paper version out, but this was a nice step towards that goal.

View this email in your browser (|ARCHIVE|)

|DATE:d/m/y|

JavaScript another day

webpack 2 reached a new release candidate (https://medium.com/webpack/webpack-2-2-the-release-candidate-2e614d05d75f) and final release seems imminent. To keep up with the world, I updated my webpack book (http://survivejs.com/blog/survivejs-webpack-142/) to webpack 2 beta. In addition to the update, I refreshed the content quite a bit. There’s still work left to be done, though.

v1.4.2 - webpack 2 support and goodies View this email in your browser (|ARCHIVE|)

** Webpack 2 is near

** And the book is up to date

I updated the webpack book to follow webpack 2 syntax. There are also 100+ tweaks to make it better in many ways. That said, there’s still work left to do. Check out the release notes (http://survivejs.com/blog/survivejs-webpack-142/) for more information or jump straight to the book (http://survivejs.com/webpack/introduction/) .

View this email in your browser (|ARCHIVE|)

|DATE:d/m/y|

JavaScript framework a day keeps the doctor away

It was another busy two weeks. There were two highlights. I released Reactabular 8 (https://reactabular.js.org/#/changelog) . I did some major restructuring there to make it easier to grow the project in the future. webpack-merge (https://www.npmjs.com/package/webpack-merge) reached version 1.0 as I consider it stable now. I also wrote webpack-merge related interview (http://survivejs.com/blog/webpack-merge-interview/) that explains the idea better.

React Indie Bundle is back! Reactabular and webpack-merge milestones. View this email in your browser (|ARCHIVE|)

** React Indie Bundle is Back

** Cyber Monday is the day

You might remember the React Indie Bundle (http://www.reactindiebundle.com/) campaign we ran last year. Well, it has made a comeback! Instead of The Matrix Reloaded, or some other sequel, we hope to do better.

View this email in your browser (|ARCHIVE|)

|DATE:d/m/y|

JavaScript, sweet JavaScript

It has been busy two weeks again. I gave my first keynote, did eight sessions over seven days and so on. You can read more about it in my travel report (http://www.nixtu.info/2016/11/kharkivjs-2016-and-react-in-barcelona.html) .

Time to catch up! View this email in your browser (|ARCHIVE|)

** It has been a long year

** Time to catch up

If someone had told me a couple of years ago I would be having a keynote to 500 people at Kharkiv (http://kharkivjs.org/) in 2016, I would have thought they were joking. But that’s exactly what’s going to happen next Saturday! It’s most both and scary at the same time. And that’s not all.

View this email in your browser (|ARCHIVE|)

|DATE:d/m/y|

If you can think of a common word, there’s a npm package for it

Busy days. To prepare for the future, I compiled my presentations to a site (http://presentations.survivejs.com) . Check it out for slides on React, webpack, and more.