iT邦幫忙

react-router相關文章
共有 37 則文章
鐵人賽 自我挑戰組 DAY 30

技術 【DAY 30】鐵人練成!完賽心得!很累、很好玩。

「不然我也來參加這次的鐵人賽好了。」   就是上面一句無心的話就開啟我這三十天的鐵人歷程,說實在的,如果不是去年有老師分享過IT邦鐵人賽的文章,我想我應該從來不...

鐵人賽 自我挑戰組 DAY 29

技術 【DAY 29】react-router,很高興認識你!

【正文】   倒數第二篇...... 【前言】   按照以往,react-router的部分也在上一篇結束得差不多了,當然還有許多地方可以探討的,但我們就以比較...

鐵人賽 Modern Web DAY 30
一步一腳印的React旅程 系列 第 30

技術 [筆記][React]來做個作品吧!待辦事項「todolist」篇(10)-剩下兩個頁面完全不是問題,還有最後的完賽感言

終終終於來到了每天朝思暮想的第三十天了,ㄛ天吶,這一路走來真的很漫長,不過每次回頭看看都會有覺得什麼時候發那麼多篇去了!的感覺XD,在打這段話的時候我覺得還滿適...

鐵人賽 自我挑戰組 DAY 28

技術 【DAY 28】用react-loadable與react-router做code splitting吧

【前言】   第28天了....... 【正文】   雖著專案越來越大,我們要撰寫的js檔也越來越多,但最後我們都會在App.js(或是Root.js)去imp...

鐵人賽 自我挑戰組 DAY 27

技術 【DAY 27】React-router,其它很有用的組件(下)

【前言】   終於要來到倒數幾篇了!!!有沒有對於這些更熟悉了呢?希望有幫到大家! 【正文】   今天來介紹<Redirect>吧! <Red...

鐵人賽 自我挑戰組 DAY 26

技術 【DAY 26】React-router,其它很有用的組件(上)

【前言】   倒數最後五篇~~一起加油吧! 【正文】   昨天講完Link,今天來講跟Link很常用到的其他組件八吧! Switch:用來包Route與Redi...

鐵人賽 自我挑戰組 DAY 25

技術 【DAY 25】react-router三劍客,Router、Route、Link(下)

【前言】   今天一樣不多說廢話,直接進主題。 【正文】   今天來介紹Link吧! Link就是提供我們導引到其他頁面的連結,會被render成<a&g...

鐵人賽 自我挑戰組 DAY 24

技術 【DAY 24】react-router三劍客,Router、Route、Link(中)

