{"id":26391,"library":"simple-components-react","title":"simple-components-react","description":"A React component library inspired by Element UI (Vue), providing basic to advanced UI components. Current version is 1.0.22, with no recent updates (likely abandoned). It depends on React 16.8.6+ and lodash. The library includes components like Checkbox, Button, Switch, Timeline, and more. It is not actively maintained and lacks documentation beyond the README. Alternatives: Material-UI, Ant Design.","status":"abandoned","version":"1.0.22","language":"javascript","source_language":"en","source_url":"ssh://git@github.com/tranlehaiquan/simple-component","tags":["javascript"],"install":[{"cmd":"npm install simple-components-react","lang":"bash","label":"npm"},{"cmd":"yarn add simple-components-react","lang":"bash","label":"yarn"},{"cmd":"pnpm add simple-components-react","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"peer dependency for React components","package":"react","optional":false},{"reason":"peer dependency for utility functions","package":"lodash","optional":false},{"reason":"peer dependency for rendering","package":"react-dom","optional":false}],"imports":[{"note":"Named export from main package.","wrong":"import Button from 'simple-components-react/Button'","symbol":"Button","correct":"import { Button } from 'simple-components-react'"},{"note":"ESM import preferred; CJS require works but not common.","wrong":"const Checkbox = require('simple-components-react').Checkbox","symbol":"Checkbox","correct":"import { Checkbox } from 'simple-components-react'"},{"note":"Named export; no default export.","symbol":"Switch","correct":"import { Switch } from 'simple-components-react'"}],"quickstart":{"code":"import React from 'react';\nimport { Button, Checkbox, Switch } from 'simple-components-react';\n\nfunction App() {\n  return (\n    <div>\n      <Button>Click me</Button>\n      <Checkbox label=\"Option\" />\n      <Switch defaultChecked />\n    </div>\n  );\n}\n\nexport default App;","lang":"javascript","description":"Shows how to import and use three components (Button, Checkbox, Switch) in a React app."},"warnings":[{"fix":"Consider migrating to a maintained library like Ant Design or Material-UI.","message":"Project is abandoned; no updates since 2019. Use at your own risk.","severity":"deprecated","affected_versions":"all"},{"fix":"Use `onChange` instead of `change` for event props.","message":"Event handler props must be prefixed with 'on' (e.g., onClick, onChange) as per the library's convention.","severity":"gotcha","affected_versions":"all"},{"fix":"Run 'npm install lodash' in your project.","message":"Lodash is a peer dependency; must be installed separately.","severity":"gotcha","affected_versions":"all"}],"env_vars":null,"last_verified":"2026-05-01T00:00:00.000Z","next_check":"2026-07-30T00:00:00.000Z","problems":[{"fix":"Run 'npm install simple-components-react'.","cause":"Package not installed or not in node_modules.","error":"Module not found: Can't resolve 'simple-components-react'"},{"fix":"Use 'import { Button } from 'simple-components-react'' correctly.","cause":"Using incorrect import syntax or older version.","error":"Attempted import error: 'Button' is not exported from 'simple-components-react'"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}