Extract to React
Chrome/Chromium extension that allows easy HTML to React conversion.
Extract to React란 무엇입니까?
Extract to React은(는) Jess Telford에 의해 개발된 Chrome 확장 프로그램으로, 주요 기능은 "Chrome/Chromium extension that allows easy HTML to React conversion."입니다.
확장 프로그램 스크린샷
Extract to React 확장 프로그램 CRX 파일 다운로드
크롬 확장 프로그램을 crx 형식으로 다운로드하여 브라우저에 수동으로 설치하거나 crx 파일을 친구들과 공유하여 쉽게 크롬 확장 프로그램을 설치하세요.
확장 프로그램 사용 설명서
Extract all the HTML & CSS of any portion of any website directly into a ready-to-go React Component!
----
# Usage
- Quick start:
Inspect an element on the page > "Extract To React" tab > Extract the code to CodePen or JSFiddle.
- Advanced usage:
It is possible to split a monolithic component up into multiple nested components.
Find the elements you wish to become their own component in the "Elements" tab. Add an attribute called `data-component`.
Set the value of `data-component` to be the extracted name of the component:
Hello, world!
Will result in 3 components being extracted: `Heading`, `Nav`, and `ListItem`
----
# Bugs and Features
If you find a bug or have a feature request, please create an issue on GitHub: https://github.com/jesstelford/extract-to-react/issues
----
# Attribution
This project is based on excellent open source software:
* SnappySnippet: Chrome/Chromium extension that allows easy CSS+HTML extraction of specific DOM element. Created snippet can be then exported to CodePen, jsFiddle or JS Bin with one click.
(https://github.com/kdzwinel/SnappySnippet/issues)
* html-to-react-components: Extract annotated portions of HTML into React components as separate modules.
(https://roman01la.github.io/html-to-react-components/) 확장 프로그램 기본 정보
| 이름 |  Extract to React |
| ID | fbdmadiknkkdfcgjdbmddklighibfomm |
| 공식 URL | https://chromewebstore.google.com/detail/extract-to-react/fbdmadiknkkdfcgjdbmddklighibfomm |
| 설명 | Chrome/Chromium extension that allows easy HTML to React conversion. |
| 파일 크기 | 489 KB |
| 설치 횟수 | 2,509 |
| 현재 버전 | 1.0.2 |
| 최근 업데이트 | 2019-01-17 |
| 출시 날짜 | 2019-01-16 |
| 평점 | 1.71/5 총 7 개의 평점 |
| 개발자 | Jess Telford |
| 결제 유형 | free |
| 확장 프로그램 웹 사이트 | https://github.com/jesstelford/extract-to-react |
| 도움말 페이지 URL | https://github.com/jesstelford/extract-to-react/issues |
| 지원되는 언어 | en-GB |
| manifest.json | |
{
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"name": "Extract to React",
"description": "Chrome\/Chromium extension that allows easy HTML to React conversion.",
"version": "1.0.2",
"manifest_version": 2,
"minimum_chrome_version": "39.0",
"icons": {
"16": "gfx\/icon_16.png",
"48": "gfx\/icon_48.png",
"128": "gfx\/icon_128.png"
},
"devtools_page": "devtools.html",
"background": {
"scripts": [
"js\/background.js"
],
"persistent": false
},
"content_security_policy": "script-src 'self' https:\/\/www.google-analytics.com https:\/\/apis.google.com https:\/\/platform.twitter.com https:\/\/www.facebook.com; object-src 'self'"
} | |
