Extract to React
Chrome/Chromium extension that allows easy HTML to React conversion.
Extract to Reactคืออะไร?
Extract to React เป็นส่วนขยายของ Chrome ที่พัฒนาโดย Jess Telford และคุณลักษณะหลักของมันคือ "Chrome/Chromium extension that allows easy HTML to React conversion."
ภาพหน้าจอของส่วนขยาย
ดาวน์โหลดไฟล์ CRX ของส่วนขยาย Extract to React
ดาวน์โหลดไฟล์ส่วนขยาย Extract to React ในรูปแบบ crx และติดตั้งส่วนขยาย Chrome ด้วยตนเองในเบราว์เซอร์หรือแชร์ไฟล์ crx กับเพื่อนๆ เพื่อติดตั้งส่วนขยาย Chrome อย่างง่ายดาย
คำแนะนำในการใช้ส่วนขยาย
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'"
} | |
