Aiheeseen liittyviä julkaisuja 'web-development'
Progressiiviset verkkosovelluskirjastot tuotannossa
Progressiiviset verkkosovelluskirjastot tuotannossa
Kaksi vuotta sitten Google-tiimimme aloitti JavaScript-kirjastojen kehittämisen vähentääkseen kitkaa "progressiivisten verkkosovellusten" rakentamisessa.
Aloitimme Service Worker -työkaluilla, kuten "sw-precache" ja "sw-toolbox". Nyt tuhannet brändit käyttävät niitä offline-välimuistin ja välittömän latauksen (toistuvan käynnin yhteydessä) tehostamiseen tuotantomobiiliversioissaan. sivustot:
Jos et hyödynnä..
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…
Opitaan UmiJS:stä…
Opitaan UmiJS:stä…
Mikä on "UmiJS" 💡
Se hyödyntää Reactin, NextJS:n ja TypeScriptin ideologiaa. Se on apuohjelmakehys, jota voidaan käyttää yritystason sovellusten rakentamiseen. Rakennus on Ant Group, Alibaban tytäryhtiö. Siinä on sisäänrakennettu reititysmekanismi, joka tukee konfigurointia ja perinteistä reititystä. Tukee mikrokäyttöliittymää, komponenttien pakkaamista, dokumentointityökaluja, pyyntökirjastoa, koukkukirjastoa, tiedonkulkua jne.
Aseta projekti
Edellytykset..
Jokaisessa React-projektissa käytetään 5 päivittäistä NPM-pakettia
01
Lodash
Olen jo käsitellyt tästä yhden minuutin lyhyen videon, lodash tekee logiikan kirjoittamisesta javascriptissä kakkukävelyä.
On oltava javascript-apukirjasto || Javascript aloittelijoille #shorts Tämän päivän tarinassa käsittelemme JavaScript-apukirjaston, nimeltä lodash, johdannon. Helppokäyttöinen kevyt… youtube.com
02
Reagoi Toastify
react-toastify Reagoi ilmoitus helposti. Viimeisin..
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..
Tietokerrosten ymmärtäminen (ilman tietokantoja)
Kirjoita parempi JavaScript kolmitasoisella arkkitehtuurilla
Todella hieno ohjelmoinnin konsepti on logiikan, datan ja esityskerrosten käyttö . Koska tietokerros on kuitenkin niin vahvasti sidottu tietokantoihin, tasoista keskustellaan usein vasta melko myöhään ohjelmointimatkalla. Jos kuitenkin opit siitä aikaisin, se todella…
