筆記長也NotesHazuya

React 入門 - Firebase 留言板設計實戰

本篇將會是 React 入門的最後一篇文章,將會利用之前所學習過的技巧來設計一個簡單的留言板。 開始之前 本篇文章會透過提供程式碼範例來解說,建議各位可以先自行依照列出的需求做練習再看看是......

ReactJS入門 - 路由 react-router-dom

路由 如果從後端過來的朋友們肯定對於路由不陌生,路由會依照不同的路徑來回傳不同的資料或是渲染不同的靜態頁面,簡單來說可以視為網址路徑。 多頁式的渲染方式 一般常見的多頁面網......

ReactJS 入門 - 使用 fetchAPI 送出 HTTP 請求

關於送出 HTTP 請求 過去使用過 jQuery 的人可能會很直覺性想使用 AJAX 來送請求,但是由於我們已經使用了 react 的框架,通常不太會在特別去載入 jQuery 的函式庫,由於框架以及 jQuery 的渲染方式不......

ReactJS 入門 -表單處理

表單 如果你過去寫過其他處理表單的程式,在 react 當中大致上差不多,會透過綁定處理事件的方式來處裡表單。不過有部分差異的是在 value 上面的取得會透過 state 來管理。 Input 與 onChange......

ReactJS入門 - 各階層Component 溝通

本篇將會介紹各個 Component 在互相傳送資料以及呼叫函式的方式,雖然已經有更好的解決方法(例如 useContext),但是瞭解各個層級的 Component 之間的溝通還是足以應付簡單的情況。 幾種狀況 ......

React Hook - CustomHook 建立屬於自己的 Hook

Custom Hook 前面介紹了幾種不同的 Hook,現在我們將要來建立屬於自己的客製化 hook 了! 其實客製化的 hook 就是一個 function,和前面提到的幾種 hook 一樣,只是在客製化 hook......

在 Mac 或 iPhone 使用 GarageBand 錄製 Podcast

為什麼有這篇文章? 本站一直以來都是以資訊相關技術為主,不過最近自己開始設計 Podcast 平台以及錄製 Podcast 之後,決定來一篇入門的文章!目前暫時以 Mac 以及 iPhone 為主,如果 Windows 跟 Andro......

React Hook - useContext

useContext 的使用時機 這一篇其實不太算是入門篇章的部分,不過提到 hook 也不得不提到 useContext 。 props 傳遞方式 講到使用時機,先提一下過去 props 傳遞資料通常都要一層一層......

ReactJS入門 -ReactHook: useEffect 與 useRef

上一篇我們已經介紹過了 useState 這個 Hook,今天要介紹的是 useEffect 與 useRef 這兩個 hook。 useRef 因為下面會用到這個,所以先介紹 useRef。前面介紹的 useState 在改變時會觸發畫面重......

ReactJS入門 - ReactHook: useState

ReactHook是什麼? 在早期版本的 React 當中,如果想讓元件擁有 state 只能使用 classComponent ,而 ReactHook的出現使得 functionalComponent 也可以具有 state 的特性。 依據目前寫文章之時......