שעון יפייפה, עם SVG וReact (סרטון הסבר +קוד +חומר)

[נתנאל]

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

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

מי שרוצה יכול להמשיך משם ולעשות את זה על שעון אחר, או להטמיע את השעון שיראה את השעה הנוכחית ממש (על ידי העברת פרופס), ואחרי זה אפשר לקחת את זה הלאה לבנות דש בורד של לבחור ארצות והוא מראה על כל אחת מהם מה השעה, ובשביל לעשות את זה למשהו בובמסי עם קריאת API אפשר להביא רשימה של ארצות מAPI חיצוני ולהטמיע לפי זה וכו' , לכל האלה שמחפשים איזה אפלקציה לפתח)