షెడ్యూలర్, డేటా గ్రిడ్ @needless-ui/react లో React కాంపోనెంట్‌లుగా కూడా ఉన్నాయి: Angular లోని అవే ఫీచర్‌లు, కీబోర్డ్, యాక్సెసిబిలిటీ, అదే స్టైల్‌షీట్, అదే MIT లైసెన్స్. మిగతా కాంపోనెంట్‌లు రాబోతున్నాయి. వీటికి React 19 కావాలి; ఇవి Next.js App Router తోనూ Vite తోనూ పనిచేస్తాయి.
ఇన్‌స్టాలేషన్
pnpm add @needless-ui/react @needless-ui/cssస్టైల్స్ ఇంపోర్ట్ చేయండి
కాంపోనెంట్‌లతో స్టైల్స్ రావు. మీ యాప్‌లోని ఒక CSS ఫైల్ నుంచి స్టైల్‌షీట్‌ను ఒక్కసారి ఇంపోర్ట్ చేయండి.
/* app/globals.css in Next.js, src/index.css with Vite */
@layer reset, nui, app;
@import '@needless-ui/css';లేయర్‌లు Angular లో లాగే పనిచేస్తాయి: రీసెట్‌లు nui కంటే ముందున్న లేయర్‌లో ఉంటాయి; Tailwind CSS తో అయితే nui లేయర్ Tailwind base కి, దాని యుటిలిటీలకు మధ్య వస్తుంది. ప్రారంభించడం గైడ్ దీన్ని చూపిస్తుంది.
ఒక షెడ్యూలర్
ప్రతి కాంపోనెంట్‌కు దాని సొంత ఎంట్రీ పాయింట్ ఉంది. మీరు పాస్ చేసే events ను షెడ్యూలర్ చూపిస్తుంది; యూజర్‌లు ఒక ఈవెంట్‌ను కదిలించినప్పుడు లేదా కొత్తదానికి సమయం ఎంచుకున్నప్పుడు మీకు తెలియజేస్తుంది: ఈవెంట్‌లను ఉంచుకునేది మీరే.
ఒక డేటా గ్రిడ్
columns ను కాంపోనెంట్ బయట వివరించండి, అప్పుడు ప్రతి రెండర్‌లో గ్రిడ్ తన పనిని మళ్లీ చేయదు. ఎడిట్ జరిగినప్పుడు కొత్త వరుసలతో onRowsChange కాల్ అవుతుంది; Excel ఎక్స్‌పోర్ట్ వంటి మెథడ్‌లు గ్రిడ్ ref పై ఉంటాయి.
React పరిభాషలో API
React కాంపోనెంట్‌లు Angular కాంపోనెంట్‌లు పాటించే అవే స్పెక్‌లను పాటిస్తాయి, కాబట్టి వాటి API లు React పరిభాషలో సరిపోలుతాయి. షెడ్యూలర్, డేటా గ్రిడ్ API పేజీలు ప్రతి ప్రాప్‌నూ జాబితా చేస్తాయి.
| Angular | React |
|---|---|
ఒక మోడల్, [(view)] | స్థితి: onViewChange తో view, లేదా కాంపోనెంట్ తనే ఉంచుకునేలా defaultView |
ఒక అవుట్‌పుట్, (eventClick) | ఒక కాల్‌బ్యాక్, onEventClick |
ఒక టెంప్లేట్, <ng-template nuiSchedulerEvent> | గీసే ఫంక్షన్, renderEvent |
ఒక మెథడ్, scheduler.next() | ref పై ఒక మెథడ్, ref.current.next() |
children, ట్రీ డేటా కోసం | getChildren: React children ను ఎలిమెంట్‌ల కోసం ఉంచుకుంటుంది |
locale, డిఫాల్ట్‌గా యాప్ LOCALE_ID | locale, డిఫాల్ట్‌గా en-US |
సర్వర్ రెండరింగ్
రెండు కాంపోనెంట్‌లూ సర్వర్‌లో రెండర్ అయి, బ్రౌజర్‌లో హైడ్రేట్ అవుతాయి. ప్యాకేజీ వాటిని క్లయింట్ కాంపోనెంట్‌లుగా గుర్తిస్తుంది, కాబట్టి ఒక Server Component సీరియలైజ్ అయ్యే ప్రాప్‌లతో వాటిని రెండర్ చేయగలదు; nuiSchedulerFromIcs వంటి సహాయక ఫంక్షన్‌లు సర్వర్‌లో నడుస్తాయి. కాల్‌బ్యాక్‌లు బ్రౌజర్‌కు దాటలేవు: వాటిని తీసుకునే కాంపోనెంట్, పైన ఉన్న రెండింటిలాగే, మీ సొంత క్లయింట్ కాంపోనెంట్‌లో ఉండాలి.
చదివేవారిపై ఆధారపడేవి బ్రౌజర్ కోసం వేచి ఉంటాయి: షెడ్యూలర్‌లో ఇప్పటి సమయాన్ని చూపే గీత, ఈ రోజు ఏ రోజు అన్నది. సర్వర్ షెడ్యూలర్‌ను రెండర్ చేసేటప్పుడు దానికి defaultDate ఇవ్వండి, ఎందుకంటే సర్వర్‌లోని తేదీ చదివేవారి తేదీ కాకపోవచ్చు.