React.js 14 Veebiarendajate tööriistad ja ressursid
The React.js'i populaarsus on olnud kiiresti kasvav kuna Facebook esmakordselt raamatukogu 2013. aastal tagasi avaldas viies kõige sagedamini tähistatud avatud lähtekoodiga projekt Githubis ja React'i arendajate töökuulutused on samuti suuresti kasvanud. Reageerimine on a kerge JavaScript raamistik jaoks kasutajaliideste loomine - kõige olulisemad näited on Facebook ja Instagram.
Reageerib pakub alternatiiv MVC raamistike jaoks, nagu nurk või selgroog, a lihtsam struktuur ja keskendumine tulemuslikkuse optimeerimisele. Kuna React määratleb kindlasti veebi arendamise maastiku lähiaastatel, siis selles artiklis tahaksime teile pakkuda arendaja tööriistakomplekt aidata teil jalgsi React arengu vallas.
Facebooki ametlikud React.js-dokumendid
Facebook pakub arendajatele a üksikasjalikud dokumendid kohta React peamised mõisted. Lisaks dokumentidele leiate siit ka suurepärase juhendaja kuidas ehitada interaktiivset tic-tac-toe mängu React ja a foorum React arendajatele. Nagu dokumendid on avatud lähtekoodiga, saate soovi korral isegi neid muuta.
React.js Github repo
React Github repos on võimalik vaadake Reacti lähtekoodi kui seda vajate. Kui soovid jääda kursis praeguse arenguolukorraga, võite vaadata ka seda küsimusi, the verstapostid, ja viimased tõmbenõuded. Kui teil on kinni, võib see olla hea mõte Veaotsingu juhend natuke.
Tere Maailma stardikood
Kui soovite kiiresti reageerida, saate seda alustada “Tere, Maailm” interaktiivne demo Codepenil. See sisaldab kõik vajalikud varad ja starteri kood samuti. Nagu ka Babel on, saate seda kasutada nii ECMAScript 6 kui ka JSXi süntaks. Lihtsalt tõmmake see pliiats ja te võite minna edasi, ilma et kogu oma keskkond oleksid ise loodud.
Reageeri stardikomplekt
The Reageeri stardikomplekt on isomorfne veebirakenduse rakendus ehitatud Node.js, Express, GraphQL, React, ja käputäis veebiarendusvahendeid, näiteks Veebipakk, Babel, ja Browsersync. See annab teile sama esipaneeli korstnat Facebook kasutab ja võimaldab teil hüpata täispikk Reageerige arengule liiga palju vaeva.
ReactCSS
ReactCSS võimaldab lisage JavaScriptis inline CSS-stiile. ReactCSS-i toel on React, Redux, React Native (raamistik kohalike mobiilirakenduste loomiseks, kasutades React), automaatne parandamine, hover, pseudo-elemendid ja meedia päringud. Saate kiiresti installige see npm-ga.
JSFiddle'i integreerimine (koos ja ilma JSX-iga)
See on suurepärane online mänguväljak kui soovite koha, kus saab alustada harjutamist. See on JSFiddle'is, ja on kaks versiooni: üks JSX-iga ja üks ilma JSX-iga, vali ükskõik kumb, kellega olete rahul.
Reageerige stiili juhendaja
Saate kiiresti luua stiili juhend React projekti jaoks selle lihtsa kasutusega Reageerige stiili juhendaja. Sa pead ainult lisage väike dokumentatsioon failidele ja generaator hoolitseb ülejäänud eest. Tööriist on varustatud üksikasjaliku readme-failiga.
Belle konfigureeritavad komponendid
Belle on Reageerige komponendi raamatukogu see varustab teid rea React komponente soovite oma projektis kasutada, näiteks “Nupp”, “Kaart”, “Spinner”, “Lülita sisse”, “Hinnang”, erinevad vormid ja teised. Komponendid töötavad nii mobiil- kui töölaual, ja nad on kohandatav samuti.
Belle on mitte ainult React komponendi raamatukogu sealt leiad Githubis teisi suurepäraseid, näiteks Reageeri vidinad või Elementaalne.
Reabt Storybook UI arenduskeskkonda
Kui te ei soovi kasutada kellegi teise komponendi raamatukogu, kuid tahad omaenda ehitada, tasub proovida Reageerige StoryBookile mis on a UI arenduskeskkond React komponentidele. Storybook võimaldab teil arendada komponente interaktiivselt. See on üksikasjalikud dokumendid, ja saate alustage arengut Euroopa Storybook Hub.
React-Bootstrap
React-Bootstrap integreerib reaktsiooni populaarse Bootstrap 3 esikülje raamistik. Selle arendajad ehitasid Bootstrap komponendid react.js-iga. Selle tulemuseks on a puhtam kood vähem kordusi ja a suurem jõudlus.
Pange tähele, et kuna repo on aktiivses arenduses, muutuvad API-d tulevikus. Selle eest praegust arengut, vaadake projekti tegevuskava.
Reageerige Chrome'i arendajate tööriistadele
Reageeri DevTools Chrome'i jaoks on Chrome'i arendustööriistade laiendus ja võimaldab teil kontrollige komponendi hierarhiat. See oli loonud Facebook püüab abistada arendaja kogukonda uute React-rakenduste loomisel. Sa võid lihtsalt lisage see Chrome'i laiendina brauserisse. Saate sirvida kuulub lähtekoodi ka Githubis.
Reatiivi arendaja tööriistad Firefoxi jaoks
See on Firefoxi versioon sama Facebooki loodud arendustööriistade reageerimine. Lisage see lihtsalt Firefoxi brauseri lisandmoodulina, ja alustage kohe oma React-rakenduse hierarhiapuu ülevaatamist.
React.js pakett Atomile
Saate lisada Reageerige oma Atom-koodi redaktorile selle Atom React paketiga. Kaasas süntaksi esiletõstmine, automaatne lõpetamine, koodilõigud, HTML-i JSX-i konversioon, ja mõned muud kasulikud funktsioonid, mis võivad märkimisväärselt hõlbustada reageerimist.
React.js Fundamentals - tasuta online-kursus
Seal on palju suurepäraseid ja üsna odavaid kursusi, kus saate õppida Reageerige arengule, siiski saate selle registreerida React.js Põhialused online-kursus täiesti tasuta. See koosneb 12 tundi, algab React'i põhitõed, ja tal on a kena õppekava mis hõlmab kõiki olulisi asju.
