站點重構那些事兒

向

litten致謝!

說正經的。當我準備開始撰寫時看到我的personalweb1.0。我還是願意去開黑的。1.0真是太挫了。這裡附幾張美照。

是不是有一種某校教務系統的感覺。嗯，的確是不非常清真的，所以personalweb2.0的重構非常快的定在了日程上。

在做1.0時我考慮了非常多的相容性。然而ie6。7，8漸行漸遠。fe們也算是熬出來了，可是我的1.0還在水深火熱之中。sh_t!

重構站點是須要你用心並高效去完畢的，所以不管是五黃的第七次總決賽之旅還是德瑪西亞的號召，都不能成為絆腳石。

言歸正傳，personalweb1.0的技術棧是原生js+jquery+express+mongodb，而且部署於阿里雲上。看得出來，這套技術棧適合小型應用。總體邏輯架構的設計比較簡易，不管是作為coder還是作為user。都能感受到1.0簡單，可是過於簡陋的設計導致coder自己也無力再去維護與開發新功能.....

so 2.0的首要任務是增強使用者體驗，核心思想是new!

非常多人拿react與angular比較，這是不正確的。輕量級庫react僅僅負責view，而重量級框架angular卻能mvc一鍋端。那為啥我最後選用了react？原因非常easy，由於angular我不會。理由不夠充分？呵呵，好吧，angular2.0 前些日子一直 in beta。好像近期公布正式版了，有空去研究下。

react不能和angular比。但react的stars實在太多了。30000+相比於angular10000+（google又輸給了facebook一次）。所謂人多力量大，react出現後，其附帶庫類接踵而至。react-router是典型代表。是spa(not spa!)的路由核心。

react我就不細講了，有問題出門右轉了解react系。作為部落格起家的站點。2.0肯定會繼承1.0的資料量，因此我須要找到乙個容器來管理我的大量資料。facebook在react出來就提出過flux架構，當前比較好的實現是redux。

tj還在node社群時公布的兩大nodejs框架express 和koa，express自帶大量middleware，而koa僅僅提供了乙個核心函式庫。middleware能夠自己開發，也能夠看看koa-*。

並且koa開始使用了es6的相關特性generator。配合babel開發，能夠更高速了解掌握es6語法。所以koa是大勢所趨。

非常羨慕具備d2(design and developing)水平的fe。可他們卻沒有乙個尋找a girlfriend learned design的夢想。

光從設計開始想，我真的非常想使用hexo，樣式都直接寫好了。可現改hexo成本太大，最後還是選擇了以react重構hexo ，翻了半天github上面的hexo-theme。litten的yilia主題讓我印象深刻，這才是完美的男人! 這哥們兒還在tencent。於是手動follow了一下。

yilia

待會還會推出yilia react

端午節3天1

react1 + react-router1 + redux1(興許推出) + koa1 + mongodb1

可愛的男孩紙*1

*眼下暫不使用redux，忽略reducers與actions資料夾須要有這麼乙個資料夾:

所謂元件式開發就是把web結構分區域布局，公用部分元件或者是資料固定的展示型元件放在components中。而復合元件或者是資料會改變的元件放在containers中，containers要引入components。

./components:基礎級元件

./containers:容器級元件

./routesreact-router路由元件

開發源**react yilia

文件等在下考完試後呈上

眼下站點上還有非常多路由不通的地方，請見諒。

最近會一直保持更新，歡迎保持關注。

litten的yilia位址

sharlly用react重構的react yilia

注:yilia基於hexo，可是react yilia與hexo沒有半點關係，僅僅是純粹的引入了樣式，所以資料庫連線還是要靠自己完好。小夥伴們動起手來吧！

站點重構那些事兒

站點重構那些事兒

鏈結那些事兒

指標那些事兒

站點重構那些事兒

站點重構那些事兒

鏈結那些事兒

指標那些事兒

相關推薦