Category Programmēšanas pamācības
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 →
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 →
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 →
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 →
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 →
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 →
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 →
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 →
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 →
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 →
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 →
React formas un kontrolētie komponenti… Pārlūkojot internetu, pastāv liela iespēja, ka nonāksiet veidlapā, jeb ievades formā pat, ja to iespējams nepamanīsiet. No vienkāršas e-pasta ievades un biļetenu abonēšanas līdz sarežģītākām formām, piemēram, konta izveidei iecienītākajā sociālo mediju platformā , formas… Continue Reading →
React KEYS izmantošana ar LIST komponentiem Šajā rakstā sniegšu uzskatāmu piemēru ar React Keys izmantošanu praksē. Esmu izveidojis mazu un visnotaļ elementāru aplikāciju, kura renderē vienkāršu “To Do” veicamo darbu sarakstu ar divām pozīcijām. Šajā sarakstā iespējams pievienot veicamo darbu… Continue Reading →
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 →
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 →
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 →
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 →
React assets importēšana lietotnē trīs dažādos veidos Šajā rakstā es demonstrēšu dažādus attēlu parādīšanas veidus React lietotnē. Jūs uzzināsiet trīs dažādus veidus, kā parādīt attēlu un īpaši reaģēt uz lietotni, izmantojot importēšanas paziņojumu, izmantojot pieprasījumu, lai iestatītu faila ceļu, vai… Continue Reading →
ASSETS sagrupēšana, jeb sakārtošana Iepriekš jūs uzzinājāt, kādi assets līdzekļi ir programmā React, un paraugpraksi to glabāšanai projektu mapēs. Šajā rakstā jūs uzzināsiet par līdzekļu iegulšanas priekšrocībām un trūkumiem, tostarp par klienta/servera puses līdzekļu piemēriem. Jūs arī uzzināsiet par kompromisiem,… Continue Reading →
Kas ir React ASSETS? Ja esat iepzinies ar maniem iepriekšējiem rakstiem tad Jums vajadzētu būt pazīstamam ar React komponentu izveidi un teksta pievienošanu tiem. Taču tikai ar teksta attēlošanu lietotnē vien neiztikt, un lietotāji sagaida tādas lietas kā attēli,… Continue Reading →
Rakstam kodu React – viena skata nosacījuma atjauninājumi – ziņojums katrai dienai [+VIDEO] Ar šī raksta praktiskā darba palīdzību varēsiet izprast dažādas pieejas nosacījuma renderēšanai un reaģēšanai. Un jūs varēsiet izmantot if-else priekšrakstus un trīskāršus operatorus, lai nosacīti renderētu komponentus…. Continue Reading →
Nosacītā renderēšanas piemērošana… Kā jau Jūs noteikti zināt, tad “Steits” ir visi dati, ar kuriem pašlaik strādā jūsu lietotne. Paturot to prātā, varat izlemt nosacīti renderēt konkrētus komponentus savā lietotnē, pamatojoties uz to, vai konkrētiem stāvokļa datiem ir noteiktas vērtības…. Continue Reading →
React nosacījumu renderēšana Izlasot manus iepriekšējos rakstus jums vajadzētu būt pazīstamam ar jēdzienu, ka React dinamiski maina tīmekļa lapas saturu. Piemēram, jūs atklājat, ka tad, kad viņi reaģē uz vietnes izmaiņām no “Homepage” teksta uz tekstu “About Me”, tā… Continue Reading →
React navigācijas pamati Šajā rakstā jūs uzzināsiet par atšķirībām starp tradicionālajām tīmekļa lapām un React-powered tīmekļa lapām (SPAs —single page applications/ vienas lapas lietojumprogrammas). Kad sapratīsiet atšķirību starp šiem diviem tīmekļa lapu veidošanas veidiem, varēsiet saprast nepieciešamo atšķirību starp… Continue Reading →
React props drilling pieeja, jeb īpašību urbšana… Props drilling ir React pieeja, kurā dati un funkcijas tiek padotas no vienas komponentes uz citu caur starpniek komponentēm, paturot prātā to, ka React lieto vienvirziena datu plūsmu (one-way data flow). Tātad tehniski… Continue Reading →