@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 之間的版號