PkgFoundry
Catalog npm
Back to packageRELEASE DETAILS

0.1.2

npm

13th-ithelp_custom-react-ui-components

## Installation

componentcomponentsfrontendreactreact-componentui
Published25 Aug 2022
Direct dependencies35
Transitive dependenciesNot calculated

README

Current package documentation

哎呀！不小心刻了一套 React UI 元件庫 : 從無到有輕鬆上手（iThome鐵人賽系列書）

Installation

npm

npm i 13th-ithelp_custom-react-ui-components

yarn

yarn add 13th-ithelp_custom-react-ui-components

Usage

import { Button } from '13th-ithelp_custom-react-ui-components';

function App() {
  return (
    <div className="App">
      <Button>Submit</Button>
    </div>
  );
}

export default App;

Storybook

https://timingjl.github.io/13th-ithelp_custom-react-ui-components/?path=/story/welcome-introduction--page

2021 iThome 鐵人賽 - 鐵人檔案

2021 iThome 鐵人賽，Modern Web 組佳作網路系列文章 ──《30 天擁有一套自己手刻的 React UI 元件庫》

https://ithelp.ithome.com.tw/users/20111490/ironman/3999

購書連結

電子書：

博客來、讀墨 (Readmoo)、Pubu、Kobo樂天、Googleplay、凌網 (Hyread)、UDN (聯合線上)、讀冊生活、台灣漫讀 (Bookwalker)、mybook

Downloads & popularity

Awaiting observations

No metric observations yet

Download counts and popularity will appear here as the collector receives them.

Declared dependencies 35

Native requirements
35 direct targetsNot calculated transitive count
Package / targetRequirementRelationship
@material-ui/core
Environment
{
  "local_name": "@material-ui/core",
  "alias": false,
  "peer_metadata": null
}
^4.12.3runtime
@material-ui/icons
Environment
{
  "local_name": "@material-ui/icons",
  "alias": false,
  "peer_metadata": null
}
^4.11.2runtime
@material-ui/lab
Environment
{
  "local_name": "@material-ui/lab",
  "alias": false,
  "peer_metadata": null
}
^4.0.0-alpha.60runtime
@testing-library/jest-dom
Environment
{
  "local_name": "@testing-library/jest-dom",
  "alias": false,
  "peer_metadata": null
}
^5.11.4runtime
@testing-library/react
Environment
{
  "local_name": "@testing-library/react",
  "alias": false,
  "peer_metadata": null
}
^11.1.0runtime
@testing-library/user-event
Environment
{
  "local_name": "@testing-library/user-event",
  "alias": false,
  "peer_metadata": null
}
^12.1.10runtime
antd
Environment
{
  "local_name": "antd",
  "alias": false,
  "peer_metadata": null
}
^4.16.10runtime
clsx
Environment
{
  "local_name": "clsx",
  "alias": false,
  "peer_metadata": null
}
^1.1.1runtime
prop-types
Environment
{
  "local_name": "prop-types",
  "alias": false,
  "peer_metadata": null
}
^15.7.2runtime
react
Environment
{
  "local_name": "react",
  "alias": false,
  "peer_metadata": null
}
^18.2.0runtime
react-dom
Environment
{
  "local_name": "react-dom",
  "alias": false,
  "peer_metadata": null
}
^18.2.0runtime
react-router-dom
Environment
{
  "local_name": "react-router-dom",
  "alias": false,
  "peer_metadata": null
}
^5.3.0runtime
react-scripts
Environment
{
  "local_name": "react-scripts",
  "alias": false,
  "peer_metadata": null
}
4.0.3runtime
react-transition-group
Environment
{
  "local_name": "react-transition-group",
  "alias": false,
  "peer_metadata": null
}
^4.4.2runtime
rxjs
Environment
{
  "local_name": "rxjs",
  "alias": false,
  "peer_metadata": null
}
^7.3.0runtime
styled-components
Environment
{
  "local_name": "styled-components",
  "alias": false,
  "peer_metadata": null
}
^5.3.0runtime
web-vitals
Environment
{
  "local_name": "web-vitals",
  "alias": false,
  "peer_metadata": null
}
^1.0.1runtime
@babel/cli
Environment
{
  "local_name": "@babel/cli",
  "alias": false,
  "peer_metadata": null
}
^7.18.10development
@babel/preset-env
Environment
{
  "local_name": "@babel/preset-env",
  "alias": false,
  "peer_metadata": null
}
^7.18.10development
@babel/preset-react
Environment
{
  "local_name": "@babel/preset-react",
  "alias": false,
  "peer_metadata": null
}
^7.18.6development
@storybook/addon-actions
Environment
{
  "local_name": "@storybook/addon-actions",
  "alias": false,
  "peer_metadata": null
}
^6.3.7development
@storybook/addon-essentials
Environment
{
  "local_name": "@storybook/addon-essentials",
  "alias": false,
  "peer_metadata": null
}
^6.3.7development
@storybook/addon-links
Environment
{
  "local_name": "@storybook/addon-links",
  "alias": false,
  "peer_metadata": null
}
^6.3.7development
@storybook/node-logger
Environment
{
  "local_name": "@storybook/node-logger",
  "alias": false,
  "peer_metadata": null
}
^6.3.7development
@storybook/preset-create-react-app
Environment
{
  "local_name": "@storybook/preset-create-react-app",
  "alias": false,
  "peer_metadata": null
}
^3.2.0development
@storybook/react
Environment
{
  "local_name": "@storybook/react",
  "alias": false,
  "peer_metadata": null
}
^6.3.7development
chromatic
Environment
{
  "local_name": "chromatic",
  "alias": false,
  "peer_metadata": null
}
^5.9.2development
cross-env
Environment
{
  "local_name": "cross-env",
  "alias": false,
  "peer_metadata": null
}
^7.0.3development
eslint
Environment
{
  "local_name": "eslint",
  "alias": false,
  "peer_metadata": null
}
^7.32.0development
eslint-config-airbnb
Environment
{
  "local_name": "eslint-config-airbnb",
  "alias": false,
  "peer_metadata": null
}
^18.2.1development
eslint-plugin-import
Environment
{
  "local_name": "eslint-plugin-import",
  "alias": false,
  "peer_metadata": null
}
^2.24.2development
eslint-plugin-jsx-a11y
Environment
{
  "local_name": "eslint-plugin-jsx-a11y",
  "alias": false,
  "peer_metadata": null
}
^6.4.1development
eslint-plugin-react
Environment
{
  "local_name": "eslint-plugin-react",
  "alias": false,
  "peer_metadata": null
}
^7.25.1development
eslint-plugin-react-hooks
Environment
{
  "local_name": "eslint-plugin-react-hooks",
  "alias": false,
  "peer_metadata": null
}
^4.2.0development
gh-pages
Environment
{
  "local_name": "gh-pages",
  "alias": false,
  "peer_metadata": null
}
^3.2.3development

