React.js 14 Žiniatinklio kūrėjų įrankiai ir ištekliai
The React.js populiarumas buvo sparčiai auga nuo 2013 m. „Facebook“ pirmą kartą išleido biblioteką. Tai penktasis dažniausiai pažymėtas atviro kodo projektas „Github“ ir „React“ kūrėjų darbo skelbimai taip pat didėja. Reaguoti yra a lengva „JavaScript“ sistema dėl vartotojo sąsajų kūrimas - svarbiausi pavyzdžiai yra „Facebook“ ir „Instagram“.
Reaguoti siūlo alternatyva MVC sistemoms, pvz., kampinis arba stuburas, su a paprastesnė struktūra ir dėmesys skiriamas veiklos optimizavimui. Kadangi „React“ ateinančiais metais neabejotinai apibrėžia interneto svetainių kūrimo kraštovaizdį, šiame straipsnyje norėtume pateikti jums kūrėjo įrankių rinkinys padėti jums nustatyti koją React plėtros srityje.
Oficialus „React.js“ dokumentas iš „Facebook“
„Facebook“ suteikia kūrėjams a išsamius dokumentus ant pagrindinės „React“ sąvokos. Be dokumentų, čia taip pat rasite puikią pamoką kaip sukurti interaktyvų „tik-tac-toe“ žaidimą su React ir a diskusijų forumas React kūrėjams. Kaip dokumentai yra atviro kodo, netgi galite juos redaguoti, jei norite.
React.js Github repo
„React Github“ repo galite patikrinkite React kodą kai to reikia. Jei norite likti informuoti apie dabartinę raidos būseną, taip pat galite pažvelgti į Problemos, etapai, ir naujausius užklausimus. Jei pakimba, tai taip pat gali būti gera idėja studijuoti Trikčių fotografavimo vadovas truputi.
Sveiki Pasaulio starterio kodas
Jei norite greitai pabandyti reaguoti, galite pradėti nuo to “Labas pasauli” interaktyvus demonstravimas apie Codepen. Tai įeina visas būtinas turtas ir starterio kodas taip pat. Kaip ir Babelis, galite naudoti ir ECMAScript 6, ir JSX sintaksė. Šią švirkštimo priemonę nuplėškite ir galite eiti į priekį, nesukūrę visos aplinkos.
React Starter Kit
The React Starter Kit yra izomorfinė žiniatinklio programos programa pastatytas Node.js, Express, GraphQL, React, ir sauja žiniatinklio kūrimo įrankiai, pvz Webpack, Babel, ir Naršyklės sinchronizavimas. Jis suteikia jums Naudojamas tas pats „Frontend Stack“ „Facebook“ ir leidžia jums pereiti į pilnas stack Reaguokite į vystymąsi be pernelyg daug rūpesčių.
ReactCSS
ReactCSS leidžia įterpti „CSS“ stilius į „JavaScript“. „ReactCSS“ teikiama parama „React“, „Redux“, „React Native“ (vietinių mobiliųjų programų kūrimo sistema naudojant „React“), automatinis pataisymas, slinkimas, pseudo elementai ir žiniasklaidos užklausos. Jūs galite greitai įdiegti jį su npm.
Reaguokite į JSFiddle integraciją (su ir be JSX)
Tai puikus internetinė žaidimų aikštelė jei norite vietos, kur galite pradėti praktikuoti. Tai JSFiddle, ir turi dvi versijos: vienas su JSX ir vienas be JSX, pasirinkti, kuris iš jūsų yra patogesnis.
Reaguoti stiliaus gido generatorius
Jūs galite greitai sukurti stiliaus vadovą „React“ projektui naudodami šį paprastą naudoti Reaguoti stiliaus gido generatorius. Jums tereikia pridėkite nedidelę dokumentaciją prie failų, ir generatorius rūpinasi likusia. Įrankį sudaro išsamus readme failas.
Konfigūruojami „Belle“ komponentai
Belle yra Reaguokite komponentų biblioteką kad jus aprūpintų React komponentų rinkinys galite naudoti savo projekte, pvz., “Mygtukas”, “Kortelė”, “Spinner”, “Perjungti”, “Įvertinimas”, skirtingų formų komponentai ir kt. Komponentai veikia mobiliajame ir darbalaukyje, ir jie yra pritaikoma taip pat.
Belle yra ne tik React komponento biblioteka ten, jūs galite rasti kitų puikių Github, pvz Reaguokite į valdiklius arba Elementinis.
React Storybook UI plėtros aplinka
Jei nenorite naudoti kito asmens komponentų bibliotekos, bet norite kurti savo, verta pabandyti React StoryBook kuris yra a UI plėtros aplinka React komponentams. „Storybook“ leidžia jums plėtoti komponentus interaktyviai. Ji turi parengti dokumentus, ir jūs galite pradėti plėtoti viduje konors „Storybook Hub“.
React-Bootstrap
React-Bootstrap integruoja Reaguoja su populiariais „Bootstrap 3“ priekinės sistemos sistema. Jos kūrėjai iš esmės atstatė „Bootstrap“ komponentus „React.js“. Dėl to a švaresnio kodo bazė su mažesniu pasikartojimu ir a didesnis našumas.
Atkreipkite dėmesį, kad, kai repo yra aktyviai kuriama, API ateityje pasikeis. Už dabartinę plėtros padėtį, patikrinkite projekto planą.
Reaguokite į „Chrome“ programuotojo įrankius
Reaguokite į „DevTools“ „Chrome“ yra „Chrome“ kūrėjų įrankių plėtinys ir leidžia jums tikrinti komponentų hierarchiją. Tai buvo sukūrė „Facebook“ stengiantis padėti kūrėjų bendruomenei kurti naujas „React“ programas. Jūs galite tiesiog pridėti jį kaip „Chrome“ plėtinį naršyklėje. Galite naršyti priklauso šaltinio kodas ir Github.
Reaguokite į „Firefox“ kūrėjų įrankius
Tai yra „Firefox“ versija tos pačios Reaguokite į „Facebook“ sukurtus kūrėjo įrankius. Tiesiog pridėkite kaip „Firefox“ naršyklės priedas, ir iš karto tikrinkite „React“ programos hierarchijos medį.
„React.js“ paketas „Atom“
Galite pridėti Reaguokite į „Atom“ kodo redaktorių su šiuo „Atom React“ paketu. Jis ateina su sintaksės paryškinimas, automatinis užbaigimas, kodo fragmentai, HTML į JSX konversiją, ir kai kurių kitų naudingų funkcijų, kurios gali labai palengvinti reagavimą į plėtrą.
React.js Fundamentals - nemokamas internetinis kursas
Yra daug puikių ir gana nebrangių kursų, kur galite išmokti Reaguoti, tačiau galite užsiregistruoti React.js Pagrindai internetinis kursas visiškai nemokamai. Ji sudaryta iš 12 pamokų, prasideda „React“ pagrindai, ir turi a graži mokymo programa tai apima visus svarbius dalykus.
