במאמר הבא אנו נסתכל על כיצד נוכל ליצור את היישום הראשון שלנו עם ReactJS באובונטו 20.04 באמצעות Create React App. ReactJS היא ספריית JavaScript פתוחה המשמשת ליצירת ממשק המשתמש, המתוחזק על ידי פייסבוק וקהילת המפתחים. ניתן להשתמש ב- ReactJS בפיתוח יישומי אינטרנט או יישומים ניידים.
בתגובה, ידוע גם בשם ReactJSהנתונים מעובדים ב- DOM. ספריות נוספות לניתוב וניהול המדינה נדרשות להפעלת יישום React. כמה דוגמאות לספריות אלה הן Redux y תגובת נתב.
התקנת React באובונטו 20.04
כדי להתקין את React במערכת שלנו, ראשית עלינו לדעת מהו npm ולהבין מדוע אנו זקוקים להם. Npm מייצג את מנהל חבילות הצומת, והיא הרישום הגדול ביותר בתוכנות קוד פתוח בעולם. מכיל יותר מ -800.000 חבילות קוד. Npm חופשית לשימוש, וכל תוכנה ציבורית ניתנת להורדה ולשימוש ללא הרשמה או כניסה.
Npm הוא כלי לניהול תלות עבור יישומי JavaScript, המסייע בהתקנת כל הספריות וכלים אחרים התומכים בפיתוח יישומי JS.
התקן npm
כדי התקן nodejs, הכולל npmנצטרך רק לפתוח מסוף (Ctrl + Alt + T) ולבצע את הפקודה הבאה:
sudo apt install nodejs
לאחר סיום התקנת ה- npm, נוכל לעשות זאת בדוק את הגרסה שלך ושל הצומת. אנו יכולים לעשות זאת באמצעות הפקודה:
npm -v
גרסת ה- npm המותקנת תלויה בתאריך ההתקנה, מכיוון שהעדכון מבוצע לעיתים קרובות. הכרחי שנדאג להתקין גרסה גבוהה מ- 5.
כדי בדוק את הגרסה המותקנת של הצומת, הפקודה להשתמש תהיה:
node -v
אם אין לך את הגרסה האחרונה של npm המותקנת במערכת שלך, באפשרותך לעדכן את מנהל חבילות הצומת (npm) לגרסה האחרונה מריץ פקודה זו במסוף:
sudo npm install -g npm@latest
התקן את אפליקציית create-react
כדי להתקין סביבת React פרודוקטיבית נצטרך להגדיר כלים כגון babel, webpack וכו '... אשר מורכבים להגדרה למתחילים בעולם ה- React. אך אנו יכולים למצוא כמה כלים שיעזרו לנו בתצורה. ביניהם נגלה create-react-app, שהוא הכלי הקל ביותר לשימוש ולהגדרה.
יצירת React App היא סביבה נוחה ללמוד React, וזו הדרך הטובה ביותר להתחיל בבניית אפליקציה חדשה לעמודים בודדים באמצעות React.
צור App React להגדיר את סביבת הפיתוח שלך כך שתוכלו להשתמש בתכונות העדכניות ביותר של Javascript, לספק חווית פיתוח טובה ולייעל את היישום שלכם לייצור. כפי שצוין באתר האינטרנט שלהם, יש צורך להתקין את הצומת> = 8.10 ו- npm> = 5.6 במחשב שלך.
אנחנו יכולים התקן יצירה-תגובה-אפליקציה באמצעות npm. לשם כך, במסוף (Ctrl + Alt + T) נצטרך לבצע רק את פקודת ההתקנה הבאה:
sudo npm install -g create-react-app
לאחר סיום ההתקנה של היישום create-react-app באפליקציה, נוכל לעשות זאת בדוק את הגרסה המותקנת ביצוע הפקודה הבאה:
create-react-app --version
יצירת יישום ה- React הראשון
ניתן ליצור את אפליקציית React הראשונה שלנו פשוט באמצעות create-react-app. נצטרך להשתמש רק בפקודה הבאה:
create-react-app mi-primera-app
הפקודה שלעיל הולכת ליצור יישום React שנקרא האפליקציה הראשונה שלי. באותו הזמן תיווצר תיקיה חדשה עם אותו שם היישום הכוללת את כל הקבצים, התצורות והספריות הדרושים.
מריץ את אפליקציית React
לאחר יצירת פרויקט ה- React, נצטרך לעבור לספריית הפרויקט ולהפעיל את יישום React באמצעות הפקודה הבאה במסוף (Ctrl + Alt + T):
npm start
הפקודה התחל בערב הפעל את שרת הפיתוח שיבצע את כל תהליך הבנייה.
הטרמינל יגיד לנו שאנחנו חייבים פתח את הדפדפן וטען את היישום שיפעל בכתובת האתר http: // localhost: 3000 כברירת מחדל. כאשר הדפדפן נפתח, נראה את הלוגו וטקסטים של React על המסך.
הסר את ההתקנה של create-react-app ו- npm
משתמשים אנו יכולים להסיר כל ספרייה המותקנת מ- npm באמצעות הפקודה npm להסרה. הפעל את הפקודה הבאה במסוף (Ctrl + Alt + T) כדי להסיר אותה ליצור-להגיב-אפליקציה:
sudo npm uninstall -g create-react-app
באופן דומה, אנו יכולים הסר את ה- npm באמצעות פקודה אחרת זו באותו מסוף:
sudo apt remove nodejs
ניתן למצוא מידע נוסף על ספריית JavaScript זו ליצירת ממשקי משתמש ב- תיעוד פרויקט.
תוכן מעולה! אוגריאדו!