React.js 14 Orodja in viri za spletne razvijalce
The priljubljenost React.js je bilo hitro raste ker je Facebook prvič izdal knjižnico leta 2013. To je peti projekt z odprtokodnim programom, ki se je najpogosteje pojavljal na Github, in oglasov za delovna mesta za razvijalce React so tudi močno v porastu. Reagiranje je a lahek okvir JavaScripta za gradnjo uporabniških vmesnikov - najpomembnejši primeri so Facebook in Instagram.
React ponuja alternativa za ogrodja MVC, kot so Angular ali Backbone, z a preprostejšo strukturo in osredotočanje na optimizacijo učinkovitosti. Ker bo React v prihodnjih letih zagotovo opredelil krajine za razvoj spletnih strani, vam v tem članku želimo zagotoviti a orodje za razvijalce da vam pomaga stopiti na področje razvoja Reacta.
Uradni React.js dokumenti iz Facebooka
Facebook ponuja razvijalcem podrobno dokumentacijo na glavni pojmi React. Poleg dokumentov, lahko najdete tukaj tudi veliko tutorial o kako zgraditi interaktivno igro tic-tac-toe z React in a forum za razvijalce React. Kot Dokumenti so odprtokodni, lahko jih tudi urejate, če želite.
React.js Github repo
V React Github repo lahko Oglejte si izvorno kodo Reacta kadarkoli jo potrebujete. Če želite biti obveščeni o trenutnem stanju razvoja, si lahko ogledate tudi vprašanja, mejniki, in zadnje zahtevke za poteg. Če ste obtičali, je lahko tudi dobra ideja, da preučite Vodnik za odpravljanje težav malo.
Pozdrav svetovne starter kode
Če želite hitro poskusiti React, lahko začnete s tem “Pozdravljen, svet” interaktivni demo na Codepen. Vključuje vsa potrebna sredstva in starter kodo prav tako. Kot je tudi Babel, lahko uporabite tako ECMAScript 6 kot sintaksa JSX. Samo napolnite ta injekcijski peresnik in lahko nadaljujete, ne da bi sami nastavili celotno okolje.
Reagirajte komplet za zagon
The Reagirajte komplet za zagon je izomorfna spletna aplikacija zgrajena iz Node.js, Express, GraphQL, React, in nekaj orodij za razvoj spletnih strani, kot je npr Spletni paket, Babel, in Browsersync. Zagotavlja vam Uporablja se tudi na Facebooku in vam omogoča, da skočite v full-stack Reaktni razvoj brez preveč težav.
ReactCSS
ReactCSS omogoča dodajte stile CSS v vrstico JavaScript. ReactCSS prihaja s podporo za React, Redux, React Native (okvir za izdelavo domače mobilne aplikacije, ki uporablja React), samodejne popravke, hover, psevdoelemente in medijske poizvedbe. Lahko hitro namestite ga z npm.
Reagirajte integracijo JSFiddle (z in brez JSX)
To je super spletno igrišče če želite kraj, kjer lahko začnete prakticirati React. To je gostila na JSFiddle, in je dve različici: eno z JSX in eno brez JSX, izberite tistega, s katerim ste bolj zadovoljni.
Reaktorski vodnik
Lahko hitro ustvarite vodnik po slogu za vaš projekt React s to enostavno uporabo Reaktorski vodnik. Samo moraš dodajte malo dokumentacije za datoteke, generator pa poskrbi za ostalo. Orodje vsebuje podrobno datoteko readme.
Komponente, ki jih je mogoče konfigurirati
Belle je Knjižnica komponent za reakcijo ki vas opremi sklop komponent React boste morda želeli uporabiti v svojem projektu, na primer “Gumb”, “Kartica”, “Spinner”, “Preklopi”, “Ocena”, sestavnih delov različnih oblik in drugih. Komponente delujejo na mobilnem in namiznem računalniku, in so prilagodljiv prav tako.
Belle je ni edina knjižnica komponent React tam zunaj lahko najdete druge odlične na Githubu, na primer Reagirajte pripomočke ali Elemental.
Razvijte razvojno okolje uporabniškega vmesnika z zgodbami
Če ne želite uporabiti nekoga drugega, ampak knjižnico komponent želite zgraditi svoje, vredno je poskusiti Reagirajte knjigo zgodb ki je a Razvojno okolje uporabniškega vmesnika za komponente React. Zbirka zgodb vam omogoča interaktivno razvijati komponente. Ima izdelati dokumentacijo, in lahko začnite z razvojem v Središče za knjigo zgodb.
React-Bootstrap
React-Bootstrap integrira React s priljubljenim Okvir zagonskega strežnika 3. Njegovi razvijalci so v osnovi obnovili Bootstrap komponente z React.js. Rezultat tega je a čistejša koda z manj ponovitvami in a večjo učinkovitost.
Upoštevajte, da se bodo vmesniki za repo aktivno razvijali, zato se bodo API-ji v prihodnosti spremenili. Za trenutno stanje razvoja, Oglejte si časovni načrt projekta.
Odzovite orodja za razvijalce za Chrome
Reagirajte DevTools za Chrome je razširitev na orodja za razvijalce Chrome in omogoča pregledati hierarhijo sestavnih delov. Bilo je ustvaril Facebook s prizadevanjem pomagati skupnosti razvijalcev pri izgradnji novih aplikacij React. Lahko preprosto dodajte ga kot razširitev za Chrome v brskalnik. Lahko brskate po pripadajoča izvorna koda tudi za Github.
Odzovite orodja za razvijalce za Firefox
To je Različica Firefoxa enakega Odzovite orodja za razvijalce, ki jih je ustvaril Facebook. Samo dodajte kot dodatek k brskalniku Firefox, in takoj začnite pregledovati hierarhično drevo aplikacije React.
Paket React.js za Atom
Dodate lahko Podprite urejevalnik kode Atom s tem paketom Atom React. Prihaja z poudarjanje skladenj, samodokončanje, odrezki kod, pretvorba HTML v JSX, in še nekaj drugih uporabnih funkcij, ki lahko zelo olajšajo razvoj reaktorjev.
React.js Fundamentals - brezplačen spletni tečaj
Obstaja veliko odličnih in dokaj poceni tečajev, kjer lahko naučiti Reagirati razvoj, to pa lahko vpišete Osnove React.js online tečaj za popolnoma brezplačno. Sestavljen je iz 12 ur, se začne z osnove Reacta, in ima a lep učni načrt ki zajema vse pomembne stvari.
