React adapter: update useCalendar for kernel + module API

Ouverte
#36 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Évaluation

Difficulté
4/5
Temps estimé
3-5 jours
Accessibilité débutants
35/100
Type d'issue
Fonctionnalité
Clarté
Plutôt claire
Activité
Calme
Stack technique
react, typescript
Domaine
frontend

Piste de recherche

Start by reading the parent issue #25 and the blocking issues #29–#34 to understand the kernel and module API this adapter depends on. Then inspect the @tanstack/react-time hook and tests, along with the @tanstack/solid-time adapter for the expected reactive shape. Done means the React hook exposes the specified API reactively, the Solid adapter mirrors its shape, and all existing React adapter tests pass.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Description

enhancement

Parent

https://github.com/TanStack/time/issues/25

What to build

Update `@tanstack/react-time`'s `useCalendar` hook to consume the new kernel + module API. The hook remains a thin reactive binding — no domain logic lives here. It instantiates the kernel, subscribes to the store via `@tanstack/react-store`, and exposes reactive selectors so components re-render only when the data they consume changes.

Acceptance criteria

  • `useCalendar({ modules, strategy, events, resources })` instantiates a kernel and returns its full API reactively
  • Components subscribed to `days` re-render when the projection changes; components subscribed only to `viewMode` do not re-render on unrelated event changes
  • `strategy: 'client' | 'server'` is accepted and forwarded to the kernel
  • The hook re-exports all Calendar product actions (`addEvent`, `editEvent`, `removeEvent`, `navigate`, `undo`, `redo`, etc.) as stable references
  • `getEventProps(event)` and `getUnavailableRanges(date)` are accessible from the hook return value
  • The Solid adapter (`@tanstack/solid-time`) mirrors the hook shape using Solid's reactive primitives, confirming the core is framework-agnostic
  • All existing `@tanstack/react-time` tests are updated and passing

Blocked by

https://github.com/TanStack/time/issues/29
https://github.com/TanStack/time/issues/30
https://github.com/TanStack/time/issues/31
https://github.com/TanStack/time/issues/32
https://github.com/TanStack/time/issues/33
https://github.com/TanStack/time/issues/34

Langage dominant
TypeScript
Étoiles
620
Forks
6
Métriques de merge des PR
Aucune PR mergée en 30 j

Préparer son environnement

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de TanStack/time

Toutes les issues de TanStack/time

Issues similaires

Plus d'issues TypeScript

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.