多年前用php寫過web版記賬，近期用React框架寫了記賬APP并開源到了github上。這個系列文章用來記錄記帳APP的開發過程與心得。
雖然是一款簡單功能的小軟件，但五臟俱全。有WebApp/NativeApp/Restful API，覆蓋了比較多的JS框架和組件庫，本系列教程會對開發過程中用到的JS框架進行系統的分析和學習，并對開源組件的使用做專門的教程學習，甚至會有自己造輪子的篇幅。意在幫助大家系統的對React框架深入學習和應用。
項目Github地址
App下載體驗
- android
-
ios 由于諸多限制暫未上線
logo
開發環境
項目技術棧
- 前端webApp：react & redux
- 前端nativeApp：react-native & redux
- 后端API: node.js(Koa2)
- 數據庫：MongoDB (Mongoose)
- 緩存：Redis
- web打包: webpack
項目教程大綱
項目涉及的內容比較多，我會定期推出相關文章教程來一步一步學習用JS來開發一款APP。大綱規劃由以下內容完成，
1.React基礎篇
手工構建react項目目錄結構，一步一步配置webpack
2.React組件篇
詳細講解項目中引用的第三方組件庫的使用方法及構建思想
3.React業務邏輯篇
使用第三方組件來構建項目的業務邏輯
4.React高級篇
自建組件并引用到項目中
5.Koa2基礎篇
搭建Koa2項目目錄，構建后端API數據接口,開發模式與生產模式啟動配置
6.Koa2組件篇
使用第三方組件來完成token登陸,引用Mongoose來連接管理MongoDB數據庫，配置路由及code數據接口
7.數據庫MongoDB基礎篇
講解對數據庫MongoDB的安裝、配置、權限管理、創建
8.數據庫MpngoDB應用篇
講解在Koa2中使用Mongoose來連接管理MongoDB中的數據庫內容
9.React Native基礎篇
初始化項目，目錄結構解析，引入Redux與第三方UI庫
10.React Native應用篇
使用Navigator來構建場景過渡，使用react-native-elements庫來構建tab
11.React Native高級篇
微信登陸功能的實現，webView的應用，原生app與web進行通信，體驗app中的混合開發
寫這教程的初衷
首先面向前端初級開發者，通過系列教程的學習，對React框架有整體認識并能自主完成開發，在JS全棧工程師道路上更進一步。其次，面向更多普通人能夠把記帳這件事重視起來，讓記帳成為一種習慣，進而學會理財和投資，實現財富自由。從我開始影響身邊的人，從每個學習本教程的工程師開始影響我們身邊的人。
記賬最直接的作用就是摸清收入、支出的具體情況，看看自己到底掙了多少錢，花了多少錢，錢都花在什么地方。還可以知道維持正常的日常生活需要多少錢，剩下的錢可以考慮進行消費和投資，這是個人財務規劃的基礎。
每周一篇寫作踐行群自愿加入，入群即表示同意一起寫作一起成長，大家互相贊賞鼓勵！
