ATProto Browser

ATProto Browser

Experimental browser for the Atmosphere

Post

Day 16 — `$app/state`, a modern Svelte 5 state-based replacement for SvelteKit's `$app/stores` module. No more clunky `$` prefix when reading values, just fine-grained state that works everywhere, even outside component files! šŸŽ docs svelte.dev/docs/kit/$ap... šŸŽ tutorial svelte.dev/tutorial/kit...

Dec 16, 2024, 10:00 PM

Record data

{
  "uri": "at://did:plc:b6gbde64ngpelprsvnphc2l2/app.bsky.feed.post/3ldhdcfc62k2k",
  "cid": "bafyreiezppdnjyspc6sfmad6cxd3d24s7iq4opxj7fwzho2apaqwuwpvgq",
  "value": {
    "text": "Day 16 — `$app/state`, a modern Svelte 5 state-based replacement for SvelteKit's `$app/stores` module. No more clunky `$` prefix when reading values, just fine-grained state that works everywhere, even outside component files!\n\nšŸŽ docs svelte.dev/docs/kit/$ap...\nšŸŽ tutorial svelte.dev/tutorial/kit...",
    "$type": "app.bsky.feed.post",
    "embed": {
      "$type": "app.bsky.embed.external",
      "external": {
        "uri": "https://svelte.dev/docs/kit/$app-state",
        "thumb": {
          "$type": "blob",
          "ref": {
            "$link": "bafkreigpjgdhn2endxp4ldokatjkw2a2liwocshohjueeckv34kdrmek6y"
          },
          "mimeType": "image/jpeg",
          "size": 334188
        },
        "title": "$app/state • Docs • Svelte",
        "description": "$app/state • Svelte documentation"
      }
    },
    "langs": [
      "en"
    ],
    "reply": {
      "root": {
        "cid": "bafyreieay7byr4wjm7fybgxcjbsa7b6v36dc3jmrv3gwtoxlffk3lh33ve",
        "uri": "at://did:plc:b6gbde64ngpelprsvnphc2l2/app.bsky.feed.post/3lcavobxn7c2k"
      },
      "parent": {
        "cid": "bafyreifxxncxzfc4d7vaahr4yv55zuly7kqqpaz3jh2wkoirju2dmvkw34",
        "uri": "at://did:plc:b6gbde64ngpelprsvnphc2l2/app.bsky.feed.post/3lde4pdmkic2x"
      }
    },
    "facets": [
      {
        "index": {
          "byteEnd": 267,
          "byteStart": 241
        },
        "features": [
          {
            "uri": "https://svelte.dev/docs/kit/$app-state",
            "$type": "app.bsky.richtext.facet#link"
          }
        ]
      },
      {
        "index": {
          "byteEnd": 308,
          "byteStart": 282
        },
        "features": [
          {
            "uri": "https://svelte.dev/tutorial/kit/page-state",
            "$type": "app.bsky.richtext.facet#link"
          }
        ]
      }
    ],
    "createdAt": "2024-12-16T22:00:57.515Z"
  }
}