作法 定義好單一元件 (template+區域樣式)，在畫面內引入元件，並根據需求再做調整如：樣板迴圈 v-for、傳資料回元件。不將資料寫在小元件內，是避免後續又有其他頁面需要用到此元件時，裡面會有...
Ngrox 前置作業，因為我們是在local進行開發，但由於drone的設定上需要一個對外的https接口，因此我們透過Ngrox將我們的https:localhost:8081向外暴露，指令如下 $...
目的 本系列文一開始有好幾篇文章都圍繞著CRUD轉，Vaadin 訂閱制提供了 CRUD component，今天要試試需要多少時間能寫完CRUD。資料使用 day23 下載的立委名單資料庫。 CRU...
Q_Q .. 也可以放 BREAKPOINTS~ XD export const BREAKPOINTS = { sm: 320, md: 576, lg: 1024 }; ex...
styled components是 React 和 React Native 開發人員構建的React css library，是一個 CSS-in-JS 樣式框架。編寫CSS像是在做Compon...
來，今天我們來聊一下怎麼幫redux在測試時添加初始化的狀態資料，借用昨天的程式，並增加store的code. // strore.js import { createStore } from 'r...
Q_Q .. 對預設建立的 component 延伸自訂樣式 import styled from "styled-components"; const Button = s...
Q_Q .. 把 props 傳入 styled-components import styled from "styled-components"; const Butto...
第 27 天 ! 昨天我們把 redux 給接入到我們的專案上， 那今天試著把 store 的 state 給導入到我們的 component 裡， 那我們要如何取得 store 的資訊呢？ 在 re...
目標 使用 Pro Components 製作圖表螢幕截圖 匯出png圖 Vaadin Charts Vaadin Charts 是 Vaadin Pro 訂閱的一部份，屬付費功能 (收費標準)，Va...