Coding Hot Pot

原本以為只有class component的寫法，但在看技術文章的時候發現還有一種寫法是functional component，有了react hook之後，好像functional component就變成主流了（嗎）？

想必我們都曾經遇過一種情境，兩個component功能幾乎一模一樣，只是差在輸入的資料不同而已，那麼這時候就是HOC登場的時候了，HOC為一個可以傳入component當參數的function，其目的在於可以將重複的邏輯抽離出來，讓傳入的component可以套用這個邏輯，並且輸…

今天要來介紹在React裡面有哪幾種撰寫css的方式

React的event都是camelCase駝峰式命名， 跟以往的HTML小寫命名不同，並且事件一定要用大括號括起來

什麼是生命週期？就像人有生老病死，component也有類似這樣的概念，了解生命週期可以讓我們知道如何在「對」的時間做「對」的事。

state 為自身component 存放資料的地方，管理內部狀態，格式為一個物件，以class component來說，在建立自身的component state之前記得在constructor要先呼叫super()，不然會取不到this

React利用JSX語法來開發，類似XML的寫法，可以將UI介面跟程式邏輯跟緊密的結合（在html中使用JavaScript語法），一般的瀏覽器是看不懂JSX的，就需要babel來轉化成一般的JavaScript，如果經過babel編譯就會發現JSX被轉為React.create…

Component的概念就很像一塊塊積木，可以拼湊組成城堡或是飛船之類的，Component裡頭會回傳React…

會特別寫這篇的原因是以前學習框架的時候只學語法而不懂原理，如果被問到使用框架有什麼好處可能也回答不太出來，由於React是透過Virtual DOM來提升網頁渲染的效率，所以今天要來探討Virtual DOM的運作原理

打開求職網站發現不少公司都是要求會前端三大框架，不知不覺已經成為標準配備了，好多公司都用 React ，不愧是前端框架市佔率最高的！假設學會了 React，對於找工作這件事應該是有一點點幫助的。