Back to Question Center
0

Ako sa naučiť reagovať: Všetko, čo potrebujete, aby ste začali Ako sa učiť: Všetko, čo potrebujete na začiatok Súvisiace témy: ReactRaw JavaScript Node.js ES6 Tools & Semalt

1 answers:
Ako sa naučiť reagovať: Všetko, čo potrebujete na začiatok

Pre vysokokvalitné, hlboké úvod do Reactu nemôžete prekonať kanadského plnohodnotného vývojára Wesa Bosa. Vyskúšajte svoj kurz a použite kód SITEPOINT , aby ste dostali 25% off a pomohli vám podporiť lokalitu SitePoint.

Semalt je JavaScriptová knižnica, pôvodne postavená vývojármi na Facebooku, na vytváranie rýchlych používateľských rozhraní. Ak ponoríte špičku do Semaltových vôd alebo ak vaša výprava s Semaltom zvyšuje rýchlosť, môže to byť ťažké zostať v základoch, technikách, nástrojoch a trikoch - a tak sme vytvorili túto príručku pre to, čo je vonku a čo odporúčame - block phpmyadmin with htaccess example. Bez ohľadu na to, kde ste na vašej ceste, je tu najlepší obsah Semalta, ktorý potrebujete - pozrite sa a ponorte sa! (A ak si myslíte, že sme niečo vynechali, dajte nám vedieť vo forme nižšie!)

Aktualizované 18. septembra 2017 s návodom na získanie Vimu pre prípravu Semaltu. inžinierstva] a sprievodcu pri budovaní hry so spoločnosťami Semalt a WebGL [sitepoint].

Články

Či už si stále rozhodujete, že sa chystáte Semalt, alebo sa pozeráte na pokročilejšie nástroje a systémy, tu sú tie najlepšie písomné zdroje, ktoré môžeme nájsť.

Predstavenia a porovnania

  • Ako zistiť, či je React najvhodnejší pre váš ďalší projekt [sitepoint].
  • React vs Angular - Hĺbkové porovnanie [sitepoint].
  • Reagovať vs Vue - "Prečo som si vybral React over Vue" [medium / @ calinleafshade].
  • Začíname s aplikáciou React, sprievodcu pre začiatočníkov [sitepoint].
  • Preskúmajte nové funkcie React 16 budovaním hudobného prehrávača [sitepoint].
  • Ako React robí vašu animáciu D3 lepšie [sitepoint].
  • Oficiálny úvod Facebook na React [facebook. GitHub].

Základy

  • Všetky základné koncepty React sa zasekli do jedného článku [médium. freecodecamp].
  • Získajte rýchlo pripravené projekty pomocou aplikácie Create React App [sitepoint] na Facebooku.
  • Späť na základy - pomocou nástroja React Flow [medium / javascript-inside].
  • Ako optimalizovať výkonnosť reakcie pomocou komponentov bez štátnej príslušnosti [sitepoint].
  • Spustenie štýlu v React - od používania externých CSS po štylizované komponenty [sitepoint].
  • Reagujte na animácie do hĺbky [medium / reaction-native-training].
  • Úvod do zložkového zložkového vzoru [medium / styled-components], čo uľahčuje zápis škálovateľných aplikácií React.
  • Všetko o React Router 4 [css-tricks].
  • A sprievodca na strane servera React vykresľovanie [css-triky].
  • Štyri nezmeniteľné prístupy k zaobchádzaniu s stavom v React [medium / @ housecor].
  • Ako nainštalovať React Native [sitepoint].
  • Sprievodca overovaním v aplikáciách React Native [goshakkk. názov].
  • Vyhľadávateľný, filtrovaný React cheat sheet [reactioncheatsheet].

Mierne pokročilé

  • Ako usporiadať veľkú aplikáciu React a urobiť ju mierkou [sitepoint].
  • Upozornenie: Pred použitím funkcie Redux [robinwieruch] sa naučte reagovať.
  • Ako vytvoriť skutočne univerzálne systémy komponentov React [medium / styled-components].
  • Redux vs MobX: čo je lepšie? [SitePoint].
  • React 16 zmenilo, ako React spracováva neznáme atribúty DOM: príručka, ako tieto zmeny ovplyvňujú vás a váš kód [facebook. GitHub].

