@shoutem/ui

v4.4.1

Styleable set of components for React Native applications

NPM

README

GitHub

Website

BSD-3-Clause

Latest version published 23 days ago

    npm install @shoutem/ui

We couldn't find any similar packages Browse all packages

Package Health Score

75 / 100

Popularity
Small
Maintenance
Healthy
Security
Security review needed
Community
Sustainable

Make sure the open source you're using is safe to use

Secure my Project

Popularity

Small

Weekly Downloads (377)

Dependents: 6
GitHub Stars: 4.66K
Forks: 544
Contributors: 40

The npm package @shoutem/ui receives a total of 377 downloads a week. As such, we scored @shoutem/ui popularity level to be Small.

Based on project statistics from the GitHub repository for the npm package @shoutem/ui, we found that it has been starred 4,664 times, and that 6 other projects in the ecosystem are dependent on it.

Downloads are calculated as moving averages for a period of the last 12 months, excluding weekends and known missing data points.

Security

Security review needed

Security and license risk for significant versions

All Versions

Direct Vulnerabilities

1.0.4

2.0.18

3.0.0

4.3.0

4.4.1

Indirect Vulnerabilities

1.0.4

2.0.18

3.0.0

4.3.0

4.4.1

License Risks

1.0.4

2.0.18

3.0.0

4.3.0

4.4.1

All security vulnerabilities belong to production dependencies of direct and indirect packages.

License

BSD-3-Clause

Security Policy

We found a way for you to contribute to the project! Looks like @shoutem/ui is missing a security policy.

You can connect your project's repository to Snyk to stay up to date on security alerts and receive automatic fix pull requests.

    # Install the Snyk CLI and test your project
npm i snyk -g && snyk test @shoutem/ui

Fix it in your project with Snyk!

Maintenance

Healthy

Commit Frequency

Open Issues: 100
Open PR: 12
Last Release: 23 days ago
Last Commit: 11 days ago

Further analysis of the maintenance status of @shoutem/ui based on released npm versions cadence, the repository activity, and other data points determined that its maintenance is Healthy.

We found that @shoutem/ui demonstrates a positive version release cadence with at least one new version released in the past 3 months.

As a healthy sign for on-going project maintenance, we found that the GitHub repository had at least 1 pull request or issue interacted with by the community.

Community

Sustainable

Readme.md: Yes
Contributing.md: No
Code of Conduct: No
Contributors: 40
Funding: No

With more than 10 contributors for the @shoutem/ui repository, this is possibly a sign for a growing and inviting community.

We found a way for you to contribute to the project! Looks like @shoutem/ui is missing a Code of Conduct.

Embed Package Health Score Badge

Package

Node.js Compatibility: not defined

Age: 5 years
Dependencies: 26 Direct
Versions: 233
Install Size: 1.85 MB
Dist-tags: 2
# of Files: 244
Maintainers: 4
TS Typings: No

@shoutem/ui has more than a single and default latest tag published for the npm package. This means, there may be other tags available for this package, such as next to indicate future releases, or stable to indicate stable releases.

Shoutem UI

Shoutem UI is a set of styleable components that enables you to build beautiful React Native applications for iOS and Android. All of our components are built to be both composable and customizable. Each component has a predefined style that is compatible with the rest of the Shoutem UI, which makes it possible to build complex components that look great without the need to manually define complex styles.

Install

These instructions are valid for React Native 0.60.0 and higher. If you're running a lower version, please use v1.X.X.

$ npm install --save @shoutem/ui

We have a postinstall script which will add @shoutem/ui's native dependencies to your root package.json in order to support autolinking and pod installation.

Docs

All the documentation is available on the Developer portal.

Community

Join our community on Facebook. Also, feel free to ask a question on Stack Overflow using "shoutem" tag.

Examples

To see how Shoutem UI works, you can:

include the Examples component into your React Native app or
run Restaurants app in examples folder.

Examples component

If you are using Expo, see this project for example usage. Otherwise, follow the steps below.

Create new React Native project and locate to it:

$ react-native init HelloWorld && cd HelloWorld

Install @shoutem/ui in your project:

$ npm install --save @shoutem/ui

Now, simply copy the following to your App.js files of the React Native project:

import React, { PureComponent } from 'react';
import { Examples } from '@shoutem/ui';

export default class App extends PureComponent {
  render() {
    return (
      <Examples />
    );
  }
}

Finally, run the app!

$ react-native run-ios

To see other components, just import them from @shoutem/ui and render them.

You can also use standard React Native components in your layouts anywhere you want, but they will not inherit either the theme or the parent styles, so you will need to style them manually.

Restaurants app

Clone the Shoutem UI repository:

git clone https://github.com/shoutem/ui.git

Locate to RestaurantsApp folder:

cd ui/examples/RestaurantsApp

Install and link dependencies:

npm install
react-native link

Finally, run the app!

react-native run-ios
react-native run-android

UI Toolkit

Shoutem UI is a part of the Shoutem UI Toolkit that enables you to build professional looking React Native apps with ease.

It consists of three libraries:

@shoutem/ui: beautiful and customizable UI components
@shoutem/theme: “CSS-way” of styling entire app
@shoutem/animation: declarative way of applying ready-made animations

License

@shoutem/ui versions

Dist-Tags for @shoutem/ui

latest rc

Version	Published	Tag	Node.js Compatability	Licenses	Dependencies	Direct Vulnerabilities	Publisher
4.4.1	26 March 2021	latest	*	BSD-3-Clause	26	0 H 0 M 0 L	shoutem-manager
4.3.0	02 March 2021		*	BSD-3-Clause	26	0 H 0 M 0 L	shoutem-manager
3.0.0	11 August 2020		*	BSD-3-Clause	22	0 H 0 M 0 L	shoutem-manager
All Versions

Last updated on 18 April-2021, at 16:25 (UTC).

@shoutem/ui

Styleable set of components for React Native applications

Package Health Score

Popularity

Weekly Downloads (377)

Security

Security and license risk for significant versions

Version

Release Date

Direct Vulnerabilities

Indirect Vulnerabilities

License Risks

Maintenance

Commit Frequency

Community

Embed Package Health Score Badge

Package

Shoutem UI

Install

Docs

Community

Examples

Examples component

Restaurants app

UI Toolkit

License

@shoutem/ui versions

@shoutem/ui dependencies

What is @shoutem/ui?

Is @shoutem/ui popular?

Is @shoutem/ui safe to use?

Is @shoutem/ui well maintained?