Tag JavaScript latviski
Dinamiskās programmēšanas paradigma problēmu un iegaumēšana Veidojot dinamisku programmēšanu, jūs uzzinājāt par “Skaldi un valdi” paradigmu un rekursiju. Šajā rakstā jūs uzzināsiet par iegaumēšanas (Memorization) un dinamiskās programmēšanas (Dynamic programming) jēdzieniem. Dinamiskā programmēšana ir programmēšanas paradigma, kas veicina problēmu risināšanu,… Continue Reading →
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 →
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 →
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 →
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 →
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 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 →
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 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 →
React “Steita” novērošana – teksta maiņa ar pogu tātad kopumā turpinām iepriekšējo rakstu tēmu par steitiem, āķiem (jeb hooks) un aktuālo datu maiņu, kā arī interaktivitātes piešķiršanu React lietotņu datos. Kāpēc mēs izmantojam “steitus” programmā React? Jo tas ir viens… Continue Reading →
Kas ir React “steits”? / State Apsveriet dažādus modinātājpulksteņa režīmus un situācijas, kurās jūs tos izmantotu. Parasti jums ir ieslēgts modinātājs, lai iestatītu pamošanās laiku, izslēgts modinātājs, kad šī funkcija nav nepieciešama, un atlikšana, jeb “snauda”, lai pasnaustu un… Continue Reading →
Kas ir React āķi, jeb hooks? Tagad jūs, iespējams, jau esat uzzinājis par dažiem svarīgiem un noderīgiem React pamatjēdzieniem. Šajā brīdī jūs esat gatavs iemācīties pievienot interaktivitāti, uzturēt React komponenta stāvokli un izpētīt React hooks, jeb āķus. Šajā rakstā jūs… Continue Reading →
React apstrādātāji un iegultās izteiksmes – Sintakse (jeb EVENT HANDLERS) Katru reizi, kad noklikšķināt vai pieskaraties pogai, ritiniet lapu uz leju vai atceļat garlaicīgu paziņojumu, pārlūkprogrammā tiek parādīti notikumi. Lai šiem notikumiem būtu kāda ietekme, jums ir jāizmanto notikumu apstrādātāji… Continue Reading →
React Trīskāršie operatori un funkcijas JSX Tātad jūs esat izpētījis vairākus veidus, kā definēt komponentus programmā React; tas ietver funkciju deklarācijas, funkciju izteiksmes un bultiņu funkcijas. Turpinot pilnveidot savas zināšanas par React sintaksi, jūs iemācīsities vairāk izmantot JSX un iegultās… Continue Reading →
Iegultās “embeded” JSX izteiksmes Atcerieties, ka JSX ir JavaScript sintakses paplašinājums, kas tiek izmantots kopā ar React. Tas ļauj izstrādātājiem rakstīt HTML kā daļu no sava komponenta koda, un to bieži izmanto programmā React, jo tas nodrošina lielāku elastību. Šajā… Continue Reading →
JSX sintakse un bultas funkcija / React Komponenti kā funkciju izteiksmes Līdz šim jūs, iespējams, novērojāt tikai ES5 funkciju deklarācijas, kas tika izmantotas, lai definētu komponentus programmā React. Tomēr tas nav vienīgais veids, kā to izdarīt. Šajā rakstā jūs uzzināsiet… Continue Reading →
JSX elementu veidošana Jūs esat novērojis, ka JSX ir neticami daudzpusīgs un var pieņemt JavaScript, HTML un CSS kombināciju. Šajā rakstā jūs uzzināsiet dažas pieejas, kā veidot JSX elementus un darīt to tā, lai lietotnē tiktu sasniegts gan funkcionāls, gan… Continue Reading →
React – rekvizīti un bērni (props&children) Iepriekš jūs uzzinājāt, ka varat nodot rekvizītus komponentam un komponenta ietvaros. Bet ir arī īpašs rekvizīts, kas pazīstams kā props.childs, kas automātiski tiek nodots katram komponentam. Šajā rakstā jūs uzzināsiet par props.children un to,kāds… Continue Reading →