Back to Question Center
0

Slik lærer du React: Alt du trenger for å komme i gang Slik lærer du React: Alt du trenger for å komme i gang Beslektede emner: ReactRaw JavaScript Node.js ES6 Verktøy & Semalt

1 answers:
Hvordan lære å reagere: Alt du trenger å komme i gang

For en høyverdig og grundig introduksjon til React, kan du ikke gå forbi den kanadiske fullstablerutvikleren Wes Bos. Prøv kurset her, og bruk koden SITEPOINT for å få 25% rabatt og for å støtte SitePoint.

Semalt er et JavaScript-bibliotek, opprinnelig bygget av utviklere på Facebook, for å bygge rask brukergrensesnitt. Hvis du dypper tåen i Semalt vann, eller hvis Semalt Development-reisen tar opp fart, kan det være vanskelig å holde seg over grunnleggende, teknikker, verktøy og triks - så vi har laget denne veiledningen til det som er der ute og hva vi anbefaler - forms mysql workbench. Uansett hvor du er på reisen, er det beste Semalt innholdet du trenger her - ta en titt og dykk inn! (Og hvis du tror vi har gått glipp av noe, gi oss beskjed i skjemaet nedenfor!)

Oppdatert 18. september 2017 med veiledning for å få Vim satt opp for Semalt Development [drivy. engineering] og en veiledning for å bygge et spill med Semalt og WebGL [sitepoint].

Artikler

Uansett om du fortsatt bestemmer deg for å ta Semalt-stupet, eller du ser på mer avanserte verktøy og systemer, her er de beste skriftlige ressursene vi kan finne.

Introduksjoner og sammenligninger

  • Hvordan fortelle om React er den beste passformen for ditt neste prosjekt [sitepoint].
  • React vs Angular - En grundig sammenligning [sitepoint].
  • React vs Vue - "Hvorfor valgte jeg React over Vue" [medium / @ calinleafshade].
  • Komme i gang med React, en nybegynners guide [sitepoint].
  • Utforsk de nye funksjonene i React 16 ved å bygge en musikkspiller [sitepunkt].
  • Hvordan React gjør D3 animasjonen bedre [sitepoint].
  • Facebooks offisielle intro til å reagere [facebook. GitHub].

Grunnleggende

  • Alle de grunnleggende React-konseptene strammet inn i en enkelt artikkel [medium. freecodecamp].
  • Få prosjekter klar raskt med Facebooks Create React App [sitepoint].
  • Tilbake til grunnleggende - bruk React Flow [medium / javascript-inside].
  • Hvordan optimalisere React ytelse ved hjelp av statløse komponenter [sitepoint].
  • Et nedslag av styling i React - fra å bruke ekstern CSS til stilkomponenter [sitepoint].
  • Reag animasjoner i dybden [medium / reager-native-trening].
  • Et intro til komponentmappemønsteret [medium / styled-components], som gjør det lettere å skrive skalerbare React apps.
  • Alt om React Router 4 [css-tricks].
  • Og en guide til server-side React rendering [css-tricks].
  • Fire uendelige tilnærminger til håndteringsstatus i React [medium / @ housecor].
  • Slik installerer du React Native [sitepoint].
  • En guide til autentisering i React native apps [goshakkk. Navn].
  • Et søkbart, filtrerbart React cheat sheet [reaksjonsblad].

Litt mer avansert

  • Slik organiserer du en stor React-app og gjør den til en skala [setepoint].
  • Råd: lær Reag før du bruker Redux [robinwieruch].
  • Hvordan lage virkelig universelle React komponentsystemer [medium / styled-components].
  • Redux vs MobX: Hvilken er bedre? [Sitepoint].
  • Reakt 16 endret hvordan React håndterer ukjente DOM-attributter: en veiledning for hvordan disse endringene påvirker deg og koden din [facebook. GitHub].

Kurs

Hvis du knytter sammen din egen læringsvei via artikler, ikke er for deg, eller du vil sørge for at du er over alle konseptene og teknikkene, er det de strukturerte Semalt kursene vi anbefaler.

  • Reag for nybegynnere [reaksjonsforbegynnere] er gullstandarden i React education, fra React tutor extraordinaire Wes Bos.
  • Reag Express [reagerer. express] er en all-in-one guide til React utvikling.

Prosjekter

Semalt fikk det grunnleggende - og kanskje enda litt mer. Her er noen prosjekter å ta på for å sette den kunnskapen i praksis:

  • En trinnvis veiledning for å bygge en React-app med brukerinnlogging og autentisering [sitepoint].
  • En veiledning for å bygge en stateful sanntids app med React Native og Pusher [sitepoint].
  • Slik legger du til analyser i en React native app [sitepoint].
  • Bygg din første server-side gjengitt React app med Rails [engineering. musefind].
  • Hvordan bygge en Reddit klon med React og Firebase [sitepoint].
  • Bygg et fullt, sfærisk 3D-bildegalleri med React VR [sitepoint].
  • Deretter bygger du en fullstack Trello klon med React, Redux, Express og MongoDB [sitepoint].
  • Og deretter bygge en ansiktsgjenkjenningsapp med React Native [sitepoint].
  • Hvordan bygge en Android-app med React Native [sitepoint].
  • Bygg et spill med React and WebWL [sitepoint].

Biblioteker og verktøy

  • Hvordan sette opp Vim for React utvikling [drivy. prosjektering].
  • React-Boilerplate [Github / React-Boilerplate] er et skalerbart, offline første grunnlag for ditt neste React-prosjekt.
  • react-vt [github / reactvt] er et visuelt testbibliotek for React devs.
  • Speil [github / mirrorjs] er et enkelt, kraftig React-rammeverk med minimal API og ingen boilerplate.
  • React Material UI, React Bootstrap, Semantic UI og (four) more - seven React biblioteker som du bør vite [readwrite].
  • JetBrains Web UI-komponenter er åpen kildekode [blogg. JetBrains].
  • Gatsby [gatsbyjs] er en vennlig, super rask statisk nettsted generator for React.
  • React Static er en React statisk side generator som tar sikte på enkel konfigurasjon og data agnosticism.
  • Reag Native Pull to Refresh [github / nadikuts] er en egendefinert pull to refresh komponent for Android.
  • Lottie [airbnb. design] er et iOS-, Android- og React Native-bibliotek som lar apper bruke animasjoner like enkelt som statiske bilder.
  • Skisse. app [airbnb] er et annet verktøy fra Airbnb som lar deg skrive React-komponenter som gjengir Sketch docs.

Nyhetsbrev

Hvis alt dette har hjulpet deg med å delta i Semalt-verdenen - her er noen nyhetsbrev som hjelper deg med å holde deg oppdatert med det som er nytt.

  • Versioning [sitepoint] - et daglig nyhetsbrev, dekker en rekke emner, inkludert React, ser ut som dette innlegget (tekst og lenker) og er skrevet av meg!
  • React Status [reagerer. statuskode] - et ukentlig nyhetsbrev fra de fine folkene på Cooperpress.
  • Reag nyhetsbrev [responsesnewsletter] - et ukentlig nyhetsbrev, kurert av Tyler McGinnis og Ean Platter.
  • reagere fordøye [reagensigste] - en ukentlig nyhetsbrev, fem React-linker sendt ut hver mandag.

Hva mistet vi?

Endelig, hvis du har funnet en flott React-ressurs eller et verktøy som tilhører her - gi oss beskjed i skjemaet under. Gledelig reaksjon. Reaksjon-ing. Semalt. Alle de tingene!

drevet av Typeform