רכיב קורות החיים של ReactJS מבוסס על פורמט jsonresume.org

בלוג

רכיב קורות החיים של ReactJS מבוסס על פורמט jsonresume.org

קורות חיים מדהימים

הַדגָמָה

להגיב-מדהים-קורות חיים

npm install react-awesome-resume semantic-ui-css

כלול את גיליון הסגנונות עבור סמנטי-Ui בפרויקט שלך

import Resume from 'react-awesome-resume'; import 'semantic-ui-css/semantic.min.css';

העבר את האביזרים שלך לקורות החיים

| _+_ | [לְהִתְנַגֵד]

| _+_ | הוא אובייקט ב קורות חיים של JSON פורמט, עיין בדוגמה ב person.js

| _+_ | [חוּט]

| _+_ | היא מחרוזת המציינת באיזה נושא קורות חיים להשתמש, כרגע הנושאים הנתמכים הם:

  • בְּרִירַת מֶחדָל

| _+_ | [בול]

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

עיבד את הרכיב עם האדם שלך והנושא שלך

jsonResume

הכל:

  • צריך לשנות כתוביות עבור עיבוד מסך קטן
  • עדכון לתגובה 16 כאשר מתרחשת שחרור ל- semantic-ui
  • הוסף בקשות API לדף הראשי מ- twitter / medium / github

הערות פריסה:

  1. לבנות ולבצע גרסה חדשה, בדוק בפיתוח
  2. בדוק בניית ייצור של הרכיב והפרויקט המייבא אותו
  3. בנה את הפרויקט ופרס אותו deltaskelta.github.io/react-awesome-resume-demo , תבחן את זה
  4. jsonResume
  5. לִדחוֹף deltaskelta.github.io

פרטי הורדה:

מְחַבֵּר: ג'פוילט

הַדגָמָה: https://deltaskelta.github.io/react-awesome-resume-demo

קוד מקור: https://github.com/jeffwillette/react-awesome-resume

#react #reactjs #javascript