Files
boris/node_modules/applesauce-react
Gigi 5d53a827e0 feat: initialize markr nostr bookmark client
- Add project structure with TypeScript, React, and Vite
- Implement nostr authentication using browser extension (NIP-07)
- Add NIP-51 compliant bookmark fetching and display
- Create minimal UI with login and bookmark components
- Integrate applesauce-core and applesauce-react libraries
- Add responsive styling with dark/light mode support
- Include comprehensive README with setup instructions

This is a minimal MVP for a nostr bookmark client that allows users to
view their bookmarks according to NIP-51 specification.
2025-10-02 07:17:07 +02:00
..

applesauce-react

React hooks and providers for applesauce

Installation

npm install applesauce-react

Example

import { EventStore, Models } from "applesauce-core";
import { EventStoreProvider } from "applesauce-react/providers";
import { useEventModel } from "applesauce-react/hooks";

const eventStore = new EventStore();

function UserName({ pubkey }) {
  const profile = useEventModel(Models.ProfileModel, [pubkey]);

  return <span>{profile.name || "loading..."}</span>;
}

function App() {
  return (
    <EventStoreProvider eventStore={eventStore}>
      <h1>App</h1>

      <UserName pubkey="82341f882b6eabcd2ba7f1ef90aad961cf074af15b9ef44a09f9d2a8fbfbe6a2" />
    </EventStoreProvider>
  );
}