Tag React

React: Atsauksmju forma aplikācijai + testēšanas kods

React: Atsauksmju forma aplikācijai + testēšanas kods Iedomāsimies, ka mums ir jāizveido “”Front-Ends” React aplikācijas komponentam, kurs sniegtu iespēju apmeklētājam sniegt atsauksmi par pieredzi pēc pakalpojumu saņemšanas kādā uzņēmumā. Tātad uzdevums ir izveidot Feedback, jeb atsauksmes iespēju. Papildus atsauksmes iespējai… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

React: koda testēšanas bibliotēkas “Why testing library” izmantošana

React: koda testēšanas bibliotēkas “Why testing library” izmantošana Veidojot React aplikācijas var rasties nepieciešamība konkretāk pārbaudīt aplikācijā izveidotā koda darbību un funkcionalitāti. Par to protams jau ir padomāts un šāda iespēja ir izmantot “Why Testing Library” testēšanas rīku rakstot testēšanai… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

Kas ir downshift un kā tas izmantojams React lietotnēs?

Kas ir downshift un kā tas izmantojams React lietotnēs?. Downshift ir JavaScript bibliotēka, kas paredzēta vienkāršu, elastīgu un WAI-ARIA atbilstošu React autocomplete/combobox vai select dropdown komponentu izveidei. Downshift piedāvā vairākus risinājumus atkarībā no jūsu vajadzībām un izmantošanas gadījumiem. Šajā rakstā… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

React HOC kursora pozīcijas kods un koda skaidrojums

React HOC kursora pozīcijas kods un koda skaidrojums Šajā rakstā es Jums parādīšu kā izveidot React kodu kursora pozīcijas izsekošanai ekrānā. Kods nosaka kursora pozīciju un attēlo to aplikācijas ekrānā ar konkrētām peles kursora koordinātēm. Protams esmu izveidojis jaunu mapi,… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

React: Cross-cutting concerns (šķērsojošā koda problēmas) skaidrojums

React: Cross-cutting concerns (šķērsojošā koda problēmas) skaidrojums   Cross-cutting concerns ir funkcionalitāte vai uzvedība, kas ietver vairākas komponentes lietojumprogrammā. Piemēri cross-cutting concerns ietver: autentifikāciju, žurnālēšanu, kļūdu apstrādi un datu iegūšanu. Cross-cutting concerns apstrāde React var būt nedaudz izaicinoša, jo šīs… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

React: Spread operators (…) aplikācijas kods Restorānam

React: Spread operators (…) aplikācijas kods Restorānam Spread operators ir viens no stilīgākajiem JavaScript valodas papildinājumiem. Paldies Spread operatoram, ko attēlo trīs punkti (…). Parastās darbības, kurām iepriekš bija nepieciešams nedaudz vairāk koda, piemēram, objekta vai masīva klonēšana, tagad ir… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

React: Bērnu tipi

React: Bērnu tipi JSX izteiksmēs saturs starp sākuma un aizvēršanas tagu tiek nodots kā unikāls rekvizīts, ko sauc par bērniem. Ir vairāki veidi, kā nodot bērnus, piemēram, atveidot virknes literāļus vai izmantojot JSX elementus un JavaScript izteiksmes. Ir arī svarīgi… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

React: komponentu kombinēšana ar bērniem – bērnu tipi

React: komponentu kombinēšana ar bērniem – bērnu tipi Izstrādājot React komponentus, viena no svarīgākajām īpašībām, ko izstrādātāji mēdz aizmirst, ir bērnu rekvizīts “children prop”. Bērnu rekvizīts, kas ir īpašs īpašums, kas piemīt visām sastāvdaļām, ir React jaudīgās kompozīcijas modeļa pamats…. Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

React: JSX komponentu un elementu skaidrojums

React: JSX komponentu un elementu skaidrojums Šajā brīdī jums var rasties jautājums, kā definēt, kas patiesībā ir JSX. Un var nebūt pilnīgi skaidrs, kā React darbojas ar JSX, lai aprakstītu lietotāja interfeisu un izveidotu lietotājam draudzīgu un efektīvu lietotni. Nu,… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

React: Pielāgotie Āķi – Custom hooks

React: Pielāgotie Āķi – Custom hooks React ir daži iebūvēti āķi, piemēram, useState hook vai useRef āķis, par ko uzzinājāt iepriekš. Tomēr kā React izstrādātājs varat rakstīt arī savus īpašos pielāgotos āķus. Tātad, kāpēc lai jūs vēlētos rakstīt pielāgotu āķi?… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

React: useRef, lai piekļūtu pamatā esošajam DOM

React: useRef, lai piekļūtu pamatā esošajam DOM Iedomājieties, ka īpašnieks vēlētos meklēšanas inventāra funkcionalitāti, kas fokusētu kursoru meklēšanas ievades laukā. Šajā rakstā es parādīšu, kā iekodēt šo konkrēto prasību atsevišķā lietotnē, lai jūs varētu koncentrēties uz šo konkrēto funkcionalitāti. Mana… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

React: Kas ir useReducer un kā tas atšķirās no useState?

React: Kas ir useReducer un kā tas atšķirās no useState?   Tagad jums ir diezgan labi jāsaprot useState āķis un jāspēj to praktiski pielietot savos risinājumos. Tomēr useState āķim ir savi ierobežojumi. Piemēram, useState var kļūt apgrūtinošs, ja jums ir… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

React: Kā iegūt nejaušu lietotāju datus no citas mājaslapas (fetching user data) + VIDEO

React: Kā iegūt nejaušu lietotāju datus no citas aplikācijas (fetching user data)   Šajā rakstā un videoklipā es jums parādīšu, kā iegūt nejaušus lietotāja datus no citas vietnes. Es izmantošu vietni random.me, lai piekļūtu nejaušiem lietotāja datiem šajā demonstrācijā. Esmu… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

