我想說的是：這是個原本只會 JQuery 的後端工程師學 React 的筆記並不會有甚麼高深的內容，但是可以保證會有很多垃圾話、冷笑話、鄉民哏 Oxford...
到昨天為止都著重在 JS 的部分，基本的功能已經可以完成了，但除了功能以外，網頁應用的外觀也是很重要的，所以今天就暫時把 JS 擺在一邊，看看在 React 中...
語言選定後，就是要開始找相關資源study了。 不只是語言社群、論壇的支援，課程助教、工作人員、場地、公司贊助、免費廣告投放等，也都是要去詢問的。 剛開始可能只...
嗨 大家好 我是一路爬坡的阿肥 今天開始跟著阿肥不間斷爬坡吧！ 我與設計模式的初遇 四年前有個剛畢業的菜逼八，帶著「WEB前端就是網頁設計」的認知，傻傻地進到...
昨天對 class-based component 有了初步的認識，然而除了 state ，在 hooks 出來以前 class component 還有一項...
今天與明天會來短暫介紹一下 class-based 的 component，今天將講解 class component 的基礎，也比較一下與 functiona...
昨天講解了 props 的應用，讓子元件可以接收來自父元件的資料。但是隨著應用規模的提升，透過型別檢查可以減少許多可能的錯誤。要達成這個目的，許多人會選擇 fl...
今天新增了deleteItem的方法，並在JSX中加入我們的刪除按鈕，並綁到deleteItem上。這邊用到官方文檔給出的一個方法，可以同時間事件跟參數綁到監聽...
這兩天會開始做一點小東西，做個react的總結，為了實作上的方便性，可能會用上前幾個文章沒講到的語法但不會都詳細說明，我會簡單的說一下功能，有興趣的再麻煩去看看...
昨天介紹了可以在 component 中使用的 state，然而 React 一般建議能夠用越少 state 越好，因為 state 的改變是非同步的，stat...
今天終於要介紹 React hooks 中的第一個hook 了 - useState，Start! 建立自己的 component 在講解 state 概念與...
第四天將接著昨日的內容繼續！ 第一次接觸React的朋友們可能心裡會os: "X! 這到底是甚麼語法，又像JS但又有HTML包在裡面。"別擔...
昨天介紹了 React 的特色與元件化開發的特色，也使用 create-react-app 建構了我們的第一個 React 程式專案，今天將延續昨日 CRA 建...
props 當父元件想要傳參數給子元件，子元件想要從父元件那邊得到資料時，我們就會用到props這個東西了~用法十分簡單，首先，我們新增一個檔案src/...
今天最一開始，我們要在我們的主元件中，去加入一個子元件( sub-components )。 Sub-component 首先，我們新增src/comp...
因為gatsby是基於React，所以在使用上需要會一些React語法，而且了解React也可以讓自己開發起來更有彈性一點(畢竟它都提供了!不用就浪費了，蠻合理...
這是 React 從 0 到 1 系列的第二篇，今天廢話不多說，直接進入正題。今天將簡單介紹 React.js 的基礎概念，最後建立我們第一個 React 的程...
※取自《大話西遊之仙履奇緣》劇照 這故事要從20年前說起。(現在流行網路上的圖原封不動地抄襲拿來用，若有不小心盜圖侵權，請務必來信告知，本人馬上把圖片下架，關閉...
Hi！大家好，我是神 Q 超人，很開心又過了一年了（咦？ 自從去年鐵人賽毅然決然退隱修煉後，一直在等著的就是這個機會 XD ，希望能夠記取去年到後半段不知道在寫...
簡介 使用node.js後，重新啟用一個Project後，環境往往需要重新建置，即使複製舊有專案，也需要花一些時間進行修改。因此小弟我整理了幾個比較常用的框架製...
Responsibilities: Quick prototyping web content including working with DESIGN T...
LifeCycle ReasonReact 也有類似 ReactJS 的生命週期 didMount: self => unit willRecei...
Rendering items 希望有一個區塊 Component 來顯示輸入的 items type item = { title: string,...
Demo type item = { title: string, completed: bool }; type state = {items: l...
Step 2: Rendering itemsThe TodoItem componentWe're going to want to have a compo...
前情提要 今天我們要來實作記憶方塊的主畫面區塊，在昨天的努力之下，我們已經把區塊都規劃好了，接下來就是要把我們的方塊畫上去。 由於前兩個遊戲 Tic-Tac-T...
Action 昨天進度到了完成了一個 Reducer 但是我們知道要修改 Reducer 只能夠透過 Action 而在 ReasonReact 如何描述一個...
繪製頁面草稿 按照慣例，我們先來畫一下我們整個遊戲畫面呈現的草稿，下面是我對整個遊戲面化的初步想像。 我把所有的元素都集中放在中間區塊，因為人的視線比起左右移動...
調整 initial 的 project 之前我們有用 bsb initial 了一個 project 但是要做一些小小的調整 先新增一個 .re TodoAp...
昨天 Day21 我們已經說明了我們所需要的物件以及規則，為了要實現這些功能及規則，我們要來規劃我們需要哪些參數來幫助我們實現。 跟前面一樣，我們使用 crea...
Nanami Lemon
莫力全 Kyle Mo
Ivan
Yuri Tsai
轟天旅人
神Q超人
TomasLin
Taiming
iThome鐵人賽
看影片追技術