react-native-render-html

v6.3.4

The hackable, full-featured Open Source HTML rendering solution for React Native. For more information about how to use this package see README

Latest version published 3 years ago

License: BSD-2-Clause

NPM

GitHub

Package Health Score

69 / 100

security
No known security issues
popularity
Influential project
maintenance
Inactive
community
Sustainable

Explore Similar Packages

Security

No known security issues

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

Security and license risk for significant versions

All Versions

Version				Vulnerabilities	License Risk
6.3.4	\|	01/2022	Popular	0 C 0 H 0 M 0 L	0 H 0 M 0 L
6.2.0	\|	10/2021		0 C 0 H 0 M 0 L	0 H 0 M 0 L
5.1.1	\|	06/2021		0 C 0 H 0 M 0 L	0 H 0 M 0 L
4.2.5	\|	12/2020		0 C 0 H 0 M 0 L	0 H 0 M 0 L
4.1.2	\|	03/2019		0 C 0 H 0 M 0 L	0 H 0 M 0 L

License

BSD-2-Clause

Security Policy

Is your project affected by vulnerabilities?

Scan your projects for vulnerabilities. Fix quickly with automated fixes. Get started with Snyk for free.

Get started free

Popularity

Influential project

Weekly Downloads (174,578)

GitHub Stars: 3.5K
Forks: 591
Contributors: 50

Direct Usage Popularity

The npm package react-native-render-html receives a total of 174,578 downloads a week. As such, we scored react-native-render-html popularity level to be Influential project.

Based on project statistics from the GitHub repository for the npm package react-native-render-html, we found that it has been starred 3,500 times.

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

Community

Sustainable

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

With more than 10 contributors for the react-native-render-html 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 react-native-render-html is missing a Code of Conduct.

Embed Package Health Score Badge

Maintenance

Inactive

Commit Frequency

Open Issues: 59
Open PR: 2
Last Release: 3 years ago
Last Commit: 3 months ago

Further analysis of the maintenance status of react-native-render-html based on released npm versions cadence, the repository activity, and other data points determined that its maintenance is Inactive.

An important project maintenance signal to consider for react-native-render-html is that it hasn't seen any new versions released to npm in the past 12 months, and could be considered as a discontinued project, or that which receives low attention from its maintainers.

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.

Keep your project healthy

Check your package.json

Ensure all the packages you're using are healthy and well-maintained

Snyk Vulnerability Scanner

Get health score & security insights directly in your IDE

Package

Node.js Compatibility: not defined

Age: 8 years
Dependencies: 9 Direct
Versions: 107
Install Size: 783 kB
Dist-tags: 13
# of Files: 421
Maintainers: 3
TS Typings: Yes

react-native-render-html 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.

Not sure how to use react-native-render-html?

To help you get started, we've collected the most common ways that react-native-render-html is being used within popular public projects.

archriss / react-native-render-html / Demo / src / snippets.js View on Github

