成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

react-template-easily(簡單易用的react前端工程化模板)

rottengeek / 2140人閱讀

摘要：是一套以技術(shù)搭建的項目模板，適用于移動端和開發(fā)。其中包含常用常用組件，精細(xì)計算的，以及諸多項目的實踐。

react-template-easily Desc： 
react-template-easily 是一套以react技術(shù)搭建的項目模板，適用于移動端H5, webapp和hybirdApp開發(fā)。其中包含常用20+常用組件，精細(xì)計算的rem，以及諸多項目的實踐。
URL:

https://github.com/jinjiaxing/react-template-easily

Demo:

Demo展示（請使用chrome模擬移動端方式查看，或者使用手機(jī)查看）

技術(shù)棧

react:16

react-dom:16

react-router-dom:4

redux:3.7.2

redux-thunk:2.2

react-redux:5.0.6

sass

postcss

webpack:3.8.1

iscroll:5

...

目錄結(jié)構(gòu)和文件說明 
client 客戶端主目錄，PS：為將來SSR時加入server做準(zhǔn)備，所以叫做client
    --actions redux全部action放入其中
        --commonAction.jsx 通用的action放入其中
        --pageHomeAction.jsx 首頁Demo的Action
        
    --common 公用util文件夾
        --constant 常量
            --CommonActionName.jsx action全部名稱
            --Constant.jsx 常量變量集合
            --StatisticConstant.jsx 自定義其他常亮
        --img 公共圖片
        --style 公共css文件
        --utils 公共util類
            --Common.jsx 所有公用方法以及rem計算均在此文件中
            
    --component 全部react組件
        --common 公共組件自定義了一些常用組件
            --組件持續(xù)更新中
        --business 放入自身業(yè)務(wù)組件(沒建立者文件夾，大家可自行建立)
        
    --pages 存放全部頁面組件
        --PageHome demo首頁組件
            --img 存放每個頁面的圖片
            --_pageHome.scss 每個頁面獨立的樣式文件
            --PageHome.jsx 組件jsx文件
            
    --reducers 全部reducers放入此文件夾
        --commonReducer.jsx 通用reducer
        --mainReducer.jsx 用于連接各reducer
        --pageHomereduces.jsx demo主頁的reducer
        
    --service http請求類庫
        --Service.jsx    用于ajax/jsonp請求的方法均在此處，應(yīng)用了promise
        
    --store
        --store.jsx 
        
    --app.jsx 相當(dāng)于頁面的父容器組件進(jìn)行一些通用處理
    
    --index.html html文件
    
    --router.jsx 入口文件，也是路由文件
install & run 
git clone https://github.com/jinjiaxing/react-template-easily.git
npm install
npm run dev
瀏覽器訪問：0.0.0.0:8080
release 
npm run release 或 sh ./build.sh
preact dev&release 
npm run dev:preact
npm run release:preact

如何切換react與preact，請點擊此處

update 
2017/10/22 新增Drawer組件
2017/12/01 修改Toast組件默認(rèn)樣式
2017/12/02 修改Toast組件結(jié)構(gòu)
2018/01/02 更新全部組件風(fēng)格
2018/01/04 添加InputField組件
2018/01/08 添加preact版本，支持一鍵切換preact和react
developer

name: jinjiaxing

company: baidu

mail: [email protected]

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/112770.html

相關(guān)文章

  • react-template-easily(簡單易用的react前端工程化模板)

    摘要：是一套以技術(shù)搭建的項目模板，適用于移動端和開發(fā)。其中包含常用常用組件，精細(xì)計算的，以及諸多項目的實踐。 react-template-easily Desc： react-template-easily 是一套以react技術(shù)搭建的項目模板，適用于移動端H5, webapp和hybirdApp開發(fā)。其中包含常用20+常用組件，精細(xì)計算的rem，以及諸多項目的實踐。 URL: http...

    he_xd 評論0 收藏0

  • 前端每周清單第 48 期：Slack Webpack 構(gòu)建優(yōu)化，CSS 命名規(guī)范與用戶追蹤，Vue.

    摘要：發(fā)布是由團(tuán)隊開源的，操作接口庫，已成為事實上的瀏覽器操作標(biāo)準(zhǔn)。本周正式發(fā)布，為我們帶來了，，支持自定義頭部與腳部，支持增強(qiáng)，兼容原生協(xié)議等特性變化。新特性介紹日前發(fā)布了大版本更新，引入了一系列的新特性與提升，本文即是對這些變化進(jìn)行深入解讀。 showImg(https://segmentfault.com/img/remote/1460000012940044); 前端每周清單專注前端...

    sean 評論0 收藏0

  • aotoo-hub，一體式大前端架構(gòu)

    摘要：年底了，開源一套我們的大前端架構(gòu)，小伙伴們都用得很爽的。聽說的人明年會發(fā)財文檔是一套正式上線的大前端解決方案。是一套前端端彼此相親相愛不分離，你中有我，我中有你的大前端解決方案。 年底了，開源一套我們的大前端架構(gòu)aotoo-hub，小伙伴們都用得很爽的。 GITHUB -- 聽說star的人明年會發(fā)財 文檔 aotoo-hub是一套正式上線的大前端解決方案。迭代的這2年多的時間，...

    raoyi 評論0 收藏0

  • 前端每周清單半年盤點之 Angular 篇

    摘要：延伸閱讀學(xué)習(xí)與實踐資料索引與前端工程化實踐前端每周清單半年盤點之篇前端每周清單半年盤點之與篇前端每周清單半年盤點之篇 前端每周清單專注前端領(lǐng)域內(nèi)容，以對外文資料的搜集為主，幫助開發(fā)者了解一周前端熱點；分為新聞熱點、開發(fā)教程、工程實踐、深度閱讀、開源項目、巔峰人生等欄目。歡迎關(guān)注【前端之巔】微信公眾號（ID：frontshow），及時獲取前端每周清單；本文則是對于半年來發(fā)布的前端每周清單...

    LeviDing 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<