iT邦幫忙

鐵人檔案

2018 iT 邦幫忙鐵人賽
回列表
Modern Web

初探前端之路-React-由生到死的踩地雷 系列

大家好,我Luis

目前是為新手前端工程師,前端技術瞬息萬變,有時我會用最新的技術寫最古老的問題,這種The New VS The Old 的反差感,讓我在短短幾個月踩了不少地雷,我覺得犯錯不打緊,但是不能忘記,我遇到的大多都是小問題小眉角,但是思維不跳躍一點,永遠看不到生命的出路,我會在這一個月寫我從開始到現在遇到的問題,以便記住過去的教訓,如果有大大們看到小的不成才之處,還請多多賜教

參賽天數 10 天 | 共 10 篇文章 | 11 人訂閱 訂閱系列文 RSS系列文
DAY 1

為什麼我用:hover 滑鼠放在圖片邊緣會一直閃?

前言 大家好,我大概都是直接從問題點出發,並寫記錄我的解決方式,但不一定是最好的解決方法,所以還煩請大大提點了 問題情況 我有用 hover 讓我圖片滑過鼠標時...

2017-12-10 ‧ 由 Luis-Chen 分享
DAY 2

組件間通訊 this.state this.props refs

前言 當我們初入React後,最容易遇到的問題就是組件間的通訊,算是第一大魔王拉,目前也只能跌跌撞撞慢慢找出攻略法。 目前看到寫比較完整的文章參考 state、...

2017-12-11 ‧ 由 Luis-Chen 分享
DAY 3

瀑布流(Masonry layout)卡片排版

前言 經典的排版設計,最近需要刻瀑布式卡片設計,目前還在調教中... CSS 樣式 我是用styled-components 撰寫 所以看起來有點不一樣,但是在...

2017-12-12 ‧ 由 Luis-Chen 分享
DAY 4

與APi 失聯 404 notFound 頁面跳轉製作

前言 最近測api時剛好斷線,想說這是一個好機會,就順手先加上api斷線時的頁面跳轉,下面講react-router-dom的 exact、strict的觀念r...

2017-12-13 ‧ 由 Luis-Chen 分享
DAY 5

撰寫邏輯 - You call library. Framework calls you.

前言 我偶而間看到了,一個提問,『react is library or framework?』,這句提問似乎,沒什麼特別,但仔細想想,其實也算是一個大問題。今...

2017-12-14 ‧ 由 Luis-Chen 分享
DAY 7

React-Redux-框架練習(1)

前言 我找到一篇 Redux 的初學教學,是一個外國人寫的,我順便翻寫他所做的文章,也方便我釐清觀念。 Getting started with create...

2017-12-16 ‧ 由 Luis-Chen 分享
DAY 8

React-Redux-框架練習(2)

前言 續昨天的文章: Getting started with create-react-app, Redux, React Router & Red...

2017-12-17 ‧ 由 Luis-Chen 分享
DAY 9

React-Redux 表單練習

前言 當react結合redux後,就有的觀念就大轉變,要趕快脫離段適應期,所以要不段的修煉,今天練習的是redux 表單 練習目標 程式 看來挑錯練習範例...

2017-12-18 ‧ 由 Luis-Chen 分享
DAY 10

偵測滾動事件

React 有幾種偵測Scroll 的方式,通常是用的方式寫 不過有時候你要動到邏輯問題的撰寫方式,你可能就要拆步驟寫: 基本上 是分這三大元素去修改, com...

2017-12-19 ‧ 由 Luis-Chen 分享