Tag JavaScript

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: 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 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 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:

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:

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 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 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:

React Trīskāršie operatori un funkcijas JSX

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 →

Loading

Noderīgs raksts? Dalies ar citiem:

Iegultās “embeded” JSX izteiksmes

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 →

Loading

Noderīgs raksts? Dalies ar citiem:

JSX sintakse un bultas funkcija / React

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 →

Loading

Noderīgs raksts? Dalies ar citiem:

JSX elementu veidošana / REACT

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 →

Loading

Noderīgs raksts? Dalies ar citiem:

React – rekvizīti un bērni (props&children)

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 →

Loading

Noderīgs raksts? Dalies ar citiem:

Preperējam Rekvizītus, jeb PROPS React/JavaScript/JSX

Preperējam Rekvizītus, jeb PROPS Atceramies, ka līdzīgi parametriem JavaScript funkcijā, kas ļauj nodot vērtības kā argumentus, React izmanto rekvizītus “propertijus”, lai nodotu datus starp komponentiem. Bet kā tieši viņi strādā? Šajā rakstā jūs izmantosiet transpilatoru, lai JSX kodu pārveidotu uz… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

React un JavaScript “Props” komponentu principi

React un JavaScript “Props” (rekvizītu) komponentu principi Lai šis Jums būtu vieglāk izprotams jums vajadzētu būt pazīstamam ar React funkcionālo komponentu jēdzienu. React funkcionālie komponenti ir atkārtoti lietojami koda bloki, kas darbojas līdzīgi JavaScript funkcijai. Atcerieties, ka programmā JavaScript varat… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

React iesācējiem – projekta pielāgošana

React Projekta pielāgošana Ja reiz esat atvēris šo rakstu, tad visdrīzāk esat jau apskatijis informāciju par React komponentiem, bet tagad šajā rakstā jūs koncentrēsities uz mācīšanos pielāgot projektu. Jūs uzzināsiet par programmatūras izstrādes pieeju, detalizēti aprakstot atsevišķu saistīto failu izveidi… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

Testēšanas veidi iespējas un principi e2e, integration, uni

Testēšanas veidi iespējas un principi e2e, integration, unit Pieņemsim…kā izstrādātājam jums ir uzdots pārbaudīt programmatūras daļu, kā jūs to paveiktu dažu nākamo minūšu laikā? Es paskaidrošu, kas ir programmatūras testēšana. Es jūs iepazīstināšu ar trim visbiežāk izmantotajiem testēšanas veidiem. Jūs… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

Testēšana toBe JavaScript

Testēšana toBe JavaScript Kad jūs kaut ko veidojat, jūs vēlaties pārliecināties, ka tas darbojas, un pārliecinieties, ka kaut kas darbojas, to pārbaudot. Tas pats ir ar JavaScript kodu. Pirms tā palaišanas jums ir jāpārliecinās, vai JavaScript kods darbojas. Šajā rakstā… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

Mazliet par Node un NPM.

Mazliet par Node un NPM. Šajā rakstā Jūs uzzināsiet, kas ir Node.js un npm un kā komandrindā izmantot pamata komandas Node un npm. 1886. gadā pirmo ar iekšdedzes dzinēju darbināmo automašīnu izgudroja Karls Benzs. Drīz pēc tam parādījās daudzas automašīnas,… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

“Spread” un “Rest” izmantošana JavaScript

“Spread” un “Rest” izmantošana JavaScript   Šajā rakstā jūs uzzināsiet, kā savienot masīvus un objektus, izmantojot operatoru “rest”. Jūs arī uzzināsiet, kā izmantot izkliedes operatoru “spread”, lai: Pievienotu masīviem jaunus dalībniekus, neizmantojot push() metodi Pārvērst virkni par masīvu un Kopēt… Continue Reading →

Loading

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

© 2024 — Powered by WordPress

Theme by Anders NorenUp ↑

Dalīties: