react - 卡拉筆記

[React] react-router-dom 實做練習

配合實做分頁，這篇會把目前為止的 webpack 專案的 app.jsx 做一點簡單的調整。
這篇只記錄實作過程。

成品可以參考 github。

首先安裝 react-router-dom

這篇是因為網站中想要使用 Font Awesome 才發現原本的 webpack 設定檔沒有處理圖片的 loader。

順序是
1. 安裝 file-loader 處理圖片
2. 安裝 Font Awesome

既然之前已經架過 vue 的 webpack (系列文整理)，最近正好在學 react ，於是想說那麼也架個 react 的 webpack 好了。

順便練習一下 yarn 指令。

這次 state 的部分想做一個進度條，概念是參考這篇文章: 【React.js入門 – 12】 state 與詳解setState語法，然後搭配樣式與自己想要的小功能做一些細微的調整。

雖然是小作品但用到的東西還蠻多的XDDD
主要是在長按跟 rwd 的部分有遇到一些問題。真的寫到懷疑人生XD

在看 children 並練習的時候遇到的一點問題，簡單記錄。

一開始一直看不懂 children 到底是什麼，足足看了一小時，然後突然發現又是我腦袋開關沒打開的問題XD

因緣際會之下就開始學React了，官網教程連中文版都很精美，我雜亂的筆記就不整理上來了(畢竟我比較懶一點)