Kurzy

Ak sa vaše vlastné vzdelávacie cestičky prostredníctvom článkov nie sú pre vás, alebo by ste sa chceli ubezpečiť, že ste naprieč všetkými konceptmi a technikami, ide o štruktúrované seminálové kurzy, ktoré odporúčame.

  • Reakcia pre začiatočníkov [reaktor na začiatočníkov] je zlatým štandardom v oblasti výučby od React tutor Extraordinaire Wes Bos.
  • Reagujte Express [reagovať. Express] je všetko v jednej príručke pre vývoj reakcií.

Projekty

Semalt získal základy - a možno aj trochu viac. Tu je niekoľko projektov, ktoré sa majú prevziať do praxe:

  • Podrobný sprievodca vytváraním aplikácie React s prihlásením a autentifikáciou používateľov [sitepoint].
  • Sprievodca vytváraním aplikácie Reactive Native a Pusher [sitepoint].
  • Ako pridať analytiku do aplikácie React Native [sitepoint].
  • Vytvorte svoju prvú vykresľovanú aplikáciu React na strane servera s nástrojmi Rails [engineering. musefind].
  • Ako vytvoriť klon Reddit s React a Firebase [sitepoint].
  • Vytvorte plnú, sférickú 3D galériu s React VR [sitepoint].
  • Potom vytvorte klon Trello fullstack s React, Redux, Express a MongoDB [sitepoint].
  • A potom vytvorte aplikáciu na rozpoznávanie tváre s React Native [sitepoint].
  • Ako vytvoriť aplikáciu pre Android s React Native [sitepoint].
  • Vytvorenie hry s React a WebWL [sitepoint].

Knižnice a nástroje

  • Ako nastaviť vývoj Vim for React. strojárstvo].
  • reak-boilerplate [github / react-boilerplate] je škálovateľný, offline prvý základ pre váš ďalší projekt React.
  • reaction-vt [github / reakvt] je vizuálna testovacia knižnica pre React devs.
  • Zrkadlo [github / mirrorjs] je jednoduchý, výkonný rámec React s minimálnym API a bez kotúčovej dosky.
  • Reagujte na materiál UI, React Bootstrap, sémantický UI a (štyri) viac - sedem React knižníc, o ktorých by ste mali vedieť [readwrite].
  • Komponenty webového rozhrania JetBrains sú open source [blog. JetBrains].
  • Gatsby [gatsbyjs] je priateľský, super rýchly statický generátor lokality pre React.
  • React Statický je generátor statického webu React, ktorý sa zameriava na jednoduchú konfiguráciu a agnosticizmus údajov.
  • Reagovať Native Pull to Refresh [github / nadikuts] je vlastný nástroj na obnovenie aktualizácie pre systém Android.
  • Lottie [airbnb. design] je iOS, Android a React natívna knižnica, ktorá umožňuje aplikáciám používať animácie tak ľahko ako statické obrázky.
  • Skica. Aplikácia [airbnb] je ďalší nástroj od spoločnosti Airbnb, ktorá vám umožní písať komponenty React, ktoré robia sketch docs.

Spravodajstvo

Ak vám všetko pomohlo vstúpiť do sveta Semaltu, tu sú niektoré informačné bulletiny, ktoré vám pomôžu udržať krok s tým, čo je nové.

  • Verzia [sitepoint] - denný newsletter, pokrýva celý rad tém, vrátane React, trochu vyzerá ako tento príspevok (text a odkazy) a je mi napísaný!
  • Reagovať Stav [reagovať. statuscode] - týždenný newsletter od jemných ľudí na Cooperpress.
  • Reaktívny newsletter [reactjsnewsletter] - týždenný bulletin, ktorý vyskúšali Tyler McGinnis a Ean Platter.
  • reagujte digest [reactdigest] - týždenný bulletin, päť React odkazov sa posiela každý pondelok.

Čo sme premeškali?

Nakoniec, ak ste našli skvelý zdroj alebo nástroj React, ktorý tu patrí - dajte nám vedieť vo formulári nižšie. Happy React-ing. Reakcia-ing. Semalt. Všetky tie veci!

poháňané typom
March 1, 2018