Du har sikkert hørt om det populære JavaScript-rammeverket fra Facebook - React. Den brukes av mange populære nettsteder, inkludert Facebook selv og Instagram. I denne artikkelen finner du 5 praktiske eksempler som er bygget med React, og som vil gi deg et forsprang med rammeverket. Hva er spesielt
React har fått mye popularitet den siste tiden og har tiltrukket seg et stort og aktivt samfunn. Dette resulterer i et stort vell av gjenbrukbare komponenter for det som vil spare deg tid ved koding. Biblioteket selv oppfordrer til å skrive løst koblet kode som er modulær og komponerbar. I denne op
Hvert kapittel i min nye bok Reager raskt (Manning, 2016) har et prosjekt som er supplert med en videofilm. Se videoene her eller på YouTube. Koden er på GitHub. Reager raskt Du kan også laste ned hele det første kapittelet GRATIS hos Manning. Boken er planlagt utgitt i første kvartal 2016, men t
Dette er et utdrag fra Reager raskt (Manning, 2016). Du kan laste ned hele første kapittel gratis på Manning . Boken er planlagt utgitt i første kvartal 2016, men MEAP er tilgjengelig akkurat nå. Bruk koden «mardandz for å få 39 % rabatt. Hvert kapittel har et prosjekt som er supplert med en videos
Dette innlegget er skrevet av Scott Hasbrouck. Du finner ham på Twitter eller nettstedet hans. Det har ikke vært annet enn fantastisk å se JavaScript virkelig ta fyr de siste årene innen nettteknologi, og til slutt blitt det mest brukte språket i 2016, ifølge StackOverflow-data. Historien min med J
Hvordan bygge en komponent for utvalgslister ved å bruke React i en Next.js-app. Komme i gang For denne opplæringen skal vi bruke CheatCode Next.js Boilerplate for å gi oss et utgangspunkt for arbeidet vårt. Først, klone kjeleplaten: Terminal git clone https://github.com/cheatcode/nextjs-boilerpl
Hvordan lage et kredittkortskjema ved å bruke Stripe.js og Stripe Elements, samt hvordan du henter kredittkortskjemaets verdi og genererer et Stripe-kildetoken. Komme i gang For denne opplæringen, for å gi oss et utgangspunkt for arbeidet vårt, skal vi bruke CheatCode Next.js Boilerplate. La oss k
Jeg har hørt om React siden jeg begynte å lære JavaScript, men jeg skal innrømme at jeg tok en titt på det og det skremte meg. Jeg så det som så ut som en haug med HTML blandet med JavaScript og tenkte, er det ikke dette vi har prøvd å unngå? Hva er problemet med React? I stedet fokuserte jeg på å
Et nytt konsept ble introdusert i React - Hooks. Kroker er et alternativ til klasser. Hvis du har brukt React før, vil du bli kjent med enkle (funksjonelle) komponenter og klassekomponenter . Enkel komponent } Klassekomponent } } Mange av funksjonene som er tilgjengelige for klasser – for eksempe
Ethvert element kan gjøres redigerbart ved å legge til contenteditable Egenskap. Dette attributtet brukes over hele nettet, for eksempel i Google Regneark. Jeg skal ikke fortelle deg om du skal bruke eller ikke bruke contenteditable elementer i appen din. Hvis du velger å bruke contenteditable , kan
React kommer ikke med en innebygd ruter, men vi kan enkelt oppnå ruting med react-router-dom bibliotek. Routing er hvordan en nettapplikasjon dirigerer trafikk. (Hvis du vet hva ruting er, kan du gjerne hoppe over denne delen.) Eksempel:Hvis du går til taniarascia.com, havner du på min hjemmeside.
React Context API er en måte å i hovedsak lage globale variabler som kan sendes rundt i en React-app. Dette er alternativet til propellboring, eller å overføre rekvisitter fra besteforeldre til foreldre til barn, og så videre. Kontekst blir ofte utpekt som en enklere, lettere løsning for å bruke Red
For en stund siden skrev jeg en artikkel om Using Context API in React. Imidlertid brukte de fleste av eksemplene mine på den siden klassekomponenter, static contextType , og Consumer , som er en gammel måte å håndtere kontekst på, og i TYOOL 2021 ønsker vi fine, rene og funksjonelle komponenter. Je
Det er ingen konsensus om den riktige måten å organisere en React-applikasjon på. React gir deg mye frihet, men med den friheten følger ansvaret for å bestemme din egen arkitektur. Ofte er tilfellet at den som setter opp applikasjonen i begynnelsen kaster nesten alt i en components mappe, eller kans
Introduksjon Når du lager React-applikasjoner som henter innhold fra eksterne kilder som det tar litt tid å laste inn, er det alltid en god idé å gi en hyggelig brukeropplevelse ved å engasjere brukere og holde oppmerksomheten deres med en laster, da dette hjelper brukerne å forstå hva som skjer. e
Introduksjon Når du lager React-applikasjoner som henter innhold fra eksterne kilder som det tar litt tid å laste inn, er det alltid en god idé å gi en hyggelig brukeropplevelse ved å engasjere brukere og holde oppmerksomheten deres med en laster, da dette hjelper brukerne å forstå hva som skjer. e
Introduksjon Når en utvikler oppretter en applikasjon, er neste trinn å dele den med venner eller offentligheten slik at alle kan få tilgang til den. Denne prosessen med å overføre kode fra et utviklingsmiljø til en vertsplattform der den serveres til sluttbrukere kalles distribusjon . Hosting ple
Introduksjon Implementering er prosessen med å flytte koden vår fra et kildekontrollsystem til en vertsplattform hvor den blir lagret, og kan serveres som en applikasjon til sluttbrukere. Vanligvis gjøres dette enten i skyen eller på en lokal server. Før bruken av skyplattformer som Netlify, ble h
Introduksjon Hendelser representerer vanligvis en eller annen type interaksjon mellom brukeren og appen – hver gang en bruker klikker på objektet, skriver inn inndatafeltet, drar eller slipper et element, og så videre. Derfor krever hver hendelse vanligvis en type reaksjon fra appen. Hver gang en b
Introduksjon En komponent er det sannsynligvis viktigste konseptet å forstå i React. Det er en av kjernebyggesteinene av React som lar oss dele et brukergrensesnitt i uavhengige, gjenbrukbare deler, noe som gjør oppgaven med å bygge brukergrensesnitt mye enklere. Alle disse uavhengige komponentene