Τι είναι το Realize for React;

Το Realize for React είναι ένα πρόσθετο Chrome που αναπτύχθηκε από τον Realize for React, και η κύρια λειτουργία του είναι "A React component tree visualizer".

Στιγμιότυπα Επέκτασης

Λήψη αρχείου CRX της επέκτασης Realize for React

Λήψη αρχείων επέκτασης Realize for React σε μορφή crx, εγκατάσταση των επεκτάσεων Chrome μη αυτόματα στον περιηγητή ή κοινοποίηση των αρχείων crx με φίλους για εύκολη εγκατάσταση των επεκτάσεων Chrome.

Οδηγίες Χρήσης της Επέκτασης

As React applications scale, it becomes more difficult to track state and to have a holistic overview of the component hierarchy. Realize is a tool to help developers visualize the structure and state flow of their React applications, especially when they are growing in scale and complexity. It currently supports React v.16.8.

Prerequisites
1. You must have React Dev Tools installed to use Realize for React. Install it from the Chrome store
2. Realize is best used on non-deployed applications. This uglification of deployed websites makes the component structure pretty unreadable.

How to use
1. Click the blue 'Add to Chrome' button
2. Once installed, navigate to your React website
3. Open the dev tools window and click on the Realize panel
4. Trigger a state change to populate the component tree

Functionality:
- Utilize the search bar to search for any component that exists in the tree.
- Clicking a node component will display information about state, children, props, and hooks in the right hand panel.
- You can zoom and pan the tree by holding shift and dragging/scrolling
- Click the 'State' button to view the flow of state through the component tree

Βασικές Πληροφορίες Επέκτασης

Όνομα	Realize for React
ID	llondniabnmnappjekpflmgcikaiilmh
Επίσημο URL	https://chromewebstore.google.com/detail/realize-for-react/llondniabnmnappjekpflmgcikaiilmh
Περιγραφή	A React component tree visualizer
Μέγεθος Αρχείου	160 KB
Αριθμός Εγκαταστάσεων	5,086
Τρέχουσα Έκδοση	1.0.0.0
Τελευταία Ενημέρωση	2020-06-20
Ημερομηνία Δημοσίευσης	2020-06-20
Αξιολόγηση	1.88/5 Συνολικά 8 Αξιολογήσεις
Προγραμματιστής	Realize for React
Ηλεκτρονικό ταχυδρομείο	[email protected]
Τύπος Πληρωμής	free
Ιστότοπος Επέκτασης	http://www.realizeforreact.com
Διεύθυνση URL της Σελίδας Βοήθειας	http://www.realizeforreact.com
Υποστηριζόμενες Γλώσσες	en-US
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 2, "name": "Realize for React", "version": "1.0.0.0", "description": "A React component tree visualizer", "icons": { "16": "16.png", "32": "32.png", "48": "48.png", "128": "128.png" }, "permissions": [ "activeTab", "" ], "background": { "scripts": [ "background.js" ] }, "web_accessible_resources": [ "hook.js" ], "devtools_page": "devtools-root.html" }