Back to Question Center
0

Miten oppia reagoimaan: kaikki, mitä sinun tarvitsee päästä alkuun Miten oppia reagoimaan: kaikki, mitä sinun tarvitsee aloittaa Aiheeseen liittyviä artikkeleita: ReactRaw JavaScript Node.js ES6-työkalut & Semalt

1 answers:
Miten oppia reagoimaan: kaikki mitä tarvitset aloittaaksesi

Reactin laadukkaan ja syvällisen käyttöönoton lisäksi et voi ohittaa kanadalaista täyspinoa kehittäjä Wes Bosia. Kokeile kurssia täällä ja käytä koodia SITEPOINT saadaksesi 25% pois ja avustamaan SitePointia.

Semalt on JavaScript-kirjasto, jonka alunperin rakensivat Facebookin kehittäjät, nopeiden käyttöliittymien rakentamiseen - measuring corn harvest loss. Jos upotat varpaasi Semaltin vesiin tai jos Semaltin kehityssuunnitelma nousee nopeuteen, voi olla vaikea pysyä perusrakenteiden, tekniikoiden, työkalujen ja temppujen yli - joten olemme luoneet tämän oppaan mitä siellä on ja mitä me suosittelemme. Ei ole väliä missä olet matkallasi, paras tarvitsema Semalt-sisältö on täällä - katsele ja sukelkaa! (Ja jos luulet, että olemme unohtaneet jotain, ilmoita meille allaolevassa muodossa!)

Päivitetty 18. syyskuuta 2017 oppaalla saada Vim perustaa Semaltin kehittämiseen [drivy. tekniikka] ja oppaan pelin rakentamisesta Semaltilla ja WebGL: llä [sitepoint].

Artiklat

Olitpa sitten päättänyt ottaa Semaltin uppoamisen tai etsit kehittyneempiä työkaluja ja järjestelmiä, tässä on parhaat kirjalliset resurssit, joita voisimme löytää.

Esittelyt ja vertailut

  • Miten sanoa, onko React sopivin seuraavaan projektiin [sitepoint].
  • Reagoi vs kulma - syvällinen vertailu [sitepoint].
  • React vs Vue - "miksi valitsin React over Vue" [medium / @ calinleafshade].
  • Aloita Reactin aloitusopas [sitepoint].
  • Tutustu React 16: n uusiin ominaisuuksiin rakentamalla musiikkisoitin [sitepoint].
  • Miten React tekee D3-animaatiosta paremman [sitepoint].
  • Facebookin virallinen esittely Reactille [facebook. GitHub].

Perusteet

  • Kaikki perustavanlaatuiset React-käsitteet juuttuneet yhteen artikkeliin [medium. freecodecamp].
  • Hanki projektit valmiiksi nopeasti Facebookin Create React App [sitepoint] avulla.
  • Takaisin perusasiat - käyttämällä React Flowia [medium / javascript-inside].
  • Miten optimoida Reagoida suorituskykyä käyttäen valtiottomia komponentteja [sitepoint].
  • Reactin muotoilun heikkeneminen - ulkoisesta CSS: stä ulkoisiin ulkoisiin komponentteihin [sitepoint].
  • Reagoi animaatioita syvällisesti [media / react-native-training].
  • Johdanto komponenttikansioon [medium / styled-components], mikä helpottaa skaalautuvien React-sovellusten kirjoittamista.
  • Kaikki React Router 4: sta [css-tricks].
  • Ja oppaat palvelinpuolen React-renderöintiin [css-tricks].
  • Neljä muuttumatonta lähestymistapaa tilan käsittelyyn Reactissa [medium / @ housecor].
  • Miten asentaa React Native [sitepoint].
  • React Native -sovellusten autentikointiopas [goshakkk. nimi].
  • Hakukelpoinen, suodatettavissa oleva React huijata arkki [reaktionäkymä].

Hieman edistyneempi

  • Kuinka järjestää suuri React-sovellus ja tehdä siitä mittakaava [sitepoint].
  • Neuvonta: oppia Reagoida ennen kuin käytät Redux [robinwieruch] -ohjelmaa.
  • Miten luoda todella universaali React-komponenttijärjestelmät [keskisuuret / tyylit-komponentit].
  • Redux vs. MobX: mikä on parempi? [SitePoint].
  • React 16 muutti Reactin käsittelemää tuntemattomia DOM-määritteitä: opas siitä, miten nämä muutokset vaikuttavat sinua ja koodisi [facebook. GitHub].

Kurssit

