Jack Shelton (Qwik)

Sr. Software Engineer @PwC
@QwikDev core team
Pixel art enjoyer.

[Jack Shelton (Qwik) @JackShelton]

@XMoney Really excited to try this out. Waiting on the invite each morning 🤞

[Jack Shelton (Qwik) @JackShelton]

@shishirmehrotra If I had to guess sounds like with those models they had a validation step with something like a ternary search tree

[Jack Shelton (Qwik) @JackShelton]

TanStack Query, and any framework with an async computed or memo, already proved the API surface. IMO the missing piece is the compiler deriving the dataflow graph.

[Jack Shelton (Qwik) @JackShelton]

I think a go-to future data fetching pattern will be deriving the benefits of loaders at compile time.

I've played with this enough to think it's very promising. The render-as-you-go model is more intuitive, and it solves the waterfall problem.

[Jack Shelton (Qwik) @JackShelton]

Yuku's analyzer is quietly one of the biggest unlocks for TypeScript in years.

Nobody has really touched semantic analysis mainstream and the React implications alone are huge

[Jack Shelton (Qwik) @JackShelton]

AI interaction design is so far behind that I've now started working on a harness for it.

No more magazines 🧾

In particular a vision system similar to Tesla FSD.

[Jack Shelton (Qwik) @JackShelton]

@meoyawn TSRX is a bit lucky because for tooling we can lower to TSX in some cases.

https://t.co/YnaoHmJRAa

[Jack Shelton (Qwik) @JackShelton]

Meet OXC for TSRX

TSRX: the successor to JSX
OXC: the fast Rust toolchain powering Vite and Rolldown

Linter, formatter, parser. All compatible with your existing toolchain, including Vite.

[Jack Shelton (Qwik) @JackShelton]

@stroemseng Yeah the control flow and statements in the template are what sold me. No more usual JSX workarounds

[Jack Shelton (Qwik) @JackShelton]

@maiieul Haha I've started working on something I think you'll like. It has to do with design 🎨

[Jack Shelton (Qwik) @JackShelton]

@bruvimtired Vitest browser mode for agentic component and hook testing, Witness (https://t.co/3N9v3SsSii) for cases like HMR, network testing (like preloading), and then Playwright or something similar for full flows that typically involve backend work in between.

[Jack Shelton (Qwik) @JackShelton]

@qwuide @trueadm @arshadyaseeen 💯

[Jack Shelton (Qwik) @JackShelton]

@heyibnu14 @trueadm Yup

https://t.co/c2SLbygBm4

You can also use it with Octane, @trueadm's new framework that is React compatible.

[Jack Shelton (Qwik) @JackShelton]

@qwuide @trueadm Can't speak for the spec, but on the oxc side it's already in practice. the appendix shapes are what we ship, and plain JS / TS is through oxc-parser underneath.

For pure speed I want to add yuku support going forward too. cc @arshadyaseeen .

Agreed, standards are close 😄

[Jack Shelton (Qwik) @JackShelton]

Read more and install: https://t.co/yl7bPvGraw

Architecture deep dive coming in a follow-up post. There's a reason this works without forking the toolchain.

[Jack Shelton (Qwik) @JackShelton]

This isn't just syntax support:

- type-aware linting
- custom lint plugins
- formatting
- standalone parser

Some examples (excluding the parser). Use your existing config.

[Jack Shelton (Qwik) @JackShelton]

@adhvfed Looks like a much better figma pen tool that can also be programmatic, gonna try it out 😁

[Jack Shelton (Qwik) @JackShelton]

the state of AI design tools is wild

- Claude Design: cannot generate assets, cloud-only, backed by billions

- Paper: rigid layouts, but MCP + desktop app earn it second place

- pen . dev: free, and better than both 😅

[Jack Shelton (Qwik) @JackShelton]

@adhvfed Looks interesting! How would you say it compares to something like Arrow for SVG generation?