Publikācijas par tēmu 'react'


Kā Babel palīdzēja ietaupīt 710 kb no ražošanas komplekta un kā tas ir daudz vairāk nekā nākamais…
Sākšu ar to, ka manā uzņēmumā klienta puses komplekti ir pārāk lieli, piemēram, ļoti lieli, kā satraucoši lieli. Es jūtos labāk, zinot, ka agrāk tās bija daudz lielākas, mūsu lietotnes galvenokārt tiek izmantotas mūsdienu datoru pārlūkprogrammās, un neatkarīgi no citiem attaisnojumiem, ko es varu izdomāt, lai katru dienas brīdi nejustos tā, it kā man neizdodas. Liela daļa interneta sarunu par sniegumu (vismaz lietas, ar kurām es saskāros) ir vērstas uz lielām, vērienīgām izmaiņām, kur..

Reaģēt — JS 1O1 — 1.daļa — Sveika pasaule
Sveiki, mēs varam mācīties gan React, gan JavaScript līdzās, mums nav jābūt padziļinātām zināšanām par JavaScript, lai sāktu React. Šīs sērijas ideja ir kopā apgūt gan React, gan JavaScript, veidojot projektu. Mēs apgūsim nepieciešamo JavaScript, pamatojoties uz mūsu rakstīto React programmu. Sāksim ar Hello World Sākot ar CodeSandBox Vienkāršākais veids, kā sākt ar React, ir CodeSandbox. Google codesandbox React Noklikšķiniet uz pirmās saites Mēs redzēsim rotaļu..

Veidlapas un lietojuma stāvoklis programmā React
Augsta līmeņa pārskats par useState piesaisti React lietojumprogrammas formās useState ir React “āķis”. Āķis jūsu lietotnei pievieno funkcionalitāti. useState var izsekot stāvokļa elementus, piemēram, formas vērtības. Lai piekļūtu useState āķim, jums tas būs jāimportē: import { useState } from “react”; Darbs ar stāvokļa mainīgajiem Definējiet stāvokļa mainīgo, funkciju stāvokļa iestatīšanai un sākotnējo…

Īsā ES6 izstrādes rokasgrāmata — 1. daļa
Tvēruma noteikšana, cilpa, datu struktūras un daudz kas cits Šajā rakstā mēs pārbaudīsim, kādas jaunas funkcijas ir ieviestas ES6 un kā tās izmantot, un novērtēsim ātrus piemērus, lai izprastu ES5 uzlabojumus. Jauno funkcionalitātes saraksts ir diezgan liels, taču šeit mēs koncentrēsimies uz dažām bieži lietotām. Mēs arī izpētīsim, kā izmantot labāko praksi mūsu ikdienas izstrādes uzdevumos. ES9 tiek apspriests, taču ES6 joprojām pilnībā neatbalsta visas pārlūkprogrammas. Uzziņai..

Vai esat noguris no Redux, Recoil, MobX un citiem? Laiks izpētīt citu valsts pārvaldības veidu
Pēc priekšgala koda rakstīšanas vēl septiņus gadus, pabeidzot projektus, pārdomājot, es jūtos arvien pārliecinātāks, ka dažas no ikdienā lietojamām lietām ir jāapšauba, no kurām viena ir par mūsdienās plaši pieņemto praksi valsts pārvaldībā. 🙏. Es vēlētos dalīties pārdomās par šo rakstu, lai izpētītu. Kāpēc gan neizmantot Redux, Recoil, MobX, Zustand, Jotai vai Valtio Līdz šim, īpaši React, ir bijušas daudzas valsts vadības bibliotēkas. Tāpēc, lai skaidri aprakstītu problēmas, es sāktu..

Kā izveidot maršrutēšanas slāni programmā React un kāpēc tas jums ir nepieciešams
Vienas lapas React lietojumprogrammā maršrutēšana attiecas uz navigācijas procesu starp dažādām lapām, neizraisot pilnas lapas atkārtotu ielādi. Lietojumprogramma sākotnēji ielādē vienu HTML lapu. Pēc tam tas dinamiski atveido dažādus komponentus, pamatojoties uz lietotāja mijiedarbību. Tā kā React nav iebūvētu maršrutēšanas iespēju, jums tas jāievieš, izmantojot trešās puses bibliotēku. Katra bibliotēka ir atšķirīga, taču parasti notiek tā, ka maršrutēšanas loģika tiek izplatīta visā..

Kā pārsūtīt datus starp React komponentiem?
Pieņemsim, ka vēlaties pārsūtīt datus starp React komponentiem. Kā esmu redzējis, ir daži veidi, kā to izdarīt. Tas, ko es šeit parādīšu, ir tikai viens no tiem. Tajā netiek izmantots nekas ārējs, tāpēc tas ir labs veids (IMO) praktizēt savas reaģēšanas prasmes. Manā gadījumā man vajadzēja iegūt lietotāja ievadi no viena komponenta uz otru. Lai to izdarītu, es uzzināju, kā pārsūtīt datus starp šiem diviem, izmantojot trešo (vecāku) komponentu. Es mēģināšu jums parādīt, cik viegli to..