tylermercer

Getting Started with the Remix 3 Component Framework

⚠️ Pre-release warning: The client-side packages (@remix-run/dom, @remix-run/events) are sourced directly from the Remix Jam 2025 demo disc and are not yet formally published. The documentation below is based on real source code from kentcdodds/remix-jam, rossipedia/remix-jam-mk2, the official remix-run/remix bookstore demo, and Kent C. Dodds' unofficial API gist. APIs will change before stable release.

---

The Mental Model

The Remix 3 component framework is not React. It's a new component system built entirely on JavaScript and DOM primitives. Before diving in, a few things to re-wire:

tylermercer

/*
* This function can be applied to the results in the above's `computeSizes` to output the results as a `widths` and `sizes` attribute
* to be used in an Astro project
*/

const convertToAstroCode = (obj) => {
		const result = {};

		Object.keys(obj).forEach((key) => {
			const measurements = obj[key];

tylermercer

/* eslint vue/no-setup-props-destructure: 0 */

import { defineComponent, createVNode as h, ref, provide } from "vue"

const createInnerProvider = <T> () => {
  return defineComponent({
    props: {
      toProvide: {
        type: Object as () => T
      },

tylermercer

#!/bin/bash/

#Based on http://sureshatt.blogspot.com/2012/03/unzip-all-jars-at-once.html

#Command line args are ($1) the directory to pull jars from and ($2)
mkdir unzippedjarfilesthatwillbemerged;
x=0;
ls -1 $1/*.jar > filelist
for filename in `cat filelist`
do

tylermercer

### Keybase proof

I hereby claim:

  * I am tylermercer on github.
  * I am tylermercer (https://keybase.io/tylermercer) on keybase.
  * I have a public key ASBfh8djhhBZhJZ73MQnyIBIdpz8sGR6p2Vs8wVJvMHmRQo

To claim this, I am signing this object: