Kipanga ratiba na gridi ya data ni vijenzi vya React pia, katika @needless-ui/react: uwezo, kibodi na ufikivu ule ule wa Angular, stylesheet ile ile na leseni ile ile ya MIT. Vijenzi vingine vinakuja. Vinahitaji React 19, na vinafanya kazi na Next.js App Router na Vite.
Usakinishaji
pnpm add @needless-ui/react @needless-ui/cssIngiza mitindo
Vijenzi havibebi mitindo yoyote. Ingiza stylesheet mara moja, kutoka faili ya CSS ya programu yako.
/* app/globals.css in Next.js, src/index.css with Vite */
@layer reset, nui, app;
@import '@needless-ui/css';Layer hufanya kazi kama katika Angular: reset huwekwa kwenye layer iliyo kabla ya nui, na kwa Tailwind CSS, nui huwekwa kati ya layer ya base ya Tailwind na utility zake, kama mwongozo wa kuanza unavyoonyesha.
Kipanga ratiba
Kila kijenzi kina entry point yake. Kipanga ratiba huonyesha events unazopitisha, na hukuarifu watu wanapohamisha tukio au wanapochagua muda kwa tukio jipya: matukio unayashika wewe.
Gridi ya data
Eleza columns nje ya kijenzi, ili gridi isirudie kazi yake kila inapoonyeshwa upya. Uhariri huita onRowsChange pamoja na safu mpya, na mbinu kama kuhamisha kwenda Excel ziko kwenye ref ya gridi.
API kwa istilahi za React
Vijenzi vya React hufuata maelezo ya kiufundi yale yale ya vijenzi vya Angular, hivyo API zao zinalingana, kwa istilahi za React. Kurasa za API huorodhesha kila prop: ukurasa wa kipanga ratiba na wa gridi ya data.
| Angular | React |
|---|---|
Model, [(view)] | Hali: view pamoja na onViewChange, au defaultView ili kijenzi kiihifadhi chenyewe |
Output, (eventClick) | Callback, onEventClick |
Template, <ng-template nuiSchedulerEvent> | Function inayochora, renderEvent |
Mbinu, scheduler.next() | Mbinu kwenye ref, ref.current.next() |
children, kwa data ya mti | getChildren: React hutumia children kwa vipengele |
locale, kwa chaguomsingi LOCALE_ID ya programu | locale, kwa chaguomsingi en-US |
Uonyeshaji kwenye seva
Vijenzi vyote viwili huonyeshwa kwenye seva kisha hufanyiwa hydration kwenye kivinjari. Kifurushi huviwekea alama kama client components, hivyo Server Component inaweza kuvionyesha kwa prop zinazoweza kusafirishwa kama data (serializable), na visaidizi kama nuiSchedulerFromIcs huendeshwa kwenye seva. Callback haziwezi kuvuka hadi kwenye kivinjari: kijenzi kinachozipokea huwekwa ndani ya client component yako mwenyewe, kama vile viwili vilivyo hapo juu.
Kinachotegemea msomaji husubiri kivinjari: mstari wa muda wa sasa katika kipanga ratiba, na siku ya leo ni ipi. Kipe kipanga ratiba defaultDate seva inapokionyesha, kwa sababu “leo” ya seva huenda isiwe “leo” ya msomaji.