React.js 14 Instrumente și resurse pentru dezvoltatorii web
popularitatea React.js a fost creștere rapidă deoarece Facebook a lansat prima dată biblioteca în 2013. Este cel de-al cincilea proiect cu sursă deschisă cel mai frecvent cu stea pe Github, iar anunțurile de locuri de muncă pentru dezvoltatorii React sunt, de asemenea, puternic în creștere. Reacția este a cadru ușor JavaScript pentru construirea de interfețe utilizator - cele mai proeminente exemple sunt Facebook și Instagram.
React offers an alternativă pentru cadrele MVC, cum ar fi Angular sau Backbone, cu un structură mai simplă și un accent pe optimizarea performanțelor. Pe măsură ce React va defini cu siguranță peisajul dezvoltării web în următorii ani, în acest articol ne-ar plăcea să vă oferim set de instrumente pentru dezvoltatori pentru a vă ajuta să puneți piciorul în domeniul dezvoltării React.
React.js oficial de la Facebook
Facebook oferă dezvoltatorilor un documentația detaliată pe principalele concepte ale React. Pe lângă docs, puteți găsi aici și un tutorial excelent cum să construiți un joc interactiv tic-tac-toe cu React și a forum de discuții pentru dezvoltatorii React. Dupa cum docs sunt open-source, le puteți edita chiar dacă doriți.
React.js Github repo
În replica React Github, poți verificați codul sursă al React ori de câte ori aveți nevoie. Dacă doriți să stați la curent cu stadiul actual al dezvoltării, puteți, de asemenea, să vă uitați la probleme, repere, si ultimele solicitări de tragere. Dacă te-ai blocat, poate fi de asemenea o idee bună să studiezi Trouble Guide Shooting Guide putin.
Bună ziua codul de start al lumii
Dacă doriți să faceți o încercare rapidă de a reacționa, puteți începe acest lucru “Salut Lume” interactive demo pe Codepen. Include toate bunurile necesare si codul de pornire de asemenea. Deoarece Babel este, de asemenea, pe, puteți utiliza atât ECMAScript 6, cât și sintaxa JSX. Purtați doar acest stilou și puteți merge fără să aveți singurul set de mediul înconjurător.
Activați Kitul de pornire
Activați Kitul de pornire este un isomorphic web app boilerplate construit din Node.js, Express, GraphQL, React, și o mână de instrumente de dezvoltare web, cum ar fi Webpack, Babel, și Browsersync. Acesta vă oferă același stivuitor frontal folosit de Facebook și vă permite să sarăți în full-stack React de dezvoltare fără prea multă hassle.
ReactCSS
ReactCSS face posibilă adăugați stiluri CSS inline în JavaScript. ReactCSS vine cu suport pentru React, Redux, React Native (un cadru pentru construirea de aplicații mobile native folosind React), autoprefixing, hover, pseudo-elemente și interogări media. Puteți repede instalați-l cu npm.
Reacționați integrarea JSFiddle (cu și fără JSX)
Acesta este un lucru minunat loc de joaca online dacă vrei un loc unde poți începe practica React. este găzduit pe JSFiddle, și a avut două versiuni: unul cu JSX și unul fără JSX, alegeți oricare dintre dvs. sunteți mai confortabil.
Reactați generatorul de stil
Puteți repede generați un ghid de stil pentru proiectul dvs. React cu acest ușor de utilizat Reactați generatorul de stil. Trebuie doar să adăugați o mică documentație la fișierele dvs., iar generatorul are grijă de restul. Instrumentul vine cu un fișier readme detaliat.
Belle componente configurabile React
fată frumoasă este a React biblioteca de componente care te echipează un set de componente React poate doriți să utilizați în proiectul dvs., cum ar fi “Buton”, “Card”, “filator”, “Comutare”, “evaluare”, componente diferite, și altele. Componentele funcționează atât pe telefonul mobil cât și pe desktop, și ei sunt personalizabil de asemenea.
Belle este nu singura bibliotecă de componente React acolo, puteți găsi alte cele mai bune pe Github, cum ar fi Reactați widget-uri sau Elementar.
React Storybook UI Development Environment
Dacă nu doriți să utilizați biblioteca de componente a altcuiva, ci doriți să vă creați propria dvs., merită să încercați React StoryBook care este un Mediul de dezvoltare UI pentru componentele React. Storybook vă permite să să dezvolte componentele în mod interactiv. Are un elaborarea documentației, si tu poti începeți cu dezvoltarea în Storybook Hub.
React-Bootstrap
React-Bootstrap integrează React cu popularul Bootstrap 3 framework frontend. Dezvoltatorii săi au reconstruit practic componentele Bootstrap cu React.js. Acest lucru are ca rezultat o baza de coduri mai curată cu mai puțină repetare, și a performanță mai ridicată.
Rețineți că, deoarece repo-ul este în curs de dezvoltare activă, API-urile se vor schimba în viitor. Pentru stadiul actual al dezvoltării, verificați foaia de parcurs a proiectului.
Reactați instrumentele de dezvoltare pentru Chrome
Acceptă DevTools pentru Chrome este o extensie a Instrumentelor pentru dezvoltatori Chrome și vă permite să efectuați inspectați ierarhia componentelor. A fost create de Facebook cu efortul de a asista comunitatea dezvoltatorilor în crearea de noi aplicații React. Poți pur și simplu adăugați-l ca extensie Chrome la browserul dvs. Puteți să răsfoiți care aparține codului sursă și pe Github.
React Instrumente pentru dezvoltatori pentru Firefox
Acesta este Versiunea Firefox de acelasi React Developer Tools creat de Facebook. Doar adăugați-o ca un add-on pentru browserul dvs. Firefox, și începeți imediat să inspectați arborele ierarhic al aplicației dvs. React.
Pachetul React.js pentru Atom
Poti sa adaugi Răspundeți la sprijinul pentru editorul de cod Atom cu acest pachet Atom React. Ea vine cu sintaxă de evidențiere, completare automată, fragmente de cod, conversie HTML la JSX, și alte caracteristici utile care pot facilita foarte mult dezvoltarea React.
React.js Fundamentele - curs online gratuit
Există multe cursuri excelente și destul de ieftine unde poți aflați React de dezvoltare, cu toate acestea, puteți înscrie acest lucru React.js Fundamente curs online gratuit. Este alcătuită din 12 lecții, începe cu elementele de bază ale React, și are a curriculum frumos care acoperă toate lucrurile importante.
