# reviews-components > ## Overview This is an Angular components library by [Alexander Sergan](https://github.com/AlexanderSergan). All of this components are preferable to be stateless or 'dumb' and can be installed in any project with NPM. Latest version **0.1.42** (published 2019-05-01) · MIT license · 0 weekly downloads ## Install ```sh npm install reviews-components pnpm add reviews-components yarn add reviews-components bun add reviews-components ``` ## Health **Score 30/100 (F)** — status: abandoned. Positive: has types; esm support; no vulnerabilities; high quality score. Warnings: low downloads; pre 1.0. Negative: abandoned; low maintenance score. ## Facts | | | |---|---| | Version | 0.1.42 | | Published | 2019-05-01 | | First published | 2019-01-22 | | Weekly downloads | 0 | | License | MIT | | TypeScript types | bundled | | Module format | ESM + CommonJS | | Dependencies | 40 | | Unpacked size | 354.3 KB | | Known vulnerabilities | 0 (+22 in 4 direct dependencies) | | Install scripts | no | | Maintainers | koreshokveterok | ## Links - npm: https://www.npmjs.com/package/reviews-components - npm.io page: https://npm.io/package/reviews-components ## Dependencies (40) - [rxjs](https://npm.io/package/rxjs.md) ^6.3.3 - [uuid](https://npm.io/package/uuid.md) ^3.3.2 - [ngx-md](https://npm.io/package/ngx-md.md) ^7.0.0 - [core-js](https://npm.io/package/core-js.md) ^2.5.4 - [zone.js](https://npm.io/package/zone.js.md) ^0.8.26 - [hammerjs](https://npm.io/package/hammerjs.md) ^2.0.8 - [bootstrap](https://npm.io/package/bootstrap.md) ^4.1.3 - [@ngrx/store](https://npm.io/package/@ngrx/store.md) ^7.0.0 - [@angular/cdk](https://npm.io/package/@angular/cdk.md) ^7.0.2 - [@ngrx/entity](https://npm.io/package/@ngrx/entity.md) ^7.0.0 - [ngx-markdown](https://npm.io/package/ngx-markdown.md) ^7.1.2 - [@angular/core](https://npm.io/package/@angular/core.md) ^7.0.3 - [@angular/http](https://npm.io/package/@angular/http.md) ^7.0.3 - [@ngrx/effects](https://npm.io/package/@ngrx/effects.md) ^7.0.0 - [time-ago-pipe](https://npm.io/package/time-ago-pipe.md) ^1.3.2 - [@angular/forms](https://npm.io/package/@angular/forms.md) ^7.0.3 - [browser-detect](https://npm.io/package/browser-detect.md) ^0.2.28 - [@angular/common](https://npm.io/package/@angular/common.md) ^7.0.3 - [@angular/router](https://npm.io/package/@angular/router.md) ^7.0.3 - [@angular/compiler](https://npm.io/package/@angular/compiler.md) ^7.0.3 - [@angular/material](https://npm.io/package/@angular/material.md) ^7.0.2 - [web-animations-js](https://npm.io/package/web-animations-js.md) ^2.2.5 - [@200kph/moar-types](https://npm.io/package/@200kph/moar-types.md) 0.0.90 - [@ngrx/router-store](https://npm.io/package/@ngrx/router-store.md) ^7.0.0-beta.0 - [ngx-cookie-service](https://npm.io/package/ngx-cookie-service.md) ^2.0.2 - [@angular/animations](https://npm.io/package/@angular/animations.md) ^7.0.3 - [@ngx-translate/core](https://npm.io/package/@ngx-translate/core.md) ^11.0.0 - [@ngrx/store-devtools](https://npm.io/package/@ngrx/store-devtools.md) ^7.0.0 - [@swimlane/ngx-charts](https://npm.io/package/@swimlane/ngx-charts.md) ^10.0.0 - [angularx-social-login](https://npm.io/package/angularx-social-login.md) ^1.2.5 - [material-design-icons](https://npm.io/package/material-design-icons.md) ^3.0.1 - [@angular/platform-browser](https://npm.io/package/@angular/platform-browser.md) ^7.0.3 - [@ngx-translate/http-loader](https://npm.io/package/@ngx-translate/http-loader.md) ^4.0.0 - [@ngx-lite/input-star-rating](https://npm.io/package/@ngx-lite/input-star-rating.md) ^0.2.5 - [@fortawesome/fontawesome-free](https://npm.io/package/@fortawesome/fontawesome-free.md) ^5.5.0 - [@fortawesome/angular-fontawesome](https://npm.io/package/@fortawesome/angular-fontawesome.md) ^0.3.0 - [@angular/platform-browser-dynamic](https://npm.io/package/@angular/platform-browser-dynamic.md) ^7.0.3 - [@fortawesome/fontawesome-svg-core](https://npm.io/package/@fortawesome/fontawesome-svg-core.md) ^1.2.8 - [@fortawesome/free-solid-svg-icons](https://npm.io/package/@fortawesome/free-solid-svg-icons.md) ^5.5.0 - [@fortawesome/free-brands-svg-icons](https://npm.io/package/@fortawesome/free-brands-svg-icons.md) ^5.5.0 ## Recent versions - 0.1.42 (latest) — 2019-05-01 - 0.1.41 — 2019-04-03 - 0.1.40 — 2019-04-03 - 0.1.39 — 2019-04-03 - 0.1.38 — 2019-04-03 - 0.1.37 — 2019-04-03 - 0.1.36 — 2019-04-03 - 0.1.35 — 2019-03-29 - 0.1.34 — 2019-03-29 - 0.1.33 — 2019-03-27 - 0.1.32 — 2019-03-27 - 0.1.31 — 2019-03-26 - 0.1.30 — 2019-03-12 - 0.1.29 — 2019-03-07 - 0.1.28 — 2019-03-06 - … 23 more at https://npm.io/package/reviews-components/versions ## README # MoarReviews UI components lib ## Overview This is an Angular components library by [Alexander Sergan](https://github.com/AlexanderSergan). All of this components are preferable to be stateless or 'dumb' and can be installed in any project with NPM. ## Table of Content * [Getting Started](#getting-started) * [Useful Commands](#useful-commands) * [Generating page](#generate-a-demo-page-for-component) * [Generating UI component](#generate-a-component) * [Generage a component with own module](#generate-a-component-inside-specific-module) * [Stack](#stack) ## Getting started ```bash git clone git@github.com:200kph/reviews-components.git cd reviews-components npm install npm start ``` ## Useful Commands * `ng build components --watch` - builds components library with watcher * `ng serve` - serves demo applicaton on port 4200 (visit http://localhost:4200) ## Generate a demo page for component After you'll run a command: ```bash npm run generate:page myNewPage ``` you will be promted about name of page you want to generate: ![img](https://user-images.githubusercontent.com/6415224/51439651-f9682d80-1cc5-11e9-883a-a09b7bc9d8e1.png) Command like `pages/myNewComponentPage` will create components' folder and files in `src/app/pages/` folder. Voilà! ## Generate a component Suppose, you need to add new visual component `my-new-shiny` to library, just use one simple command: ```bash npm run generate:component myNewShiny # (which equals) #ng generate component components/myNewShiny --project=components --styleExt=scss ``` It will generate `my-new-shiny` component files in it's own folder in the `projects/components/src/lib/componens/` folder: ![image](https://user-images.githubusercontent.com/6415224/50477195-ebc7cc80-09d3-11e9-814c-f147de8a0399.png) ## Generate a component inside specific module For example, components referred to Mesenger feature are grouped inside a special `Messenger` module so they can be imported and lazy-loaded only where you need. ```bash # generate a module ng g module messenger --project=components --styleExt=scss # a component inside this module ng g component messenger/clientCard --project=components --styleExt=scss --export=true --module=messenger ``` #### Theming * [Blog post](https://medium.com/@tomastrajan/the-complete-guide-to-angular-material-themes-4d165a9d24d1) * [Presentation (Slides)](http://slides.com/tomastrajan/angular-material-themes-guide#/) * [Live coding Video Tutorial](https://www.youtube.com/watch?v=PsgZjFTAleI) * [Meetup Presentation & Live coding Video](https://www.youtube.com/watch?v=7auj9RfCNrE) ## Features ## Stack * Angular * Angular Material * Bootstrap 4 (only reset, utils and grids) --- _Source: https://npm.io/package/reviews-components · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._