React.js 14 Nástroje a zdroje pro webové vývojáře
popularity React.js byl rychle rostoucí protože Facebook poprvé v roce 2013 vydal knihovnu pátý nejčastěji hrál open source projekt na Github, a pracovní inzeráty pro vývojáře React jsou také silně na vzestupu. React je a lehký JavaScript rámec pro budování uživatelských rozhraní - nejvýznamnější příklady jsou Facebook a Instagram.
React nabízí alternativa pro rámce MVC, jako například úhlové nebo páteřní, s a strukturu a zaměření na optimalizaci výkonu. Jako React bude určitě definovat web vývoj krajiny v následujících letech, v tomto článku bychom chtěli poskytnout vám sada nástrojů pro vývojáře aby vám pomohl vstoupit do oblasti rozvoje React.
Oficiální dokumenty React.js z Facebooku
Facebook poskytuje vývojářům podrobnou dokumentaci na hlavní pojmy React. Kromě dokumentů, můžete také najít skvělý návod na jak vytvořit interaktivní tic-tac-toe hru s Reactem a a diskuzní fórum pro vývojáře React. Jako dokumenty jsou open-source, můžete je dokonce upravovat, pokud chcete.
React.js Github repo
V replitu React Github, můžete podívejte se na zdrojový kód React kdykoliv to budete potřebovat. Pokud chcete být informováni o aktuálním vývoji, můžete se také podívat na stránku problémy, milníky, a nejnovější požadavky. Pokud jste uvízl, může to být také dobrý nápad studovat Průvodce řešením problémů trochu.
Ahoj Světový startovací kód
Pokud se chcete rychle pokusit React, můžete začít s tím “Ahoj světe” interaktivní demo na Codepen. To zahrnuje veškerá nezbytná aktiva a startovací kód také. Jako Babel je také na, můžete použít jak ECMAScript 6, tak syntaxe JSX. Jednoduše vidlice tohoto pera, a můžete jít dál, aniž by nastavení celého prostředí na vlastní pěst.
Reagujte Starter Kit
Reagujte Starter Kit je isomorphic web app kotle postavený z Node.js, Express, GraphQL, React, a několik nástrojů pro vývoj webových aplikací, jako je Webpack, Babel, a Browsersync. Poskytuje vám to používá stejný frontend stack Facebook a umožňuje skočit do full-stack Reagovat vývoj bez přílišného zmatku.
ReactCSS
ReactCSS umožňuje přidat inline styly CSS do JavaScriptu. ReactCSS přichází s podporou React, Redux, React Native (rámec pro vytváření nativních mobilních aplikací pomocí React), autoprefixing, hover, pseudo elementy a mediální dotazy. Můžete rychle nainstalovat s npm.
Reagovat JSFiddle integraci (s a bez JSX)
To je skvělé online hřiště pokud chcete místo, kde můžete začít cvičit React. To je hostuje na JSFiddle, a má dvou verzích: jeden s JSX a jeden bez JSX, vyberte si ten, s nímž jste spokojenější.
Reagovat styl průvodce generátor
Můžete rychle vytvořit průvodce stylem pro váš projekt React s tímto snadno použitelným Reagovat styl průvodce generátor. Musíš přidejte malou dokumentaci na vaše soubory a generátor se postará o zbytek. Nástroj je dodáván s podrobným souborem readme.
Belle konfigurovatelný React komponenty
Kráska je Reagovat knihovnu komponent které vás vybaví soubor komponent React budete chtít použít ve svém projektu, například “Tlačítko”, “Karta”, “Spinner”, “Přepněte”, “Hodnocení”, různé složky formuláře a další. Komponenty pracují jak na mobilní, tak na pracovní ploše, a jsou přizpůsobitelné také.
Belle je není jedinou knihovnou komponenty React na Githubu můžete najít další skvělé, jako například Reagovat widgets nebo Elemental.
Reagovat Storybook UI Development Environment
Pokud nechcete používat knihovnu komponent někoho jiného, ale chcete si vytvořit vlastní, stojí za to zkusit to Reagovat StoryBook což je Vývojové prostředí UI pro komponenty React. Storybook vám umožní vyvíjet komponenty interaktivně. Má vypracování dokumentace, a ty můžeš začněte s vývojem v Storybook Hub.
React-Bootstrap
React-Bootstrap integruje Reagovat s populárními Rámec rozhraní Bootstrap 3. Jeho vývojáři v podstatě znovu sestavili komponenty Bootstrap pomocí React.js. Výsledkem je a čistší kód základny s menším opakováním a vyšší výkon.
Vzhledem k tomu, že repo je v aktivním vývoji, API se v budoucnu změní. Pro současný stav vývoje, podívejte se na plánu projektu.
Reagujte na vývojářské nástroje pro Chrome
Reagovat DevTools pro Chrome je rozšíření pro Nástroje pro vývojáře Chrome a umožňuje kontrolovat hierarchii komponent. to bylo vytvořil Facebook se snahou pomoci komunitě vývojářů při vytváření nových aplikací React. Můžete jednoduše přidejte ji jako rozšíření Chrome prohlížeče. Můžete procházet příslušného zdrojového kódu také na Github.
Reagujte na vývojářské nástroje pro Firefox
To je Verze Firefoxu stejné Reagovat na vývojářské nástroje vytvořené službou Facebook. Stačí ho přidat jako doplněk prohlížeče Firefox, a začít kontrolovat strom hierarchie aplikace React najednou.
React.js balíček pro Atom
Můžeš přidat Reagujte na podporu svého editoru kódu Atom s tímto balíčkem Atom React. Přichází zvýraznění syntaxe, autocomplete, úryvky kódu, konverze HTML na JSX, a některé další užitečné funkce, které mohou značně usnadnit vývoj React.
React.js Základy - bezplatný online kurz
Existuje mnoho vynikající a poměrně levné kurzy, kde můžete učit Reagovat vývoj, můžete to však zapsat React.js Základy online kurz zcela zdarma. Je tvořena 12 lekcí, začíná znakem Základy React, a má pěkné osnovy který pokrývá všechny důležité věci.
