Hogan |軟體工程師隨筆
18
位追蹤者
追蹤
文章轉移至:https://hogantechs.com/ ,成大電機畢業,現職外商產品工程師,我的工作內容 與全端軟體開發和手機app開發相關。主要分享一些程式碼、軟體教學、經驗交流。IG : hogan.tech
Hogan|軟體工程師沙龍
17
會員
13
內容數
加入
前往沙龍
希望能透過「React框架白話文運動」系列文章,利用口語化語表以及簡單的程式碼範例,能讓讀者更明白React的各種應用。 系列文章會講述以下: 1. 了解 ES6 JavaScript 語法 2. 了解 React 的運作原理 3. 了解 React 的狀態管理 4. 使用 React Hook管理狀態並且存取資料
加入
前往沙龍
發佈內容
我的成就
由新到舊
React Props – React 白話文運動 09
React Props - React 白話文運動。這一篇則會針對 React 語法進一步做講解, 前幾篇也學會了如何建立一個 React 元件,並且學會了元件之間有父子元件的關係。這篇會介紹 React Props 的概念,包含了:React 元件宣告、React Props。
2023-12-30
2
建立React專案 – React 白話文運動 08
建立React專案-React白話文運動:前一篇文章介紹了三個名詞,分別是:Babel 是什麼?Webpack 是什麼?Npm 是什麼?這一篇則是會手把手建立 React 專案,包含:建置環境、建立 React 專案、啟動專案、如何使用 React 擴充套件。這邊也包含:官方 CRA 建置環境以及自
2023-12-14
3
Babel & Webpack & NPM – React 白話文運動 07
前言這一篇會針對三個名詞做一些解釋,這些名詞是建立 React 專案,需要會的工具,包含了:Babel 是什麼?Webpack 是什麼?Npm 是什麼?當然主要介紹的是使用這些工具的概念,但是還是有其他工具可以做選擇,例如:Npm 之於 Yarn。這一篇會針對三個名詞做一些解釋,這些名詞是建立 R
2023-12-11
7
React JSX – React 白話文運動 06
React 是開發網頁、手機前端最流行的 JavaScript 套件之一。React 由 Meta 開發,使開發人員能夠創建可重覆使用的元件來完成前端頁面。JSX 也是目前我們比較常看到的 React 寫法 ,因此接下來會介紹,JSX 是什麼?JSX 語法以及使用 JSX 建構 React 元件。
2023-12-07
6
React 運作原理 – React 白話文運動 05
React 是開發網頁、手機前端最流行的 JavaScript 套件之一。React 由 Meta 開發。React 並不是一個框架。這是因為它只負責呈現 UI 的元件。不過,React 為 Angular 和 Vue 等框架提供了另一種解決方式,使我們可以與它一起完成覆雜的前端頁面功能。
2023-12-05
5
JavaScript 高階函式 – React 白話文運動 04
這一篇會介紹非常重要的 JavaScript 函式概念 - 高階函式(Higher-order function),高階函數是將一個或多個函數作為參數,或將一個函數作為結果返回的函數。在本文中,我們將深入探討什麽是高階函數、使用高階函數的好處以及如何在實際應用中使用高階函數,函式導向是什麼?
2023-12-01
4
JavaScript Async & Await – React 白話文運動 03
歡迎來到 React 白話文運動第三篇,今天我們將深入探討 JavaScript 中的非同步操作,並介紹兩個重要的關鍵字:Async 與 Await。在這篇文章中,我們將透過實例演示非同步操作的概念,以及如何使用 Promise、Fetch、Async 和 Await 來更有效地處理非同步程式。
2023-11-23
7
JavaScript ES6 Object – React 白話文運動 02
今天會接續介紹 JS ES6 其他新穎的語法,物件解構(Object Destructuring)物件語法強化(Object Literal Enhancement)陣列解構(Array Destructuring)延展運算子(Spread Operator)。
2023-11-22
4
2023 Yahoo! Software Engineer 軟體工程師面試心得
Yahoo! 職稱為 Software Engineer ,偏向前端的軟體工程師,除了前端開發以外,也需要接觸後端開發以及專案管理。當時我從 LinkedIn 看到該職缺資訊時,請朋友內推的,也透過我朋友大致上了解這個職位是跨國團隊,日常開會也需要使用英文,並且可能有時差。
2023-11-19
7
JavaScript ES6 – React 白話文運動 01
在進入到 React 前端框架之前,幫讀者複習有關 JavaScript 的知識。此篇著重,JavaScript 的歷史、let & const & var 差異、樣板字面值( Template Literals )、箭頭函式( Arrow Function )JS ES6 一個非常重要的前置知識。
2023-11-17
5
Zustand是什麼?React前端狀態管理
Zustand是什麼?React前端狀態管理 分別講解狀態管理以及Zustand 是什麼?接續下來講解Zustand用法以及Context以及Redux的比較。
2022-09-06
7
為何大公司都使用Nx ? Monorepo工具五分鐘快速建置
為何大公司都使用Nx ? Monorepo的工具五分鐘快速建置 簡介:Nx 一個快速、有效、有相當好延展性的Monorepo工具 理念:Nx 與知名程式編輯器Visual Studio Code有著相同的設計哲學,以Nx核心來說,擁有著簡潔、不模糊、明瞭的特性。
2022-08-07
10
你真的懂Monorepo?五分鐘帶你認識前端大型架構
大型是一個有點模糊的詞彙,什麼是大型呢? 是100人以上的前端大型開發專案? 還是超過一千個頁面的大型專案?或是跨國部門的前端大型開發專案呢? 為了解決上述的問題,Monorepo前端大型架構就這樣誕生了。
2022-08-06
10
vocus 勳章
NFT
了解
如何蒐集勳章