DAY4 萬物歸一 - Component 範例程式碼:https://github.com/max80713/react-30-days 有任何問題都可以在...
DAY3 無痛開發SPA - create-react-app 範例程式碼:https://github.com/max80713/react-30-days...
DAY2 進擊の JavaScript - JSX 範例程式碼:https://github.com/max80713/react-30-days 有任何問題...
DAY1 React 初體驗 範例程式碼:https://github.com/max80713/react-30-days 有任何問題都可以在 Youtub...
【前言】 咳咳,我是Hyora,一個剛滿四個月、天天都很厭世、擔心什麼時候會被火掉的超廢前端工程師。雖是本科系出身,但大學程式課程要不是低空飛過,不然就是能逃...
DAY0 內容大綱與環境準備 有任何問題都可以在 Youtube 影片或是 iT 邦幫忙文章下方留言,我會盡我所知所能回覆:)
[團隊簡介] 前端團隊成員目前7人, 需補足8人。團隊採敏捷開發流程。 公司未來將發展跨境電商, 包括中國大陸, 東南亞, 日本, 韓國是我們的合作目標。 ht...
激戰 ReactJS 30天這30天內每天都有新的挑戰和學習回顧起來真的覺得很充實能夠從看個網站說明英文查老半天到後來對關鍵字和一些程式碼產生敏銳度可以順順的看...
前一日碰到的問題查看了幾次程式碼也到網路上去找找有沒有類似狀況最後沒有重新渲染的最根本原因是改變到原本的狀態資料而不是真正回傳一個新的狀態資料看到這具的時候覺得...
今天圈圈叉叉遊戲完成寫了判斷連線的函式也加了條件檢查是否點了重複的位置如果原本的位置已經有圈或叉或者是遊戲已經連線結束便不會再讓使用者填寫 // reducer...
今天本來要直接就昨天的問題解決就在那個準備要連接這些組件的時候發現一個天大的問題那就是...我還有個登入的東東阿!(( 腦中無限東東echo )) 所以一個轉舵...
現在到了開始準備加入資料流的部分先從圈圈叉叉開始設計 Actions這個遊戲有三個主要的行為第一個是根據點擊的位置按照順序放入圈和叉兩種符號這裡的重點在輪流這個...
建議事項:點選BGM開啟之後再回來這邊繼續看下去 準備好了嗎?那就開始囉 登入頁 原本白皙無瑕的畫面只有簡單的一句引言如今改為使用黑色的區塊顯示搭配 css...
今天看著這些畫面想著一個畫面長成這樣的應該沒有人會想用吧?所以是時候發出強大的光芒搖身一變的時候了但是變身往往是需要一點時間的所以今天就來講講變身的方法Reac...
看了看成就清單後發現有幾項沒有寫得很清楚所以改了一下描述然後呢就發現「挖 我這樣好像用不到表單欸」經過一番思考好吧我就來做一個好逼真好寫實好重視使用者個資的登入...
所有網頁的開始都是要先有框架才能繼續下去所以呢今天要把所有應該要看到的東西一口氣全長出來! 網頁框架&組件 首先來張腦海浮出的架構長相: 整個網頁總共有 6 個...
好的這麼多天下來每天的學習筆記說實話可以拿來說明的概念還是非常非常多一個新技術的出現帶來的不只是單一面向的突破更多的是許多配套措施或新函式庫的誕生然而本人是屬於...
在一般的 React 資料流狀況下父組件和子組件間只能透過 props 進行溝通但是在偶爾非常非常偶爾的情況下我們還是會需要在資料流以外對子組件進行變動像是觸發...
React 透過組件來實現動態載入網頁最常見的載入通常是網頁切換可是有些時候雖然切換網頁但兩個頁面上可能具有相同的東西如果能夠做到選擇那麼就能減少重新渲染的組件...
學習要為自己負責為什麼上一篇明明講完了 Redux 這裡又要再一次拿出來做呢?因為看文字看過去對他的概念和用意略懂略懂但略懂還是不會用阿!所以臨時動議再追加一篇...
前篇介紹了 Flux 的單向資料流架構模型其實網路上有很多函式庫都在提供 API 實現 Flux 模型其中有一個特別好用的今天就要來了解這個資料流的函式庫 -...
繼昨天 export 之後我們就可以來撰寫 reducer。把 NEW_MEME 加進來 import { RECEIVE_MEMES, NEW_MEME }...
經歷了前面十幾天的學習對於 React 程式的撰寫略懂略懂可是只是會寫會讓資料跑出來卻不了解裡面的資料傳遞流程這樣實在是感覺有點給他不太舒服因此這篇筆記要來認識...
Create meme items 昨天把 API 裡的 meme names 都 render 出來之後,我們今天要把圖片呈現出來。先在 component...
在 React 的世界中組件之間的關聯性(或者稱作溝通)透過繼承產生的狀態是一個方式不過還有另外一種方式可以達成這件事情也就是 Composition Comp...
Listing memes 今天第一個任務 94 呈現 memes~~~第一步驟,先進到 App.js import { connect } from 're...
在程式開發過程常常會出現一種情況一個屬性或狀態同時控制好幾個網頁元素這個時候怎麼寫就會直接影響著網頁的運行效能為了養成良好的習慣今天就來談談應該要怎麼寫會比較好...
核心的概念在前10天差不多都認識了常常我們在寫網頁程式的時候會用到一些互動事件功能接下來就要來認識在 React 中是怎麼呈現這些比較常見的功能囉~ Forms...
現在網路上有許多有趣的梗圖,今天我們不求人!就來串接 Imgflip API 取得梗圖,再透過讓使用者輸入要放在圖片上的文字,做出最客製化的梗圖~ 環境建置...
祝大家 2018新年快樂 =D雖然是值得慶祝的日子但挑戰還是依然要繼續新的一年希望能夠在最開始就達成持續30天的小成就那麼廢話不多說下面正文開始啦~~~ 當資料...