原创 React入門-9.redux你好
Redux入門 1. 介紹 redux是js的狀態管理機制，與vuex類似，不過vuex是爲vue定製的。而redux並非僅僅服務於react,在jquery,angular,甚至於原生的js中都可以使用。簡單來說，redux就是幫我們管理
2018-12-04 15:24:59
原创 React入門-8.create-react-app搭建項目框架
之前一直用VUE來進行項目開發。剛剛看了react的生態圈，真的是很厲害。單單腳手架就有傳統創建單頁面程序的create-react-app，有進行服務器端渲染的Next.js，還有快速創建網站的Gatsby。那就先從create-reac
2018-12-04 00:04:51
1
原创 React入門-React備忘錄(階段項目)
經過這兩天的學習，掌握了一些React的語法規則，現在用一個小例子練習一下。需求很簡單，一個備忘信息的正刪改查。效果如下，我們逐步分析 1. 數據維護 我們將頁面中共享的數據維護在state中，notes表示備忘信息列表；note表示與表
2018-12-02 14:54:54
原创 React入門-7.表單
React表單 表單是前後臺數據交互非常重要的一種機制。一般，前端開發者需要從表單中接收用戶輸入，然後整理數據發送給後臺開發者。那麼，如何快速準確獲取用戶輸入呢？VUE採用雙向數據綁定，即表單項的值與模型中的對象綁定，一方改變另外一方也跟着
2018-12-01 13:04:59
原创 React入門-6.列表渲染
列表渲染 在React中，將一個列表渲染到頁面中的方式與JS遍歷數組打印到控制檯的思路類似。個人覺得這個沒有VUE的列表通過指令在編寫代碼上簡單。 React的思路是在render中遍歷集合，然後迭代渲染出React Element,最後返
2018-11-30 16:13:58
原创 React入門-4.事件處理
事件機制 事件綁定語法 React Element的事件綁定與DOM事件綁定非常相似，有兩個不同點需要注意：1) 事件名稱採用駝峯式命名。2) 在JSX中事件處理函數爲變量，需要使用大括號括起來解析。 3）不能通過return false阻
2018-11-30 14:54:35
原创 React入門-1.helloworld
介紹 React 是一個採用聲明式，高效而且靈活的方式來構建用戶界面的框架。 HelloWorld 像學習Vue一樣學習React，要使用React框架需要導入相關依賴，架構不同，導入方式不同，如果是直接寫html那麼需要通過script直
2018-11-30 13:14:41