React.js 14 Nástroje a zdroje pre vývojárov webu
popularita React.js bol rýchlo rastúce pretože spoločnosť Facebook prvýkrát vydala knižnicu v roku 2013. Je to piaty najčastejšie hre otvorený projekt na Github a reklamy na pracovné pozície pre developerov React sú taktiež silne na vzostupe. Reagovať je a ľahký JavaScript rámec pre vytváranie užívateľských rozhraní - najvýznamnejšími príkladmi sú Facebook a Instagram.
Reakcia ponúka an alternatívu pre rámce MVC, ako napríklad uhlová alebo chrbtica, s jednoduchšiu štruktúru a zameranie na optimalizáciu výkonu. Keďže React určite definuje webovú oblasť vývoja v najbližších rokoch, v tomto článku by sme vám chceli poskytnúť a toolkit pre vývojárov aby vám pomohli v oblasti vývoja reakcií.
Oficiálne dokumenty React.js z Facebooku
Facebook poskytuje vývojárom s podrobnú dokumentáciu na hlavné pojmy React. Okrem docs tu nájdete aj skvelý výukový program ako vytvoriť interaktívnu hru tic-tac-toe s React a diskusné fórum pre vývojárov React. Ako Dokumenty sú open-source, môžete ich dokonca upraviť, ak chcete.
React.js Github repo
V repo obchode React Github môžete pozrite sa na zdrojový kód spoločnosti React kedykoľvek ho potrebujete. Ak chcete byť informovaní o súčasnom stave vývoja, môžete sa tiež pozrieť na problémy, míľniky, a najnovšie požiadavky na ťah. Ak ste uviazli, môže byť tiež dobrý nápad študovať Návod na zaznamenávanie problémov trochu.
Dobrý deň, štartovací kód sveta
Ak sa chcete rýchlo pokúsiť o reakciu, môžete začať tým “Dobrý deň svet” interaktívne demo na. Obsahuje všetky potrebné aktíva a štartovací kód tiež. Ako je aj Babel, môžete použiť ECMAScript 6 a syntaxe JSX. Jednoducho roztrhnite toto pero a môžete pokračovať bez toho, aby ste si sám vytvorili celé prostredie.
Reakcia Starter Kit
Reakcia Starter Kit je izomorfná webová aplikácia postavený z Node.js, Express, GraphQL, React, a niekoľko nástrojov pre vývoj webových aplikácií, ako napr Webpack, Babel, a Browsersync. Poskytuje vám rovnaký frontend stack Facebook používa a umožňuje vám skočiť do full-stack React vývoj bez príliš veľkých problémov.
ReactCSS
ReactCSS umožňuje to pridajte štýly CSS do jazyka JavaScript. ReactCSS je dodávaný s podporou React, Redux, React Native (rámec pre vytváranie natívnych mobilných aplikácií pomocou React), autoprefixing, poverovanie, pseudo-elementy a mediálne dotazy. Môžete rýchlo nainštalujte ho s npm.
Reagujte na integráciu JSFiddle (s i bez JSX)
To je skvelé online detské ihrisko ak chcete miesto, kde môžete začať cvičiť React. to je hosťované na JSFiddle, a má dve verzie: jeden s JSX a jeden bez JSX, vyberte si ten, s ktorým budete pohodlnejšie.
Reagujte generátor štýlového sprievodcu
Môžete rýchlo generovať sprievodcu štýlom pre váš projekt React s týmto ľahko použiteľným Reagujte generátor štýlového sprievodcu. Musíte len to pridajte malú dokumentáciu do súborov a generátor sa stará o zvyšok. Nástroj je dodávaný s podrobným súborom readme.
Belle konfigurovateľné komponenty React
kráska je a Reaktívna knižnica komponentov ktorý vás vybaví súbor komponentov React možno budete chcieť použiť vo svojom projekte, napríklad “gombík”, “karta”, “pradiar”, “toggle”, “Rating”, rôzne komponenty formulára a ďalšie. Komponenty pracujú ako na mobilných, tak na stolných počítačoch, a oni sú prispôsobiteľné tiež.
Belle je nie iba knižnica komponentov React tam, môžete nájsť ďalšie skvelé na Github, ako je Reagujte na miniaplikácie alebo živelný.
Reagovať na vývojové prostredie rozhrania UI Storybook
Ak nechcete používať knižnicu komponentov niekoho iného, ale chcete stavať svoje vlastné, stojí za to skúsiť Reagujte na StoryBook čo je a UI vývojové prostredie pre komponenty React. Príbeh vám umožňuje rozvíjať komponenty interaktívne. Má vypracovať dokumentáciu, a môžete začať s vývojom v Hub Storybook.
Reagovať-Bootstrap
Reagovať-Bootstrap integruje React s populárnym Bootstrap 3 frontend framework. Jeho vývojári v podstate prebudovali komponenty Bootstrap s React.js. Výsledkom je a čistiaci kód s menším opakovaním a a vyšší výkon.
Upozorňujeme, že keďže repo je v aktívnom vývoji, rozhrania API sa v budúcnosti zmenia. Pre súčasný stav rozvoja, pozrite sa na plán projektu.
Reagujte na vývojárske nástroje pre prehliadač Chrome
React DevTools pre Chrome je rozšírením pre vývojárske nástroje Chrome a umožňuje vám to skontrolovať hierarchiu komponentov. To bolo vytvorené Facebookom s cieľom pomôcť komunite vývojárov pri vytváraní nových aplikácií React. Môžete to jednoducho pridajte ho ako rozšírenie prehliadača Chrome do vášho prehliadača. Môžete prechádzať zdrojový kód na Github tiež.
Reagovať na vývojárske nástroje pre Firefox
To je Verzia Firefoxu z toho istého Reagujte na vývojárske nástroje vytvorené službou Facebook. Stačí ho pridať ako doplnok k prehliadaču Firefoxu, a začnite kontrolovať hierarchický strom aplikácie React naraz.
Balík React.js pre Atom
Môžete pridať Reagujte na podporu editora kódov Atom s týmto balíkom Atom React. Dodáva sa zvýraznenie syntaxe, automatické dopĺňanie, úryvky kódu, konverzia HTML na JSX, a niektoré ďalšie užitočné funkcie, ktoré môžu značne uľahčiť vývoj React.
React.js Základy - bezplatný online kurz
Existuje veľa vynikajúcich a pomerne lacných kurzov, kde môžete naučiť sa React vývoj, môžete ho však zaregistrovať React.js Základy online kurz pre úplne zadarmo. Je zložený z 12 lekcií, začína s základy Reactu, a má a pekné učebné osnovy ktorá pokrýva všetky dôležité veci.