Jos omien oppimispolkujen tekeminen artikkeleiden kautta ei ole sinua varten tai haluat varmistaa, että olet kaikilla käsitteillä ja tekniikoilla, nämä ovat jäsenneltyjä Semalt-kursseja, joita suosittelemme.

  • React for beginners [reactforbeginners] on kultainen standardi React-koulutuksessa, React-tutorista extraordinaire Wes Bosista.
  • React Express [reagoi. express] on all-in-one opas React-kehitykseen.

Hankkeet

Semalt sai perusteet - ja ehkä jopa hieman enemmän. Seuraavassa on muutamia hankkeita, joilla pyritään panemaan kyseinen tieto käytäntöön:

  • Vaiheittainen opas React-sovelluksen rakentamiseksi käyttäjän sisäänkirjautumisen ja todennuksen avulla [sitepoint].
  • Oppaasta reaaliaikaisen sovelluksen rakentamiseen React Native ja Pusher [sitepoint] kanssa.
  • Miten lisätä analyysejä React Native -sovellukseen [sitepoint].
  • Rakenna ensimmäinen palvelinpuolen suoritettu React-sovellus Rails [engineering. musefind].
  • Kuinka rakentaa Reddit-klooni Reactin ja Firebase-sivuston kanssa [sitepoint].
  • Rakenna täysi, pallomainen 3D-kuvagalleria React VR: llä [sitepoint].
  • Sitten rakenna täysi tähtäimen Trello-klooni Reactin, Reduxin, Expressin ja MongoDB: n kanssa [sitepoint].
  • Ja sitten rakentaa kasvontunnistustyökalu React Nativein kanssa [sitepoint].
  • Miten rakentaa Android-sovelluksen React Native [sitepoint]: n kanssa.
  • Pelin rakentaminen Reactin ja WebWL: n kanssa [sitepoint].

Kirjastot ja työkalut

  • Kuinka perustaa Vim Reactin kehittämiseen [drivy. engineering].
  • reaktorilevy [github / react-boilerplate] on skaalautuva, offline ensimmäinen perusta seuraavalle React-projektille.
  • react-vt [github / reactvt] on visuaalinen testauskirjasto React-laitteille.
  • Mirror [github / mirrorjs] on yksinkertainen, tehokas React-kehys, jossa on minimaalinen API ja ei ole kohtaa.
  • Reagoi materiaalin UI, React Bootstrap, semanttinen käyttöliittymä ja (neljä) muuta - seitsemää React-kirjastoa, joista haluat tietää [readwrite].
  • JetBrains Web UI -komponentit ovat avoimen lähdekoodin [blogi. JetBrains].
  • Gatsby [gatsbyjs] on ystävällinen, super-nopea staattinen generaattori Reactille.
  • React Static on React-staattinen sivustogeneraattori, joka pyrkii helpottamaan konfiguraatiota ja datan agnostismiä.
  • React Native Pull-päivitys [github / nadikuts] on mukautettu vedä päivittää komponenttia Androidille.
  • Lottie [airbnb. suunnittelu] on iOS-, Android- ja React Native -kirjasto, joiden avulla sovellukset käyttävät animaatioita yhtä helposti kuin staattiset kuvat.
  • Luonnos. app [airbnb] on toinen työkalu Airbnb: stä, jonka avulla voit kirjoittaa React-komponentteja, jotka tekevät Sketch-dokumenteille.

Uutiskirjeet

Jos kaikki tämä on auttanut sinua pääsemään Semaltin maailmaan - tässä on muutamia uutiskirjeitä, jotka auttavat sinua pitämään ajan tasalla uusista asioista.

  • Versiointi [sitepoint] - päivittäinen uutiskirje, joka kattaa useita aiheita, kuten Reactia, jotain näkee tämän viestin (tekstin ja linkit) ja olen kirjoittanut minulle!
  • Reagoida tila [reagoi. statuscode] - viikoittainen uutiskirje Cooperpressin hienoista henkilöistä.
  • React Newsletter [reactjsnewsletter] - viikoittainen uutiskirje, jonka tekevät Tyler McGinnis ja Ean Platter.
  • react digest [reactdigest] - viikoittainen uutiskirje, viisi React-linkkiä lähetetään joka maanantai.

Mitä me kaipasimme?

Lopuksi, jos olet löytänyt suuren React-resurssin tai työkalun, joka kuuluu tähän - kerro siitä alla olevasta lomakkeesta. Hyvää React-ing. Reaktio-ing. Semalt. Kaikki nämä tavarat!

powered by Typeform