【前言】   最近壓力大、天氣變換大,我的皮膚又開始作怪了(暈,剩下最後七篇了! 【正文】   昨天介紹四種Router標籤,今天來介紹**Route**。 R...

鐵人賽 自我挑戰組 DAY 23

技術 【DAY 23】react-router三劍客,Router、Route、Link(上)

【前言】   不怕我誤人子弟嗎QQ 【正文】   昨天我們簡單的利用react-router模擬一個SPA的網頁,今天我們就來說說Router、Route、Li...

鐵人賽 自我挑戰組 DAY 22

技術 【DAY 22】react-router,實現單頁式網站的秘密

【前言】   終於來到最後的react-router囉!再撐一下就可以把這三劍客都認識一遍了! 【正文】   我想大家應該都很常聽到什麼SPA、單頁式網站、Si...

鐵人賽 自我挑戰組 DAY 21

技術 【DAY 21】暫且休息一天,聊聊目前學習的心境。

【前言】   這篇不會有什麼新東西,只會有一堆廢話......嗚嗚嗚 【正文】   話說也踏入前端五個月了,也就代表學習react五個月,然後也意味著被reac...

鐵人賽 Modern Web DAY 21
一步一腳印的React旅程 系列 第 21

技術 [筆記][React]來做個作品吧!待辦事項「todolist」篇(1)-用React-Router做選單

Hi!各位,想不到吧,已經到了最後十篇了,感覺真不想結束呢! 才怪!明明天天都在倒數文章數量XD,雖然這一趟很累,但是還是得要對自己來個期末測驗才行!所以接下來...

鐵人賽 自我挑戰組 DAY 20

技術 【DAY 20】redux你就到這裡吧,讓我們邁向下個階段

【前言】   這篇會是redux的複習索引,下篇開始就是react-router囉! 【正文】   一開始我們先介紹了redux的概念,也強調它可以單獨使用,不...

鐵人賽 自我挑戰組 DAY 19

技術 【DAY 19】redux的那些兩三事

【前文】   廢話不多說,直接進正文。 【正文】   一般來說,以往用redux所做的action、reducer、store,在程式傳遞的時候都是同步執行的,...

鐵人賽 Modern Web DAY 20
一步一腳印的React旅程 系列 第 20

技術 [筆記][React]React網頁好朋友Router(4)-搞懂Route的component、render和children

Hi!大家好啊!想不到又重回最初的Route篇了吧!不過其實一開始也根本沒有說到他過XD,連他的小跟班match都提過了,就是沒有好好解釋過Route這個組件,...

鐵人賽 自我挑戰組 DAY 18

技術 【DAY 18】更快的撰寫action跟reducer吧!redux-actions參上

【前言】   終於先把基本的redux告一段落了......可是工作上的進度還是大延遲(嘆氣 【正文】   採用以往的方式撰寫action、reducer的確可...

鐵人賽 Modern Web DAY 19
一步一腳印的React旅程 系列 第 19

技術 [筆記][React]React網頁好朋友Router(3)-Switch和轉址王Redirect

Hi啊大家好!這幾天我一直在想該怎麼打出一篇好文章(雖然鐵人賽都過一半了XD),但這也是鐵人賽一路走來才會思考到的事情吧?在一天一篇文章持續30天的過程中,該怎...

鐵人賽 自我挑戰組 DAY 17

技術 【DAY 17】利用redux與react搭配在做出一個to do list吧!(下)

【前言】   最近工作不順到覺得很挫折、壓力也很大,我覺得Redux跟我不是好朋友了。這不是我想的這樣啊(哭,繼續加油對自己打氣吧! 【正文】   昨天把con...

鐵人賽 Modern Web DAY 18
一步一腳印的React旅程 系列 第 18

技術 [筆記][React]React網頁好朋友Router(2)-掌握match是成功的一半

Hi,大家好,昨天介紹了一些關於Router的基本用法,也解決了在實作時遇到的一些問題,不過在都已經解決掉的現在就讓我們繼續學習吧! match 在Router...

鐵人賽 自我挑戰組 DAY 16

技術 【DAY 16】利用redux與react搭配在做出一個to do list吧!(中)

【前言】   又是一個禮拜的煎熬......但還是得要繼續看redux,加油加油 【正文】   昨天把presentational component順勢寫完了...

鐵人賽 Modern Web DAY 17
一步一腳印的React旅程 系列 第 17

技術 [筆記][React]React網頁好朋友Router(1)-基本用法篇!

Hi!大家好啊!React旅程走到這裡開始覺得有點累了XD,下班放假都還是不能忘記準備文章,嗚嗚...不過和不只報名一個系列的大大們來說,還算是算小咖了,希望這...

鐵人賽 自我挑戰組 DAY 15

技術 【DAY 15】利用redux與react搭配在做出一個To do list吧!(上)

【前言】   呼~~終於進行到一半了(灑花!越來越不知道前言要寫什麼來湊字數了XD 【正文】   在這次的範例,我們要利用redux與react再次做一個to...

鐵人賽 自我挑戰組 DAY 14

技術 【DAY 14】狀態儲存在redux的Store中吧!

【前言】   前兩篇我們介紹了action和reducer,這次不多說廢話直接進到正文吧! 【正文】   前面一直強調action是描述發生什麼事的物件,red...

鐵人賽 自我挑戰組 DAY 13

技術 【DAY 13】對方聽不懂?那就讓Reducer來幫你一把吧!

【前言】   終於來到假日了,身為一個朝八晚八的厭世工程師(什麼時候會離職或被火掉我也不知道),既然挑戰了鐵人賽,那就努力的把它做完吧(笑)!昨天講到actio...

鐵人賽 自我挑戰組 DAY 12

技術 【DAY 12】利用Redux發射愛的Action吧

【前言】   最近加班都到好晚,工作上一切都好不順利(暈,每天希望自己不要扯後腿,但好像都瘋狂在扯後腿,對前輩整個很不好意思......嗚嗚嗚。但還是要得抽時間...

鐵人賽 自我挑戰組 DAY 11

技術 【DAY 11】Redux不是小三!它只是和ReactJS較契合!

【前言】   完成三分之一的鐵人賽,接下來的文章要來介紹我最害怕的東西「Redux」,為什麼我要這麼說?因為即便我知道它的Redux概念是什麼,要我直接手寫出來...

鐵人賽 自我挑戰組 DAY 10

技術 【DAY 10】這樣我們關係有比較近了嗎?ReactJS

【前言】   前幾天我們建構了一些React的一些基礎觀念,這篇會稍微整理一下內容,並提供一些其他的網站給予參考。 【正文】   剛開始我們稍微對ReactJS...

鐵人賽 自我挑戰組 DAY 9

技術 【DAY 09】利用狀態提升重新撰寫一次TodoList吧!

【前言】   前幾天我們做的練習基本上都是放在同個Component檔案下,但事實上我們會切分Component,一來可以達到Component的可覆用性、可維...

鐵人賽 自我挑戰組 DAY 8

技術 【DAY 08】React Component也有生老病死?(下)

【前言】   昨天稍微提到了React component的其中兩個生命週期componentDidMount和componentWillUnmount。今天就...

鐵人賽 自我挑戰組 DAY 7

技術 【DAY 07】React Component也有生老病死?(上)

【前言】   昨天講完Refs,會不會覺得目前React已經很煩了呢?希望你不會......XD 【正文】   今天要來聊聊React Component的生命...