Jadawali da data grid su ma components ne na React, a cikin @needless-ui/react: fasaloli, aikin allon madannai da sauƙin amfani ga kowa kamar a Angular, da stylesheet da lasisin MIT iri ɗaya. Sauran components suna nan tafe. Suna buƙatar React 19, kuma suna aiki da Next.js App Router da Vite.
Shigarwa
pnpm add @needless-ui/react @needless-ui/cssShigo da salo
Components ba sa zuwa da salo. Ku shigo da stylesheet sau ɗaya, daga wani fayil na CSS na manhajarku.
/* app/globals.css in Next.js, src/index.css with Vite */
@layer reset, nui, app;
@import '@needless-ui/css';Layers suna aiki kamar a Angular: resets suna shiga layer da ke kafin nui, kuma da Tailwind CSS, nui yana zuwa tsakanin layer na base na Tailwind da utilities ɗinsa, kamar yadda jagorar farawa ke nunawa.
Jadawali
Kowane component yana da entry point nasa. Jadawalin yana nuna events da kuka ba shi, kuma yana sanar da ku idan mutane suka matsar da ɗaya ko suka zaɓi lokaci don sabo: ku ne ke riƙe da events ɗin.
Data grid
Ku bayyana columns a wajen component ɗin, don kada grid ɗin ya sake aikinsa a duk lokacin da aka sake nuna shi. Gyara yana kiran onRowsChange da sabbin layuka, kuma methods kamar fitarwa zuwa Excel suna kan ref na grid ɗin.
API a harshen React
Components na React suna bin specs ɗin da na Angular ke bi, don haka API ɗinsu ya yi daidai, a harshen React. Shafukan API suna lissafa kowane prop: shafin jadawalin da na data grid.
| Angular | React |
|---|---|
Model, [(view)] | Yanayi: view tare da onViewChange, ko defaultView don component ɗin ya riƙe shi |
Output, (eventClick) | Callback, onEventClick |
Template, <ng-template nuiSchedulerEvent> | Function da ke zanawa, renderEvent |
Method, scheduler.next() | Method a kan ref, ref.current.next() |
children, don bayanai masu tsarin bishiya | getChildren: React yana amfani da children don elements |
locale, idan ba a saita ba, LOCALE_ID na manhajar | locale, idan ba a saita ba, en-US |
Nunawa a server
Ana nuna duka components biyun a server, sannan su yi hydrate a burauza. Package ɗin yana yi musu alama a matsayin client components, don haka Server Component zai iya nuna su da props da za a iya serialize, kuma mataimaka kamar nuiSchedulerFromIcs suna aiki a server. Callbacks ba sa iya ƙetarewa zuwa burauza: component da ke karɓar su yana shiga cikin client component naku, kamar guda biyun da ke sama.
Abin da ya dogara da mai karatu yana jiran burauza: layin lokacin yanzu na jadawalin, da kuma wace rana ce yau. Ku ba jadawalin defaultDate idan server ne ke nuna shi, domin ranar yau a server ba lallai ta zama ranar yau ga mai karatu ba.