Month marts 2023

React KEYS izmantošana ar LIST komponentiem + App kods GitHub repo

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 →

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:

React assets importēšana lietotnē + video

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 →

Loading

Noderīgs raksts? Dalies ar citiem:

React assets grupēšana

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 →

Loading

Noderīgs raksts? Dalies ar citiem:

Kas ir React assets un ko tie ziemā ēd?

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 →

Loading

Noderīgs raksts? Dalies ar citiem:

Rakstam kodu React (+video)- viena skata nosacījuma atjauninājumi – “App – ziņojums katrai dienai”

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 →

Loading

Noderīgs raksts? Dalies ar citiem:

Nosacītā renderēšanas piemērošana…

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 →

Loading

Noderīgs raksts? Dalies ar citiem:

React nosacījumu renderēšana

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 →

Loading

Noderīgs raksts? Dalies ar citiem:

React navigācijas pamati

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 →

Loading

Noderīgs raksts? Dalies ar citiem:

React props drilling pieeja, jeb datu īpašību urbšana (caurplūde)

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 →

Loading

Noderīgs raksts? Dalies ar citiem:

React “Steita” novērošana – teksta maiņa ar pogu

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 →

Loading

Noderīgs raksts? Dalies ar citiem:

Kas ir React “steits”? / State

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 →

Loading

Noderīgs raksts? Dalies ar citiem:

React hooks izmantošana…

Izmantojot āķus jeb hooks… Tagad, kad esat sapratis, kādi āķi ir programmā React, un jums ir dažas pamatzināšanas par useState āķi, nedaudz iedziļināsimies šajā visā, lai to izprastu pilnīgāk. Šajā rakstā jūs uzzināsiet, kā izmantot hooks, jeb āķus React komponentos,… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

Kas ir React āķi, jeb hooks?

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 →

Loading

Noderīgs raksts? Dalies ar citiem:

React Datu plūsmas skaidrojums

React Datu plūsmas skaidrojums Šajā rakstā jūs uzzināsiet, kā detalizēti aprakstīt datu plūsmu no “vecākiem(parent)” uz “bērnu(child)”. Pēc tam jūs uzzināsiet, kāpēc koda paraugiem ir jābūt skaidriem un kodolīgiem. Visbeidzot, jūs sīkāk izpētīsiet datu plūsmu, aplūkojot vairāk piemēru. Tam vajadzētu… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

React apstrādātāji jeb event handlers un iegultās izteiksmes – Sintakse

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 →

Loading

Noderīgs raksts? Dalies ar citiem:

React notikumu tipi “EVENTS”

React notikumu tipi “EVENTS” Tagad jūs, iespējams, jau esat iepazinies ar notikumiem JavaScript. Atcerieties, ka notikumi ir process, kurā JavaScript mijiedarbojas ar HTML, un tas var notikt, kad lietotājs vai pārlūkprogramma manipulē ar lapu. Tie nodrošina uzlabotu interaktīvu pieredzi, piemēram,… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

React praktiskais darbs aplikācijas instalācija un Multiplie komponenti

React praktiskais darbs aplikācijas instalācija un Multiplie komponenti Šajā praktiskajā darbā izveidosim 3 kartes elementus React aplikācijā, tāpēc pirms šī darba uzsākšanas pārliecinieties, vai Jums ir svaigi instalēta react aplikācija Jūsu izvēlētajā mapē. React jaunas aplikācijas instalācija Es saviem darbiem… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

React izteiksmes kā rekvizīti / props

React izteiksmes kā rekvizīti / props Jūs noteikti jau esat mazliet iemācījies izmantot izteicienus kā rekvizītus. Tie, cita starpā, var būt trīskārši operatori, funkciju izsaukumi vai dažas aritmētiskas darbības. Tomēr jūs varat nodot gandrīz jebkura veida izteiksmi kā rekvizītu. Piemēram:… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

© 2024 — Powered by WordPress

Theme by Anders NorenUp ↑

Dalīties: