新增了搜尋功能
目前資料全部包在程式裡所以搜尋非常及時
為了可能要接 API 搜尋避免所以過於頻繁打 API 用了
* react-debounce-input
這是可以直接 drop-in replace input tag 的套件，
主要功能顧名思義就是要 debounce，意思是每隔一段時間再處理事件
以搜尋來說如果每打一個字就會有一個事件，
但是對使用者來說可能根本就不需要打每個字就搜尋一次
這個時候 debounce 就很好用了
整個搜尋功能做完之後又調了有的沒的的發現遇到 React 最常遇到的 re-render 問題
因為每次操作都有可能因為一些狀態改變 re-render
所以發生了按個搜尋按鈕整個頁面都 re-render
畫面就一直閃來閃去快眼瞎了
原本想要用算是業界標準做法的 React-Redux 來管理這些物件狀態的，
但是光看教學文件還沒有寫自己的東西就要弄一堆定義還是什麼的
https://react-redux.js.org/tutorials/typescript-quick-start
前端猴子都寫這種沒辦法維護的程式碼嗎
所以改用之前用過的 react-superstore 整個簡單很多
感覺我好像是唯一的使用者
改為這種狀態管理方式後就解決了大部分 re-render 的問題
※ 引述《nh60211as (xXx_5354M3_31M0_xXx)》之銘言：
: 考量到如果是要在活動會場當天使用網路可能會不穩定
: 所以加了手機安裝離線程式教學
: https://i.imgur.com/eu2GXKH.png
: https://github.com/nh60211as/FfMapMarker/blob/master/docs/
: install_on_andriod.md
: 因為是用 PWA 包裝的，所以可以讓網頁就像 Android app 一樣像一個程式在管理
: iOS 好像也行，但是我沒錢買 iPhone
: 然後買狗攤
: Day 1 Day 2 Day 3
: 角角吉診室 E27,E28
: 台北人 S03,S04 S33
: 企鵝冰屋 S05 S30
: 壞孤兒 T27,T28
: 龍龍 S25,S26 S25,S26
: 百合室內盆栽 S27 S27
: ※ 引述《nh60211as (xXx_5354M3_31M0_xXx)》之銘言：
: : 懶得用手畫地圖了
: : 科技時代就該把可以離線做的事情搬上網頁
: : https://i.imgur.com/UhPki5S.png
: : 看了一下有買狗的好像是在第二天 S 區
: : https://nh60211as.github.io/FfMapMarker/