前端這個大坑技術多到好像怎麼學也學不完,在學程前期我常常會迷失方向,不知道接下來該往哪個技術努力,後來學習了不少才總算是摸清楚前端的架構,知道我下一步該往哪裡進步。
因此這個系列會帶領讀者來場小小的前端技能之旅,基礎了解每個技術存在的意義,以及它能夠做到什麼?再延伸提供一些進階學習方向的指引,希望能夠幫助那些對前端有興趣但不知道從哪裡開始的初新手,能夠有個更好更輕鬆的學習之路。
前情提要:在上一篇網頁UI組件化 — React component,大致了解 React 最重要的核心 — Component,並且學會了在組件內控制資料...
前情提要:在前面關於 React 的幾篇文章,學會了建立 React Component,依據使用者操作在組件間處理資料。接下來就會提到如何使用 Redux,...
前情提要:在前面的文章有了Redux,狀態管理沒煩惱,學到了如何在 Redux 透過 Action 管理更新所有的 State。接下來就讓我們學習如何在 Re...
要如何在 React 中撰寫 CSS,為元素添加樣式?目前的方法有 Inline-Style、CSS Modules...,其中一個方法就是很多人使用的 Sty...
要在 React 中撰寫 CSS,為元素添加樣式,除了 Styled-components,另外還有一種方式就是 CSS Modules。之前我們提過,在寫 C...
終於差不多進入30天前端技能樹之旅的尾聲,最後就來利用系列後半部所學的 React,搭配 Redux、Styled-components 來個小試身手,實作一個...
在上一章Todolist with React (1),建立了專案環境、並且拆離 UI 設定好所有 Component 後,現在就讓我們使用套件 Styled...
在上一章Todolist with React (2),完成所有樣式設定後,現在就讓我們在 React 中加入 Redux,使用 React-redux 動態...
在上一章Todolist with React (3),使用 React-redux 完成了渲染任務清單、和任務新增刪除的動作,就讓我們繼續完成最後一個部分...
未完待續的前端之旅 在這30天我們帶到了前端技能樹上各種類型的技能,包括基本的 HTML、CSS、JS 到各種套件框架的運用,透過入門的方式讓大家了解如何使用各...