建站
咨詢
售后
建站咨詢
新聞中心
自從Facebook在2013年發(fā)布了庫之后，React.js正在快速被廣大開發(fā)者所接受。它現(xiàn)在已經(jīng)成為了GitHub上被收藏次數(shù)排名第5的開源項(xiàng)目，越來越多的企業(yè)正在尋找React.js開發(fā)者。本文為廣大開發(fā)者介紹了14個(gè)工具和資源，助力web開發(fā)。
創(chuàng)新互聯(lián)憑借在網(wǎng)站建設(shè)、網(wǎng)站推廣領(lǐng)域領(lǐng)先的技術(shù)能力和多年的行業(yè)經(jīng)驗(yàn)，為客戶提供超值的營銷型網(wǎng)站建設(shè)服務(wù)，我們始終認(rèn)為：好的營銷型網(wǎng)站就是好的業(yè)務(wù)員。我們已成功為企業(yè)單位、個(gè)人等客戶提供了網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)服務(wù)，以良好的商業(yè)信譽(yù)，完善的服務(wù)及深厚的技術(shù)力量處于同行領(lǐng)先地位。
[[182942]]
自從Facebook在2013年發(fā)布了庫之后，React.js正在快速被廣大開發(fā)者所接受。它現(xiàn)在已經(jīng)成為了GitHub上被收藏次數(shù)排名第5的開源項(xiàng)目，越來越多的企業(yè)正在尋找React.js開發(fā)者。
React有著更簡單易懂的架構(gòu)，而且專注于性能優(yōu)化，這使它代替了一些MVC框架，例如Angular和Backbone等。在未來幾年內(nèi)，React一定還會(huì)繼續(xù)發(fā)揮重要的作用。這篇文章中，我們總結(jié)了一些開發(fā)者工具，幫你更輕松的使用React。
Facebook官方React.js文檔
Facebook為開發(fā)者提供了詳細(xì)的說明文檔。除了文檔之外，還有一個(gè)相信的指導(dǎo)說明，以及一個(gè)針對React開發(fā)者打造的線上論壇。而且這份文檔為開源項(xiàng)目，你甚至可以對它進(jìn)行編輯。
React.js Github repo
在這個(gè)repo中，你可以查看React的源代碼。如果你想關(guān)注它最新的狀態(tài)，你也可以查看各種issue、里程碑以及最新的pull request。在遇到問題的時(shí)候，你還可以查看它的Trouble Shooting Guide。
Hello World starter code
如果你想快速的嘗試一下React，你可以使用Codepen上的這個(gè)“Hello World”互動(dòng)式demo。
React Starter Kit
React Starter Kit是一個(gè)使用了Node.js、Express、GraphQL、React和Webpack、Babel以及Browsersync等web開發(fā)工具打造的web應(yīng)用模板。而且它還提供了和Facebook一樣的全段堆棧。
ReactCSS
ReactCSS讓你可以在JavaScript中添加inline CSS樣式。ReactCSS支持React、Redux、React Nativeautoprefixing、hover、pseudo-element和media請求。你可以使用npm對其進(jìn)行快速安裝。
React JSFiddle integration (with and without JSX)
這是一個(gè)非常不錯(cuò)的React線上練習(xí)工具。它被寄存在JSFiddle上，而且擁有兩個(gè)版本：一個(gè)帶有JSX，一個(gè)沒有JSX，你可以根據(jù)自己的喜好進(jìn)行選擇。
React style guide generator
使用這個(gè)簡單的React樣式指導(dǎo)生成器，你可以為你的React項(xiàng)目快速生成樣式指導(dǎo)。你只需要給文件添加一些文檔，之后生成器就會(huì)自動(dòng)完成剩下的事情。
Belle configurable React components
Belle是一個(gè)React組件庫，它為你提供了大量React組件，例如按鈕、卡片等。這些組件支持桌面設(shè)備和移動(dòng)設(shè)備，并且支持個(gè)性化。
除了Belle之外，你還可以找到其他一些React組件庫，例如 React widgets或是Elemental。
React Storybook UI Development Environment
如果你不想使用其他人做的組件庫，你也可以自己做一個(gè)。你可以試試 React StoryBook，這是React組件的UI開發(fā)環(huán)境。你可以使用它自己做互動(dòng)式組件。
React-Bootstrap
React-Bootstrap整合了React和流行的 Bootstrap 3前端框架。這個(gè)工具的開發(fā)者使用React.js重建了Bootstrap的組件。這樣做的好處是減少了代碼的重復(fù)，提高了diamante性能。
但是需要注意的是，這個(gè)repo目前還在開發(fā)當(dāng)中，因此未來其API還將會(huì)發(fā)生變化。
React Developer Tools for Chrome
React DevTools for Chrome是以個(gè)Chrome開發(fā)工具，開發(fā)方為Facebook。你可以用它來查看組件架構(gòu)。你只需要在Chrome瀏覽器中添加這個(gè)擴(kuò)展就可以使用了。你也可以在Github上查看它的源代碼。
React Developer Tools for Firefox
React Developer Tools的Firefox版本。
React.js Package for Atom
使用這個(gè)工具，你可以讓Atom代碼編輯器也支持React。它包含代碼高亮、自動(dòng)補(bǔ)全、代碼段、HTML向JSX轉(zhuǎn)化等功能，
React.js Fundamentals – free online course
網(wǎng)絡(luò)上有很多React課程，React.js Fundamentals就是其中之一，而且完全免費(fèi)。它共有12節(jié)課，幫你了解React的基本知識(shí)和一些重要的概念。
原 文：React.js: 14 Tools & Resources for Web Developers
譯 文：SDK.cn
作 者：魯行云（編譯）
分享名稱：React.js:web開發(fā)者的14個(gè)工具和資源
URL地址：http://www.5511xx.com/article/ccohdjh.html