function blueCircleRenderer (htmlAttribs, children, convertedCSSStyles, passProps) {
    // This helper allows you to compose the final style of your renderers easily.
    // It will return a style object based on :
    // - the default styles for this HTML tag (if any)
    // - your "htmlStyles" prop for this tag
    // - the conversion of the "style" attribute from CSS to RN
    // - your "classesStyles" prop for the classes of the rendered component
    // - any "additionalyStyles" you provide in the options object
    const style = _constructStyles({
        tagName: 'bluecircle',
        htmlAttribs,
        passProps,
        styleSet: 'VIEW',
        baseFontSize: 14
    });
    return (

View more ways to use react-native-render-html

react-native-render-html

^{Based on the original work of Thomas Beverley, props to him.}

An iOS/Android pure javascript react-native component that renders your HTML into 100% native views.

🗃️ Releases

The Foundry (v6) release is finally stable, and is now-on the recommended version. Check out the announcement blog post in our brand new website. We also have a migration guide for those who are coming from v5 and below.

> ⚠️ You are on the master branch which is home for the latest development. > Check the table bellow to get documentation for your exact > version.

Minor	Branch	Documentation
next	master	-
6.3	release/6.3	Official Website
5.1	release/5.1	release/5.1/README.md
4.2	release/4.2	release/4.2/README.md

💻 Install

npm install react-native-render-html

yarn add react-native-render-html

🚤 Basic Usage

import React from 'react';
import { useWindowDimensions } from 'react-native';
import RenderHtml from 'react-native-render-html';

const source = {
  html: `
<p style="text-align:center;">
  Hello World!
</p>`
};

export default function App() {
  const { width } = useWindowDimensions();
  return (
    
  );
}

📘 Documentation

See our official website and the official Discovery App.

📱 Example

You like to learn by example? We have a tutorial from which the demo GIF has been extracted: A WebView-free Blog App with React Native Render HTML.

📓 Changelog

The changelog is available here: packages/render-html/CHANGELOG.md.

💡 Help

Please refer to our dedicated document.

👥 Community

You're always welcome to join our discord channel 😃.

📝 Contributing

Check-out our contributing guide.

You can report bugs in our Issue Tracker;
We handle Feature Requests in our Canny board.

💙 Sponsorship

Want to support this project or hire us to implement a feature? Check out this page.

⚖️ License

The source code is licensed under BSD 2-Clause "Simplified" License.

react-native-render-html dependencies

@jsamr/counter-style @jsamr/react-native-li @native-html/transient-render-engine @types/ramda @types/urijs prop-types ramda stringify-entities urijs

FAQs

What is react-native-render-html?

The hackable, full-featured Open Source HTML rendering solution for React Native. Visit Snyk Advisor to see a full health score report for react-native-render-html, including popularity, security, maintenance & community analysis.

Is react-native-render-html popular?

The npm package react-native-render-html receives a total of 174,578 weekly downloads. As such, react-native-render-html popularity was classified as an influential project. Visit the popularity section on Snyk Advisor to see the full health analysis.

Is react-native-render-html well maintained?

We found indications that react-native-render-html is an Inactive project. See the full package health analysis to learn more about the package maintenance status.

Is react-native-render-html safe to use?

The npm package react-native-render-html was scanned for known vulnerabilities and missing license, and no issues were found. Thus the package was deemed as safe to use. See the full health analysis review.

Last updated on 21 December-2024, at 01:56 (UTC).

Build a secure application checklist

Select a recommended open source package

Minimize your risk by selecting secure & well maintained open source packages

DONE

Scan your app for vulnerabilities

Scan your application to find vulnerabilities in your: source code, open source dependencies, containers and configuration files

SCAN NOW

Fix identified vulnerabilities

Easily fix your code by leveraging automatically generated PRs

AUTO FIX

Monitor for new issues

New vulnerabilities are discovered every day. Get notified if your application is affected

MONITOR APP

Package Health Score

Explore Similar Packages

Security and license risk for significant versions

Is your project affected by vulnerabilities?

Weekly Downloads (174,578)

Direct Usage Popularity

Embed Package Health Score Badge

Commit Frequency

Keep your project healthy

Check your package.json

Snyk Vulnerability Scanner

Not sure how to use react-native-render-html?

react-native-render-html

🗃️ Releases

💻 Install

🚤 Basic Usage

📘 Documentation

📱 Example

📓 Changelog

💡 Help

👥 Community

📝 Contributing

💙 Sponsorship

⚖️ License

react-native-render-html dependencies

react-native-render-html development dependencies

FAQs

What is react-native-render-html?

Is react-native-render-html popular?

Is react-native-render-html well maintained?

Is react-native-render-html safe to use?

Build a secure application checklist

Select a recommended open source package

Scan your app for vulnerabilities

Source Code

Open Source

Container

Config

Fix identified vulnerabilities

Monitor for new issues