国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

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

rottengeek / 2125人閱讀

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

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

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

Demo:

Demo展示（請(qǐng)使用chrome模擬移動(dòng)端方式查看，或者使用手機(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時(shí)加入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計(jì)算均在此文件中
            
    --component 全部react組件
        --common 公共組件自定義了一些常用組件
            --組件持續(xù)更新中
        --business 放入自身業(yè)務(wù)組件(沒建立者文件夾，大家可自行建立)
        
    --pages 存放全部頁面組件
        --PageHome demo首頁組件
            --img 存放每個(gè)頁面的圖片
            --_pageHome.scss 每個(gè)頁面獨(dú)立的樣式文件
            --PageHome.jsx 組件jsx文件
            
    --reducers 全部reducers放入此文件夾
        --commonReducer.jsx 通用reducer
        --mainReducer.jsx 用于連接各reducer
        --pageHomereduces.jsx demo主頁的reducer
        
    --service http請(qǐng)求類庫
        --Service.jsx    用于ajax/jsonp請(qǐng)求的方法均在此處，應(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，請(qǐng)點(diǎn)擊此處

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: 34568305@qq.com

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/112770.html

相關(guān)文章

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

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

    he_xd 評(píng)論0 收藏0

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

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

    sean 評(píng)論0 收藏0

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

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

    raoyi 評(píng)論0 收藏0

  • 前端每周清單半年盤點(diǎn)之 Angular 篇

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

    LeviDing 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<