הוסף סייר React.js ל- Chrome עם כלי פיתוח של React

כל מפתח אינטרנט צריך כבר לדעת על מדהים כלים למפתחים של Chrome. תכונה זו היא שנבנה ישירות ב- Chrome והוא מאפשר למפתחים לבדוק דפים ו לערוך או להסיר רכיבים ממש מתוך הדפדפן.

זה חזק מאוד וזה הדרך הטובה ביותר התנהגויות דף לימוד כגון חביון, משאבי דף או לביצוע פקודות מסוף.

צוות של פייסבוק יצר את React.js ספריה אשר תמציות שכבת מפתחי Frontend כדי שימוש חוזר באלמנטים מסוימים של ממשק המשתמש.

ועכשיו, עם כלי פיתוח React אתה יכול לבדוק היררכיות אלו ו לערוך אותם ממש על הדף.

זה לגמרי בחינם וזה שפותחה על ידי אנשים בפייסבוק אז אתה יודע שזה באיכות טובה.

אתה יכול גם ללמוד את המצבים השונים ואת שבילי עצי האובייקט כולל אילו אלמנטים מעל ומתחת אלמנטים אחרים.

בסרגל הצד, אתה יכול דפדף בין האביזרים ומצב אשר מאפשרים לך ללמוד את ההתנהגות של אלמנטים אחרים באותו עץ. זה בעצם א תוסף נהדר עבור משתמשים חדשים כי זה יכול לעזור להם להבין יותר על הספרייה.

באופן טבעי, זה כולל גם כל מאזיני האירוע זה עשוי לשנות את המצב של רכיב מסוים. וה פירורי לחם בתחתית מאפשרים לך בקלות לדלג על פני האלמנטים הורה / ילד.

זה רחוק כלי מושלם React. אבל זה יעשה את העבודה שלך הרבה יותר קל כאשר אתה בניית יישומים דינמיים מאפס.

זה פתוח לחלוטין עם ריפו הרשמי GitHub מתוחזק על ידי Facebook & מעודכן לעתים קרובות.

ניתן להתקין תוסף זה של Chrome עבור כל גרסה של Chrome. או אם אתה משתמש פיירפוקס אתה יכול לבדוק את התוספת FF אשר תומך FireFox v38 ומעלה. עד כה לא ראיתי תמיכה כלשהי עבור ספארי / משתמשי האופרה, אבל היא הרחבה מקור פתוח אז זה עשוי לבוא בעתיד הקרוב.