React useEffect izmantošana reālā aplikācijas komponenta piemērā

React useEffect izmantošana reālā aplikācijas komponenta piemērā Lai parādītu, kā komponentā izmantot āķi useEffect, turpināsim darbu pie kādas lietotnes. Pieņemsim, ka lietotnes īpašnieks vēlas pievienot konkrētu veidu, kā lietotājs var mijiedarboties ar lietotni. Noklikšķinot uz pogas, īpašnieks vēlas, lai tiktu… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

React: Kas ir useEffect āķa blakusefekti? – Tīrās un netīrās funkcijas…

Kas ir useEffect āķa blakusefekti? – Tīrās un netīrās funkcijas… Iepriekšējos rakstos diezgan plaši apskatijām useState āķa izmantošanu un piemērus, bet ir protams vēl kāds, pazīstams kā efekta āķis, jeb useEffect hook veltīsim laiku, lai nedaudz izķidātu un izprastu tā… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

React – darbs ar kompleksajiem datiem iekš useState

React – darbs ar kompleksajiem datiem iekš useState   React – darbs ar kompleksajiem datiem iekš useState Šajā rakstā jūs uzzināsiet, kā izmantot objektus kā “steita” mainīgos, izmantojot useState. Jūs arī atklāsiet pareizo veidu, kā atjaunināt tikai konkrētus rekvizītus, piemēram,… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

React – Atkārtojam useState āķus (hook)

React – Atkārtojam useState āķus (hook)   Kas ir useState āķi? “useState” ir React funkcija, kas ļauj komponentam atcerēties stāvokli. Hooks ir jauna React funkciju sērija, kas tika ieviesta React versijā 16.8. “useState” ir viens no šiem “hooks”, un tas… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

Kā React atkārtotā renderēšana sadarbojās ar Context?

Kā React atkārtotā renderēšana sadarbojās ar Context?   Šajā rakstā jūs uzzināsiet par React renderēšanas noklusējuma darbību un konteksta izmantošanu. Jūs uzzināsiet, kā novērst nevajadzīgu augstākā līmeņa atkārtotu renderēšanu, izmantojot React.memo, un kā JavaScript darbojas objektu atsauces. Jūs arī uzzināsiet,… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

React – veidojam tumša un gaiša motīva pārslēgšanas iespēju

Izveidosim iespēju React lietotnē pārslēgt tēmas no gaišas uz tumšu… React Context ļauj definēt globālo stāvokli (global state), nelaižot cauri katram komponentam atsevišķus props. Viens no visizplatītākajiem konteksta lietošanas gadījumiem ir lietojumprogrammas motīva definēšana. Šajā rakstā centīšos Jums parādīt vienu… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

React – Veidojam reģistrācijas formu ar simpātisku CSS stilu.

React reģistrācijas formas (SignUp) izveide. Pirmais solis ietver visu formas elementu pārvēršanu kontrolētos komponentos. Tā kā vietējā stāvokļa daļas jau ir definētas komponenta augšdaļā, jums vienkārši ir jāpiešķir katra stāvokļa daļa vērtības atbalstam no katra ievades elementa. Lai varētu ņemt… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

React-Veidojam kontrolētu formas komponentu-atsauksmes un vērtējums

Veidojam kontrolētu formas komponentu – atsauksmes un vērtējums Vai nesen esat iegādājies produktu e-komercijas vietnē vai varbūt rezervējāt galdiņu savā iecienītākajā restorānā? Ja tā, iespējams, pēc tam esat saņēmis draudzīgu e-pasta ziņojumu ar saiti uz konkrētu lapu, lai sniegtu atsauksmes… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

React “keys” atribūts elementiem…

React “keys” atribūts elementiem… Viena svarīga React izmantošanas priekšrocība ir tā spēja automātiski optimizēt atjauninājumus jūsu lietotāja saskarnēs vai UI. Ja React būtu lidmašīna, vairumā gadījumu tā izmantotu autopilota režīmu, ļaujot jums atpūsties vadītāja sēdeklī. Bet pat ar autopilotu jums… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

React pamata saraksta komponents / mapping – filtering

React pamata saraksta komponents / mapping – filtering   Instrukcijas un uzdevums Restorāns nolēmis no savas ēdienkartes izņemt visus desertus ar augstu kaloriju daudzumu. Šajā praktiskajā darbā jūs gatavojaties ieviest jaunu saraksta komponentu DessertsList, kurā tiks parādīts tikai tie deserti,… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

React – veidojam audio/video komponentu atskaņotājam

React – veidojam audio/video komponentu atskaņotājam Šajā rakstā jūs uzzināsiet, kā instalēt react atskaņotāja pakotni un pēc tam izmantot to, lai react lietotnēs renderētu multivides atskaņotāju, pastāstīšu, kā lietot vairākus izplatītus iestatījumus un iestatīt atskaņotājam, automātisko atskaņošanu un sākuma skaļumu…. Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

React mēdiju pakotņu iekļaušana aplikācijā(react player)

React mēdiju pakotņu iekļaušana aplikācijā(react player) iepriekšējā rakstā mēs apskatijām iespēju trīs dažādos veidos aplikācijā iekļaut attēlus, Šajā rakstājūs uzzināsiet, kā instalēt reactjs-media npm pakotni. Šo pakotni varat atrast vietnē npmjs.org, izmantojot šo URL: https://www.npmjs.com/package/react-player Lai instalētu šo pakotni, terminālī… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:
« Older posts

© 2024 — Powered by WordPress

Theme by Anders NorenUp ↑

Dalīties: