Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@fortawesome/react-fontawesome
Advanced tools
@fortawesome/react-fontawesome - npm Package Compare versions
Comparing version 0.1.0-11 to 0.1.0
@@ -9,4 +9,11 @@ # Change Log | ||
| ## [0.0.19](https://github.com/FortAwesome/react-fontawesome/releases/tag/0.0.20) - 2018-05-15 | ||
| ## [0.1.0](https://github.com/FortAwesome/react-fontawesome/releases/tag/0.1.0) - 2018-06-20 | ||
| ### Changed | ||
| * Upgraded to the newer Font Awesome 5.1 packages | ||
| --- | ||
| ## [0.0.20](https://github.com/FortAwesome/react-fontawesome/releases/tag/0.0.20) - 2018-05-15 | ||
| ### Added | ||
@@ -13,0 +20,0 @@ |
| { | ||
| "name": "@fortawesome/react-fontawesome", | ||
| "description": "Official React component for Font Awesome 5", | ||
| "version": "0.1.0-11", | ||
| "version": "0.1.0", | ||
| "main": "index.js", | ||
@@ -25,3 +25,3 @@ "module": "index.es.js", | ||
| "prettier": "pretty-quick src --staged", | ||
| "precommit": "npm run lint && npm run prettier", | ||
| "precommit": "npm run lint && npm run prettier && lint-staged", | ||
| "prepack": "npm run dist", | ||
@@ -31,2 +31,5 @@ "test": "jest", | ||
| }, | ||
| "lint-staged": { | ||
| "README.md": ["markdown-toc -i"] | ||
| }, | ||
| "peerDependencies": { | ||
@@ -57,2 +60,4 @@ "@fortawesome/fontawesome-svg-core": "^1.2.0-7", | ||
| "jest": "^22.4.3", | ||
| "lint-staged": "^7.1.0", | ||
| "markdown-toc": "^1.2.0", | ||
| "prettier": "^1.11.1", | ||
@@ -59,0 +64,0 @@ "pretty-quick": "^1.2.2", |
@@ -0,1 +1,5 @@ | ||
| <a href="https://fontawesome.com"> | ||
| <img align="right" width="100" height="100" alt="Official Javascript Component" src="https://img.fortawesome.com/349cfdf6/official-javascript-component.svg"> | ||
| </a> | ||
| # react-fontawesome | ||
@@ -36,2 +40,15 @@ | ||
| <!-- toc --> | ||
| * [Installation](#installation) | ||
| * [Usage](#usage) | ||
| * [Explicit Import](#explicit-import) | ||
| * [Build a Library to Reference Icons Throughout Your App More Conveniently](#build-a-library-to-reference-icons-throughout-your-app-more-conveniently) | ||
| * [External Loading](#external-loading) | ||
| * [Features](#features) | ||
| * [Basic](#basic) | ||
| * [Advanced](#advanced) | ||
| <!-- tocstop --> | ||
| ## Installation | ||
@@ -181,7 +198,8 @@ | ||
| In our call to `library.add()` we're passing | ||
| In our call to <span style="white-space:nowrap;">`library.add()`</span> we're passing | ||
| * `fab`: which represents _all_ of the brand icons in | ||
| `@fortawesome/free-brands-svg-icons`. So any of the brand icons in that | ||
| package may be referenced by icon name as a string anywhere else in our app. | ||
| <span style="white-space:nowrap;">`@fortawesome/free-brands-svg-icons`</span>. | ||
| So any of the brand icons in that package may be referenced by icon name | ||
| as a string anywhere else in our app. | ||
| For example: `"apple"`, `"microsoft"`, or `"google"`. | ||
@@ -235,9 +253,9 @@ * `faCheckSquare` and `faCoffee`: Adding each of these icons individually | ||
| * We used the `"check-square"` icon name again in this component, though we | ||
| didn't have to explicitly import it into this component. With one explicit | ||
| import of that icon in `App.js`, and adding it to the library, we've managed | ||
| to use it by name in multiple components. | ||
| didn't have to explicitly import it into this component. With one explicit import of | ||
| that icon in `App.js`, and adding it to the library, we've managed to use | ||
| it by name in multiple components. | ||
| * We used the `"apple"`, `"microsoft"`, and `"google"` brand icons, which were | ||
| never explicitly _individually_ imported, but they're available to us by name | ||
| as strings because `fab` was added to our library in `App.js`, and `fab` | ||
| includes all of those icons. | ||
| never explicitly _individually_ imported, but they're available to us by | ||
| name as strings because `fab` was added to our library in `App.js`, and | ||
| `fab` includes all of those icons. | ||
| * We added the `fab` prefix to reference those brand icons. | ||
@@ -244,0 +262,0 @@ |
New alerts
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
Fixed alerts
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
Improved metrics
- Total package byte prevSize
- increased by2.26%
43839
- Number of lines in readme file
- increased by3.85%
486
Worsened metrics
- Dev dependency count
- increased by6.9%
31
No dependency changes