Aiheeseen liittyviä julkaisuja 'react'
Kuinka Babel auttoi säästämään 710 kt tuotantopaketista ja kuinka se on paljon enemmän kuin seuraava…
Aloitan sanomalla, että yritykseni asiakaspuolen paketit ovat liian suuria, kuten todella suuria, kuin järkyttävän suuria.
Minusta tuntuu paremmalta, kun tiedän, että ne olivat aiemmin paljon suurempia, sovelluksiamme käytetään enimmäkseen nykyaikaisissa selaimissa ~moderneissa tietokoneissa, ja mitä tahansa muutakaan tekosyytä voin keksiä, etten tunnu epäonnistuvani joka hetki päivästä.
Suuri osa Internetin suorituskykykeskustelusta (ainakin ne asiat, joihin törmään) keskittyy..
React — JS 1O1 — Osa 1 — Hei maailma
Hei kaikki, voimme oppia sekä Reactin että JavaScriptin rinnakkain, meillä ei tarvitse olla syvällistä JavaScript-tietoa Reactin käynnistämiseksi.
Tämän sarjan ideana on oppia sekä React että JavaScript yhdessä rakentamalla projekti. Opimme tarvittavan JavaScriptin kirjoittamamme React-ohjelman perusteella.
Aloitetaan Hello Worldistä
Alkaen CodeSandBoxista
Helpoin tapa aloittaa React on CodeSandbox.
Googlen codesandbox React Napsauta ensimmäistä linkkiä
Näemme..
Lomakkeet ja käyttötila Reactissa
Korkeatasoinen yleiskatsaus useStaten hyödyntämiseen React-sovelluksen muodoissa
useState on Reactin "koukku". Koukku lisää toiminnallisuutta sovellukseesi. useState voi seurata tilaelementtejä, kuten lomakearvoja. Jotta voit käyttää useState koukkua, sinun on tuotava se: import { useState } from “react”;
Työskentely tilamuuttujien kanssa
Määritä tilamuuttuja, funktio tilan asettamiseen ja alku…
Pika ES6-kehitysopas — Osa 1
Kattaus, silmukka, tietorakenteet ja paljon muuta
Tässä artikkelissa aiomme tutkia, mitä uusia ominaisuuksia on saapunut ES6:een ja kuinka niitä käytetään, ja arvioimme nopeita esimerkkejä ymmärtääksemme ES5:een verrattuna tehtyjä parannuksia. Uusien toimintojen luettelo on melko suuri, mutta tässä keskitymme joihinkin usein käytettyihin. Selvitämme myös, miten käytämme parhaita käytäntöjä rutiininomaisissa kehitystehtävissämme.
ES9:stä keskustellaan, mutta kaikki selaimet eivät..
Oletko kyllästynyt Reduxista, Recoilista, MobX:stä ja muista? On aika tutkia toista valtionhallinnon tapaa
Kirjoitettuani käyttöliittymäkoodia vielä seitsemän vuotta, viimeisteltyäni projekteja, pohdittuani uudelleen, tunnen yhä enemmän itsevarmuutta, että joitain jokapäiväisessä käytössä olevista asioista pitää kyseenalaistaa, joista yksi koskee tämän päivän laajasti hyväksyttyjä valtionhallinnon käytäntöjä. 🙏. Haluaisin jakaa joitain ajatuksia tästä artikkelista tutkimista varten.
Miksi et pysyisi Reduxin, Recoilin, MobX:n, Zustandin, Jotain tai Valtion kanssa
Varsinkin Reactissa on tähän..
Reitityskerroksen rakentaminen Reactissa ja miksi sitä tarvitaan
Yksisivuisessa React-sovelluksessa reititys viittaa prosessiin, jossa navigoidaan eri sivujen välillä käynnistämättä koko sivun uudelleenlatausta. Sovellus lataa aluksi yhden HTML-sivun. Sitten se renderöi dynaamisesti eri komponentteja käyttäjän vuorovaikutuksen perusteella.
Koska Reactissa ei ole sisäänrakennettuja reititysominaisuuksia, sinun on otettava se käyttöön kolmannen osapuolen kirjaston avulla. Jokainen kirjasto on erilainen, mutta yleensä tapahtuu, että päädyt levittämään..
Kuinka siirtää tietoja React-komponenttien välillä?
Oletetaan, että haluat siirtää tietoja React-komponenttien välillä. Kuten olen nähnyt, on olemassa pari tapaa tehdä se. Se, mitä aion näyttää tässä, on vain yksi niistä. Siinä ei käytetä mitään ulkopuolista, joten se on hyvä tapa (IMO) harjoitella React-taitojaan. Minun tapauksessani minun piti saada käyttäjän syöte komponentista toiseen. Tätä varten opin siirtämään tietoja näiden kahden välillä käyttämällä kolmatta (emo)komponenttia. Yritän näyttää sinulle, kuinka helppoa se todella..