Distribution files

1 collected
Distribution 1

Source distribution

Source file
Checksums from source
{
  "integrity": "sha512-4RU/UmTfsFbRlDSDxAueQJAHsPxHNZz6r3WntUwYjUW8l9NEuWrxjvia8L5RKW8o50CEaLNOGU2qMln/2ViQ/A==",
  "shasum": "dbf81a64231079bfaaebdfc77bc34620e88e32df",
  "tarball": "https://registry.npmjs.org/13th-ithelp_custom-react-ui-components/-/13th-ithelp_custom-react-ui-components-0.1.2.tgz",
  "fileCount": 2,
  "unpackedSize": 3367,
  "signatures": [
    {
      "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
      "sig": "MEUCIQCgX6Rchw3zLhukug52+jxtTOOqVF3RNwnscW/L5ndh3wIgKBgSboC1EfKPTomL5uhx3V4B2PffksRjQA7BMP1RmfY="
    }
  ],
  "npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBt0rACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmplcg//Tr1/e/dyrv8qvaF1dPfjg1tX5C0pBTiAek+crGinsxk1r0K1\r\nzHX2hFuRSyrzkmnoLboJ9WagLl82Ulksu8ERjoQ0STvVakdcmAaMBSeIAWZX\r\nKL64wgG7CsNb4sixqxsQeb0inKUgYx21k6qvWXK2I1pKeI3nKWng4S0m8Gty\r\nnRe+u6sZy21y8y62gy0dl77+6ENT5dvwhTHoY8/zsAAmrAjAIE/K2Vc0LgGn\r\ntnJYGBVKmWEax0K+q9dg2eCaY44Yg/6DVPI1VwQRfnPJnEH4gRIcb5NFY2dg\r\nmwKh8VPv7EiEAUMobTG3J0OK2C3E5wvZQ8r4jYukqMqBTW/SuStCJI8aaCNu\r\nj9u0TxwRFoK50dO8kH74ErXW1t8waZg+/77jkOL836bRrGL9oQcX8DvQ6Rkj\r\nKvUUC39CGUAm7g1H1zqo2vUeVa0UGn3nyuDB695MVra2TjZEhB0zsHKrwDPZ\r\n+ZO4yC7jwgGo+2i553Tyl9uVZkKOSpsM0rORQ9Wds+/isRy1W6FW/z5R1i9H\r\nv5H2PXHZNbvqRUGZdlGNwdVFErWuHwcHd4F3vZF4lBlETJrPdU3rFClCGYL7\r\nZHQxAvxAg+A5pIuZ/XY3a9iTG5bUECsZyx9Rkt1cx4FmZ5GGmAfg97yS8wer\r\nOdP3M43MBzpu2Kk7Ar58wx93qChXBVgNYBA=\r\n=AXuD\r\n-----END PGP SIGNATURE-----\r\n"
}

Metadata history

Meaningful changes
Current collected state Current

Observed since 20 Oct, 18:14 UTC

No superseded metadata states collected. Unchanged observations do not create new revisions.

Record identity

package_version:61685fd24dea610e7672ca6ea11d4ae9b5052ca733a3259f44f5abe38fc11234

Other collected versions

0.1.512 Jan0.1.425 Sept0.1.325 Sept0.1.124 Aug0.1.024 AugView all collected versions →