כלים ומשאבים עבור מפתחי אינטרנט

ה הפופולריות של React.js היה גדל במהירות מאז פייסבוק הראשון שוחרר הספרייה בחזרה בשנת 2013. זה הפרויקט החמישי הכי מסובך בקוד פתוח על Github, וכן מודעות עבודה עבור מפתחים React הם גם בכבדות על העלייה. React הוא מסגרת ל בניית ממשקי משתמש - הדוגמאות הבולטות ביותר הן פייסבוק ו Instagram.

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

הרשמי React.js מסמכים מפייסבוק

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

React.js ריטו Github

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

שלום בעולם קוד המתנע

אם אתה רוצה לתת ניסיון מהיר כדי תגובה, אתה יכול להתחיל עם זה “שלום עולם” הדגמה אינטראקטיבית on Codepen. זה כולל כל הנכסים הדרושים וה קוד גם כן. כמו בבל הוא גם על, אתה יכול להשתמש הן ECMAScript 6 והן תחביר JSX. רק מזלג זה עט, ואתה יכול להתקדם מבלי להגדיר את כל הסביבה על שלך.

React Starter Kit

ה React Starter Kit הוא ISomorphic יישום אינטרנט בנוי מ Node.js, אקספרס, GraphQL, React, וקומץ כלי פיתוח אינטרנט, כגון Webpack, בבל, ו Browsersync. זה מספק לך את אותו Frontend מחסנית פייסבוק משתמש ומאפשר לך לקפוץ לתוך מלא לערום פיתוח React ללא טרחה רבה מדי.

ReactCSS

ReactCSS מאפשר הוסף סגנונות CSS בתוך JavaScript. ReactCSS מגיע עם תמיכה React, Redux, React Native (מסגרת לבניית יישומים ניידים מקומיים באמצעות React), autopreixing, לרחף, אלמנטים פסאודו, ושאילתות מדיה. אתה יכול במהירות להתקין אותו עם npm.

React שילוב JSFiddle (עם ובלי JSX)

זה נפלא מגרש משחקים מקוון אם אתה רוצה מקום שבו אתה יכול להתחיל לתרגל React. זה מתארח ב- JSFiddle, ו יש שתי גרסאותYou אחד עם JSX ו אחד ללא JSX, לבחור את אחד מהם אתה יותר נוח עם.

React מדריך גנרטור סגנון

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

בל Rele להגדרה רכיבים

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

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

React Storybook UI פיתוח סביבה

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

React-Bootstrap

React-Bootstrap משלב React עם פופולרי מגף 3 מסגרת הקדמי. המפתחים שלה נבנה מחדש רכיבים Bootstrap עם React.js. התוצאה היא א בסיס קוד נקי עם פחות חזרות, א ביצועים גבוהים יותר.

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

כלי פיתוח של React עבור Chrome

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

כלי פיתוח React עבור

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

React.js חבילה עבור אטום

אתה יכול להוסיף הפעל תמיכה לעורך קוד Atom עם חבילה זו Reom Atom. זה בא עם הדגשת תחביר, השלמה אוטומטית, קטעי קוד, HTML להמרת JSX, וכמה תכונות שימושיות אחרות אשר יכול מאוד להקל על פיתוח React.

React.js יסודות - קורס מקוון חינם

יש הרבה קורסים מעולה & זול למדי שבו אתה יכול ללמוד פיתוח React, עם זאת, תוכל לרשום את זה יסודות של React.js קורס מקוון בחינם לחלוטין. זה מורכב 12 שיעורים, מתחיל יסודות של תגובה, ויש לו תוכנית הלימודים יפה המכסה את כל הדברים החשובים.