@readr-media/react-component

@readr-media/react-component ·

Feature

• @readr-media/react-component 整理了 Readr 網站/靜態專題所需之共用元件。
• 詳細使用方式可參閱各元件的 README.md。
• 注意：此套件僅支援 ES modules，需注意使用環境須為 Node.js 12 / Next.js 12 以上。

Components

• Readr LOGO: see src/logo
• 頁尾贊助按鈕: see src/donate-button
• 訂閱電子報按鈕: see src/subscribe-button
• 相關報導: see src/related-report
• Header贊助按鈕: see src/donate-btn-header-rect

How to Use This Pkg?

• Install the npm package yarn add @readr-media/react-component
• Import component in the desired place

Installation

yarn install

Development

$ yarn dev
// or
$ npm run dev
// or
$ make dev

Build (Webpack Bundles and ES5 Transpiling)

$ yarn build
// or
$ npm run build
// or
$ make build

Transpile React, ES6 Codes to ES5

$ make build-lib

NPM Publish

After executing Build scripts, we will have /lib folders, and then we can execute publish command,

npm publish

Note: before publish npm package, we need to bump the package version first.

TODOs

• 建立 CI pipeline，透過 CI 產生 npm package，並且上傳至 npm registry
• 透過 Lerna 控制 packages 之間的版號