Back to Question Center
0

Sådan lærer du at reagere: Alt du skal komme i gang Sådan lærer du reaktion: Alt du skal komme i gang Relaterede emner: ReactRaw JavaScript Node.js ES6 Værktøjer & Semalt

1 answers:
Sådan lærer du reaktion: Alt du skal komme i gang

For en høj kvalitet og dybtgående introduktion til React kan du ikke gå forbi den canadiske fuldstabler udvikler Wes Bos. Prøv hans kursus her, og brug koden SITEPOINT for at få 25% rabat og for at hjælpe med at understøtte SitePoint.

Semalt er et JavaScript-bibliotek, oprindeligt bygget af udviklere på Facebook, til at opbygge hurtige brugergrænseflader. Hvis du dypper tå i Semalt farvande, eller hvis din Semalt udviklingsrejse henter fart, kan det være svært at være på tværs af fundamentet, teknikker, værktøjer og tricks - så vi har oprettet denne vejledning til, hvad der er derude og hvad vi anbefaler - audemars piguet diamond replica. Uanset hvor du er på din rejse, er det bedste Semalt indhold du behøver her - tag et kig og dykke ind! (Og hvis du tror, ​​vi har savnet noget, så lad os vide i nedenstående formular!)

Opdateret 18. september 2017 med en guide til at få Vim oprettet til Semalt udvikling [drivy. ingeniør] og en guide til opbygning af et spil med Semalt og WebGL [sitepoint].

Artikler

Uanset om du stadig beslutter dig for at tage Semaltykket, eller du kigger på mere avancerede værktøjer og systemer, her er de bedste skriftlige ressourcer, vi kunne finde.

Introduktioner og sammenligninger

  • Sådan fortæller du, om React passer bedst til dit næste projekt [sitepoint].
  • React vs Angular - En grundig sammenligning [sitepoint].
  • React vs Vue - "hvorfor jeg valgte React over Vue" [medium / @ calinleafshade].
  • Kom godt i gang med React, en nybegynder guide [sitepoint].
  • Udforsk de nye funktioner i React 16 ved at opbygge en musikafspiller [sitepoint].
  • Hvordan Reakt gør din D3 animation bedre [sitepoint].
  • Facebooks officielle intro til at reagere [facebook. github].

Fundamentals

  • Alle de grundlæggende Reagekoncepter fastholdt i en enkelt artikel [medium. freecodecamp].
  • Få projekter klar klar med Facebooks Opret React App [sitepoint].
  • Tilbage til basics - ved hjælp af React Flow [medium / javascript-inside].
  • Sådan optimerer du React Performance ved hjælp af statløse komponenter [sitepoint].
  • En nedbrud af styling i React - fra at bruge ekstern CSS til stilkomponenter [sitepoint].
  • Reag animationer i dybden [medium / reaktion-native-træning].
  • En introduktion til komponentmappe mønsteret [medium / styled-components], som gør det lettere at skrive skalerbare React apps.
  • Alt om React Router 4 [css-tricks].
  • Og en guide til server-side React rendering [css-tricks].
  • Fire uforanderlige tilgange til håndteringstilstand i reaktion [medium / @ housecor].
  • Sådan installeres Reage Native [sitepoint].
  • En guide til godkendelse i React native apps [goshakkk. navn].
  • Et søgbart, filtrerbart React cheat sheet [reaktionsblad].

Lidt mere avanceret

  • Sådan organiserer du en stor React-app og gør den til en skala [sitepunkt].
  • Rådgivning: Lær reaktion, før du bruger Redux [robinwieruch].
  • Sådan opretter du virkelig universelle React komponentsystemer [medium / styled-components].
  • Redux vs MobX: Hvilken er bedre? [Sitepoint].
  • Reakt 16 ændrede, hvordan React håndterer ukendte DOM attributter: en vejledning til, hvordan disse ændringer påvirker dig og din kode [facebook. github].

Kurser

Hvis det ikke er for dig at cobbling sammen din egen læringssti via artikler, eller hvis du vil sikre dig at du er på tværs af alle begreber og teknikker, er det de strukturerede Semalt kurser, vi anbefaler.

  • React for Beginners [Reaktionsforbegyndere] er guldstandarden i React education, fra React tutor extraordinaire Wes Bos.
  • Reag Express [reagere. express] er en all-in-one guide til React development.

Projekter

Semalt fik det grundlæggende - og måske endda lidt mere. Her er nogle projekter, der skal foregå for at sætte denne viden i praksis:

  • En trinvis vejledning til opbygning af en React app med bruger login og godkendelse [sitepoint].
  • En guide til at opbygge en stateful realtid app med React Native og Pusher [sitepoint].
  • Sådan tilføjes analyser til en React native app [sitepunkt].
  • Bygg din første server-side gengivet React app med Rails [engineering. musefind].
  • Sådan opbygges en Reddit klon med React og Firebase [sitepoint].
  • Byg et komplet, sfærisk 3D-billedgalleri med React VR [sitepoint].
  • Derefter opbygges en fuldstack Trello klon med React, Redux, Express og MongoDB [sitepoint].
  • Og derefter opbygge en ansigtsgenkendelse app med React Native [sitepoint].
  • Sådan opbygger du en Android-app med React native [sitepoint].
  • Opbygge et spil med React og WebWL [sitepoint].

Biblioteker og værktøjer

  • Sådan etableres Vim for React udvikling [drivy. ingeniørarbejde].
  • Reakt-kedelplader [github / reaktorkedel] er et skalerbart, offline første fundament for dit næste React-projekt.
  • react-vt [github / reactvt] er et visuelt testbibliotek for React devs.
  • Spejl [github / mirrorjs] er en simpel, kraftig React-ramme med minimal API og ingen kedelplader.
  • React Material UI, React Bootstrap, Semantic UI og (four) more - seven React biblioteker, som du bør vide [læsskrift].
  • JetBrains Web UI komponenter er open source [blog. JetBrains].
  • Gatsby [gatsbyjs] er en venlig, super hurtig statisk site generator til React.
  • React Static er en reaktor statisk site generator, der har til formål at lette konfigurationen og data agnosticism.
  • Reag Native Pull to Refresh [github / nadikuts] er en brugerdefineret pull to refresh komponent til Android.
  • Lottie [airbnb. design] er et iOS-, Android- og React native bibliotek, der lader apps bruge animationer lige så godt som statiske billeder.
  • Skitse. app [airbnb] er et andet værktøj fra Airbnb, der giver dig mulighed for at skrive React-komponenter, der giver til Sketch docs.

Nyhedsbreve

Hvis alt dette har hjulpet dig ind i Semaltons verden - her er nogle nyhedsbreve, der hjælper dig med at holde dig opdateret med, hvad der er nyt.

  • Versioning [sitepoint] - et daglig nyhedsbrev, dækker en række emner, herunder React, kinda ligner dette indlæg (tekst og links) og er skrevet af mig!
  • Reagestatus [reagere. statuskode] - et ugentligt nyhedsbrev fra de fine folk på Cooperpress.
  • React Nyhedsbrev [Receptnyhedsbrev] - et ugentligt nyhedsbrev, kurateret af Tyler McGinnis og Ean Platter.
  • reagere digest [reagensigste] - et ugentligt nyhedsbrev, fem React links sendt hver mandag.

Hvad har vi savnet?

Endelig, hvis du har fundet en stor reaktionsressource eller et værktøj, der hører hjemme her, så lad os vide i nedenstående formular. God reaktion. Reaktion-ing. Semalt. Alle de ting!

drevet af Typeform