react-native-web
Advanced tools
Comparing version 0.0.5 to 0.0.6
{ | ||
"name": "react-native-web", | ||
"version": "0.0.5", | ||
"version": "0.0.6", | ||
"description": "React Native for Web", | ||
@@ -10,23 +10,24 @@ "main": "dist/react-native-web.js", | ||
"scripts": { | ||
"prepublish": "NODE_ENV=production npm run build", | ||
"build": "rm -rf ./dist && webpack --config config/webpack.config.js --sort-assets-by --progress", | ||
"example": "cd example && webpack --config webpack.config.js", | ||
"lint": "eslint .", | ||
"specs": "NODE_ENV=test karma start config/karma.config.js", | ||
"specs:watch": "npm run specs -- --no-single-run", | ||
"start": "webpack-dev-server --config config/webpack.config.js --inline --hot --colors --quiet", | ||
"test": "npm run specs && npm run lint" | ||
"build": "rm -rf ./dist && webpack --config config/webpack.config.publish.js --sort-assets-by --progress", | ||
"dev": "webpack-dev-server --config config/webpack.config.example.js --inline --colors --quiet", | ||
"lint": "eslint config src", | ||
"prepublish": "NODE_ENV=publish npm run build", | ||
"test:specs": "NODE_ENV=test karma start config/karma.config.js", | ||
"test:specs:watch": "npm run test:specs -- --no-single-run", | ||
"test": "npm run test:specs && npm run lint" | ||
}, | ||
"dependencies": { | ||
"react": "^0.13.3", | ||
"react": ">=0.13.3", | ||
"react-swipeable": "^3.0.2", | ||
"react-tappable": "^0.6.0" | ||
"react-tappable": "^0.6.0", | ||
"react-textarea-autosize": "^2.5.2" | ||
}, | ||
"devDependencies": { | ||
"autoprefixer-core": "^5.2.1", | ||
"autoprefixer-loader": "^3.1.0", | ||
"babel-core": "^5.8.23", | ||
"babel-eslint": "^4.1.1", | ||
"babel-loader": "^5.3.2", | ||
"babel-plugin-typecheck": "^1.2.0", | ||
"babel-runtime": "^5.8.20", | ||
"css-loader": "^0.17.0", | ||
"css-loader": "^0.18.0", | ||
"eslint": "^1.3.1", | ||
@@ -47,3 +48,2 @@ "eslint-config-standard": "^4.3.1", | ||
"object-assign": "^4.0.1", | ||
"postcss-loader": "^0.4.4", | ||
"style-loader": "^0.12.3", | ||
@@ -50,0 +50,0 @@ "webpack": "^1.12.1", |
@@ -7,4 +7,7 @@ # React Native for Web | ||
The core [React Native][react-native-url] components adapted and expanded upon | ||
for the web, backed by a precomputed CSS library. ~19KB minified and gzipped. | ||
for the web, backed by a precomputed CSS library. ~21KB minified and gzipped. | ||
* [Slack: reactiflux channel #react-native-web][slack-url] | ||
* [Gitter: react-native-web][gitter-url] | ||
## Table of contents | ||
@@ -77,3 +80,3 @@ | ||
Accessible single- and multi-line text input via a keyboard. Supports features | ||
Accessible single- and multi-line text input via a keyboard. | ||
@@ -86,22 +89,19 @@ ### [`Touchable`](docs/components/Touchable.md) | ||
The fundamental UI building block: layout with flexbox, layout and positioning | ||
styles, and accessibility controls. | ||
The fundamental UI building block using flexbox for layout. | ||
## Styling | ||
React Native for Web provides a mechanism to declare all your styles and layout | ||
inline with the components that use them. The `View` component makes it easy to | ||
build common layouts with flexbox, such as stacked and nested boxes with margin | ||
and padding. | ||
React Native for Web provides a mechanism to declare all your styles in | ||
JavaScript within your components. The `View` component makes it easy to build | ||
common layouts with flexbox, such as stacked and nested boxes with margin | ||
and padding. See this [guide to flexbox][flexbox-guide-url]. | ||
Styling is identical to using inline styles in React, but most inline styles | ||
are converted to single-purpose classes. The current implementation includes | ||
300+ precomputed CSS declarations (~4.5KB gzipped) that cover a large | ||
proportion of common styles. A more sophisticated build-time implementation may | ||
produce a slightly larger CSS file for large apps, and fall back to fewer | ||
inline styles. Read more about the [styling | ||
Authoring `style` is no different to the existing use of inline styles in | ||
React, but most inline styles are converted to single-purpose class names. The | ||
current implementation includes 300+ precomputed CSS declarations (~4.5KB | ||
gzipped) that covers many common property-value pairs. A more sophisticated | ||
build-time implementation may produce a slightly larger CSS file for large | ||
apps, and fall back to fewer inline styles. Read more about the [styling | ||
strategy](docs/style.md). | ||
See this [guide to flexbox][flexbox-guide-url]. | ||
```js | ||
@@ -189,6 +189,8 @@ import React, { Image, Text, View } from 'react-native-web' | ||
[flexbox-guide-url]: https://css-tricks.com/snippets/css/a-guide-to-flexbox/ | ||
[npm-image]: https://img.shields.io/npm/v/react-native-web.svg | ||
[gitter-url]: https://gitter.im/necolas/react-native-web | ||
[npm-image]: https://badge.fury.io/js/react-native-web.svg | ||
[npm-url]: https://npmjs.org/package/react-native-web | ||
[react-native-url]: https://facebook.github.io/react-native/ | ||
[slack-url]: https://reactiflux.slack.com/messages/react-native-web/ | ||
[travis-image]: https://travis-ci.org/necolas/react-native-web.svg?branch=master | ||
[travis-url]: https://travis-ci.org/necolas/react-native-web |
Sorry, the diff of this file is too big to display
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Uses eval
Supply chain riskPackage uses dynamic code execution (e.g., eval()), which is a dangerous practice. This can prevent the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Uses eval
Supply chain riskPackage uses dynamic code execution (e.g., eval()), which is a dangerous practice. This can prevent the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Minified code
QualityThis package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.
Found 1 instance in 1 package
149233
3476
2
193
4
2
+ Addedjs-tokens@4.0.0(transitive)
+ Addedloose-envify@1.4.0(transitive)
+ Addedreact@18.3.1(transitive)
+ Addedreact-textarea-autosize@2.5.4(transitive)
- Removedacorn@5.7.4(transitive)
- Removedamdefine@1.0.1(transitive)
- Removedast-types@0.9.6(transitive)
- Removedbalanced-match@1.0.2(transitive)
- Removedbase62@1.2.8(transitive)
- Removedbrace-expansion@1.1.11(transitive)
- Removedcommander@2.20.3(transitive)
- Removedcommoner@0.10.8(transitive)
- Removedconcat-map@0.0.1(transitive)
- Removeddefined@1.0.1(transitive)
- Removeddetective@4.7.1(transitive)
- Removedenvify@3.4.1(transitive)
- Removedesprima@3.1.3(transitive)
- Removedesprima-fb@15001.1.0-dev-harmony-fb(transitive)
- Removedglob@5.0.15(transitive)
- Removedgraceful-fs@4.2.11(transitive)
- Removediconv-lite@0.4.24(transitive)
- Removedinflight@1.0.6(transitive)
- Removedinherits@2.0.4(transitive)
- Removedjstransform@11.0.3(transitive)
- Removedminimatch@3.1.2(transitive)
- Removedminimist@1.2.8(transitive)
- Removedmkdirp@0.5.6(transitive)
- Removedobject-assign@2.1.1(transitive)
- Removedonce@1.4.0(transitive)
- Removedpath-is-absolute@1.0.1(transitive)
- Removedprivate@0.1.8(transitive)
- Removedq@1.5.1(transitive)
- Removedreact@0.13.3(transitive)
- Removedrecast@0.11.23(transitive)
- Removedsafer-buffer@2.1.2(transitive)
- Removedsource-map@0.4.40.5.7(transitive)
- Removedthrough@2.3.8(transitive)
- Removedwrappy@1.0.2(transitive)
Updatedreact@>=0.13.3