mirror of
https://github.com/dergigi/boris.git
synced 2025-12-18 15:14:20 +01:00
5d53a827e0
- 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.
36 lines
735 B
Markdown
36 lines
735 B
Markdown
# applesauce-react
|
|
|
|
React hooks and providers for applesauce
|
|
|
|
## Installation
|
|
|
|
```bash
|
|
npm install applesauce-react
|
|
```
|
|
|
|
## Example
|
|
|
|
```tsx
|
|
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>
|
|
);
|
|
}
|
|
```
|