React.js 14 Alati i resursi za web programere

popularnost React.js je brzo raste jer je Facebook prvi put izdao knjižnicu još 2013. godine peti najčešće korišten open source projekt na Github, i oglasi za posao za React programere također su u porastu. Reagira se lagani JavaScript okvir za izgradnja korisničkih sučelja - najistaknutiji primjeri su Facebook i Instagram.

Reagira alternativa za MVC okvire, kao što su Angular ili Backbone, s a jednostavnija struktura i usredotočiti se na optimizaciju izvedbe. Budući da će React u narednim godinama definirati krajobraz razvoj weba, u ovom članku želimo vam pružiti a alat za razvojne programere kako bi vam pomogao kročiti u područje React razvoja.

Službeni React.js dokumenti s Facebooka

Facebook pruža programerima a detaljnu dokumentaciju na glavni koncepti Reacta. Osim dokumenata, ovdje možete pronaći i veliki tutorial o tome kako izgraditi interaktivnu igru tic-tac-toe s React i a forum za raspravu za React programere. Kao što je Dokumenti su open-source, možete ih čak i uređivati ako želite.

React.js Github repo

U React Github repo možete pogledajte izvorni kod Reacta kad god vam zatreba. Ako želite biti informirani o trenutnom stanju razvoja, također možete pogledati pitanja, prekretnice, i najnovije zahtjeve za povlačenjem. Ako se zaglavite, dobro je proučiti Vodič za rješavanje problema malo.

Pozdrav Svjetski starter kod

Ako želite brzo pokušati Reagirati, možete početi s ovim “Pozdrav svijete” interaktivni demo na Codepen. Uključuje sva potrebna sredstva i startni kod također. Kao što je i Babel uključen, možete koristiti i ECMAScript 6 i JSX sintaksa. Samo podignite ovu olovku, a možete ići naprijed bez potrebe za postavljanjem cjelokupnog okruženja.

Pogledajte olovku ZpvBNJ autora Dan Abramova (@gaearon) na CodePen.

Reagirajte početni komplet

Reagirajte početni komplet je izomorfna web aplikacija izgrađena od Node.js, Express, GraphQL, React, i nekoliko alata za razvoj weba, kao što su Webpack, Babel, i Browsersync. On vam pruža isti onaj koji koristi Facebook i omogućuje vam da uskočite full-stack React razvoj bez previše muke.

ReactCSS

ReactCSS omogućuje dodajte inline CSS stilove u JavaScript. ReactCSS dolazi s podrškom za React, Redux, React Native (okvir za izgradnju izvornih mobilnih aplikacija pomoću React), autoprefixing, hover, pseudo-elemente i medijske upite. Možete brzo instalirajte ga s npm.

Reagirajte integraciju JSFiddle (sa i bez JSX-a)

Ovo je sjajno online igralište ako želite mjesto gdje možete početi prakticirati React. to je domaćin na JSFiddle, i ima dvije verzije: jedan s JSX-om i jedan bez JSX-a, odaberi onaj koji ti više odgovara.

Reagirajte generator statičkog vodiča

Možete brzo stvoriti vodič za stil za vaš React projekt s ovim jednostavnim za korištenje Reagirajte generator statičkog vodiča. Vi samo morate dodajte malu dokumentaciju u vaše datoteke, a generator se brine za ostalo. Alat sadrži detaljnu readme datoteku.

Komponente koje se mogu konfigurirati za Belle

ljepotica je Knjižnica s komponentama reakcije koji te opremi skup React komponenti možda želite koristiti u svom projektu, kao što je “Dugme”, “Kartica”, “pauk”, “žabica”, “Ocjena”, različite komponente oblika i druge. Komponente rade i na mobilnom i na stolnom računalu, i jesu prilagodljiv također.

Belle je nije jedina knjižnica React komponenti tamo, na Githubu možete pronaći i druge sjajne, kao što su Reagirajte widgete ili stihijski.

Reagirajte razvojno okruženje korisničkog sučelja za knjigu priča

Ako ne želite koristiti tuđu knjižnicu komponenti, ali želite izgraditi vlastiti, vrijedi pokušati Reagirajte knjigu priča što je a Razvojno okruženje korisničkog sučelja za komponente React. Knjiga priča omogućuje vam interaktivno razvijati komponente. Ima razraditi dokumentaciju, i možete započeti s razvojem u Razdjelnica priče.

Reagirati-Bootstrap

Reagirati-Bootstrap integrira React s popularnim Okvir Bootstrap 3 sučelja. Njegovi programeri u osnovi su obnovili Bootstrap komponente s React.js. To rezultira a čista baza kodova s manje ponavljanja, i veća učinkovitost.

Imajte na umu da će se budući da je repo aktivan razvoj API-ja u budućnosti mijenjati. Za trenutno stanje razvoja, provjerite plan projekta.

Reagirajte alate za razvojne programere za Chrome

Reagirajte DevTools za Chrome je proširenje alata za razvojne programere Chrome i omogućuje vam pregledajte hijerarhiju komponenti. Bilo je stvorio Facebook nastojeći pomoći zajednici razvojnih inženjera u izgradnji novih aplikacija React. Možete jednostavno dodajte ga kao proširenje za Chrome u preglednik. Možete pregledavati izvornog koda također na Githubu.

Reagirajte alate za razvojne programere za Firefox

Ovo je Verzija Firefoxa iste Reagirajte razvojne alate koje je stvorio Facebook. Samo ga dodajte kao dodatak pregledniku Firefox, i odmah počnite pregledavati stablo hijerarhije vaše aplikacije React.

Paket React.js za Atom

Možete dodati Reagirajte podršku za svoj uređivač Atom koda s ovim Atom React paketom. Dolazi s označavanje sintakse, automatsko dovršavanje, isječci koda, pretvorba HTML-a u JSX, i neke druge korisne značajke koje mogu uvelike olakšati razvoj reakcije.

React.js Fundamentals - besplatni online tečaj

Postoji mnogo izvrsnih i prilično jeftinih tečajeva gdje možete naučite Reagirati razvoj, međutim to možete upisati Osnove React.js online tečaj za potpuno besplatno. Sastoji se od 12 sati, počinje s osnove Reacta, i ima a lijep nastavni plan i program koji pokriva sve važne stvari.