3 שיטות לעצב קומפוננטות בריאקט
CSS זאת הדרך לעצב אפליקציות web
אבל בריאקט אנחנו חיים בתוך ג'אווה סקריפט
איך אפשר לחבר את הCSS שלנו ולעצב קומפוננטות בריאקט?
בסרטון הבא תלמדו 3 שיטות לעצב קומפוננטות וכל אחת מהדרכים מדהימה!
1. CSS Modules
2. Inline Styles
3. Styled Components/Emotion
CSS Modules עוזר לשמר את העבודה עם CSS כמו שאנחנו מכירים בקבצים רגילים ולחבר אותם אל הקומפוננטות שלנו ולהשתמש בcss classes האהובים, מכיוון שאנחנו בתוך ג'אווהסקריפט אפשר להפעיל לוגיקה ולעשות דברים די מגניבים
Inline Styles הוא כלי די חזק מכיוון שהוא חי ממש בתוך הג'אווה סקריפט, אבל מבחינת CSS הוא חלש יותר מCSS Modules כי הוא לא מכיל את כל היכולות של CSS כמו שאנחנו מכירים
עם זאת, הוא מספיק ברוב המקרים ואפשר לשלב בו לוגיקה עם JS (למשל תלות של prop מסוים) בקלות רבה
Styled Components או Emotion הן ספריות צד שלישי שמביאות שיטה שמשלבת את הכח של inline style יחד עם כתיבת CSS "רגיל" כמו שאנחנו מכירים ולמעשה מאפשרות לנו ליצור "קומפוננטות עיצוביות"
יש בזה המון המון וזה יכול להפוך את הקוד לקריא יותר
הרבה חומר מעניין בסרטון
מחכה לתגובות ושאלות שלכם
מוזמנים לקהילת הפרונטאנדיסטים בפייסבוק
https://bit.ly/3ga6RoE
לעקוב אחרי ברשתות
[אינסטגרם] - https://bit.ly/38PMPM0
[לינקדין] - https://bit.ly/38Pd6du
צילום ועריכה: דניאל וקנין
[email protected]
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «3 שיטות לעצב קומפוננטות בריאקט», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.