Styled-components. Что? Когда? И зачем?
0 likes116 views
Документ представляет собой руководство по использованию библиотеки styled-components, включая ее функционал и преимущества. Основное внимание уделяется тому, как styled-components упрощает разработку, обеспечивает кроссплатформенность и адаптивную верстку. Также рассматриваются аспекты производительности и внутренние механизмы работы библиотеки.
1 of 23
Download to read offline
Ad
Recommended
Runtime compilation and code execution in groovy
Runtime compilation and code execution in groovyVitebsk MiniqThe document discusses runtime compilation and code execution in Groovy, highlighting its applications as a proxy service and dynamically calculated configuration. It details various solutions including AWS Step Functions, GroovyClassLoader, and JSR 223 script engines, along with their pros and cons. Performance metrics and potential issues related to constant class loading and security risks are also covered.
The 5 Laws of Software Estimates
The 5 Laws of Software EstimatesVitebsk MiniqThe document outlines the five laws of software estimation: estimates are waste, non-transferable, wrong, temporary, and necessary. It discusses various estimation techniques such as estimation by analogy, expert judgment, work breakdown structure, planning poker, the bucket system, and three-point estimating, highlighting their pros and cons. Useful links for further reading on these topics are provided at the end.
Latest & Greatest Observability Release 7.9
Latest & Greatest Observability Release 7.9Vitebsk MiniqThe Elastic Observability release 7.9 focuses on simplifying data onboarding with a unified Elastic Agent, enabling faster integration and reducing the need for multiple installations. Key features include 50+ turnkey security detections, enhanced observability overviews, and upgraded alerting capabilities for uptime and machine learning. This release aims to streamline workflows for security teams and improve the overall analyst experience.
Тестирование Spring-based приложений
Тестирование Spring-based приложенийVitebsk MiniqThe document outlines the importance of testing in Spring-based applications, highlighting various testing strategies and configurations. It discusses test cases, the significance of the test pyramid, and the use of testing annotations such as @ContextConfiguration and @SpringBootTest to facilitate isolated and effective testing. Additionally, it emphasizes best practices for leveraging Spring's testing tools and frameworks to create reliable software systems.
Семантический поиск - что это, как работает и чем отличается от просто поиска
Семантический поиск - что это, как работает и чем отличается от просто поискаVitebsk MiniqThe document discusses an ontology-based approach to semantic search, emphasizing the need for improved search accuracy by understanding user intent and contextual meaning. It presents various statistics on search behavior, highlights common problems with traditional search algorithms, and outlines the importance of semantics and ontologies in creating more effective search results. The author provides examples and solutions for enhancing search functionalities through advanced classification and natural language processing techniques.
Локализационное тестирование - это не только перевод
Локализационное тестирование - это не только переводVitebsk MiniqДокумент освещает тему локализации программного обеспечения, включая ключевые понятия интернационализации (i18n) и локализации (l10n). Рассматриваются методы тестирования, такие как тестирование юникода, псевдо-локализация и тестирование функциональности translated application, а также культурные особенности отображения данных. Содержится информация о различных форматах чисел, валют и дат для разных регионов.
ISTQB Сертификация тестировщиков: быть или не быть?
ISTQB Сертификация тестировщиков: быть или не быть?Vitebsk MiniqДокумент обсуждает важность ISTQB сертификации для тестировщиков программного обеспечения, охватывая историю сертификации, статистику и уровни сертификатов. Упоминаются плюсы и минусы этой сертификации, в том числе требования к экзаменам и методы подготовки. Автор, Евгений Семенюк, делится своим опытом и ресурсами для подготовки к сертификации.
Apollo GraphQL Federation
Apollo GraphQL FederationVitebsk MiniqДокумент описывает основы и детали использования Apollo GraphQL Federation и ключевые аспекты работы с GraphQL. В нем затрагиваются принципы построения схем, обработки запросов и управления данными через микросервисную архитектуру. Также представлены примеры кода и ссылки на дополнительные ресурсы для дальнейшего изучения темы.
Who is a functional tester
Who is a functional testerVitebsk MiniqДокумент представляет собой профиль функционального тестировщика Екатерины Тарасевич, описывающий её опыт и навыки в области тестирования программного обеспечения с акцентом на качество продукта. В нём также содержится информация о процессе функционального тестирования, включая его фазы, типы тестирования и необходимые знания и навыки. Основное внимание уделяется методам повышения качества, включая проактивное и реактивное тестирование.
Crawling healthy
Crawling healthyVitebsk MiniqДокумент обсуждает концепцию crawling (ползучести) с акцентом на ее применение и аспекты, такие как использование библиотеки Scrapy и решение технических проблем. Описываются сценарии использования, архитектура проекта, а также практические примеры запуска процесса ползания. В заключение подчеркивается, что crawler является полезным инструментом как для бизнеса, так и в других областях.
Вперед в прошлое
Вперед в прошлоеVitebsk MiniqПрезентация подготовлена по материалам выступления Юрия Бондаренко на витебском MiniQ#20, который был проведен 14 ноября 2019:
https://vk.com/miniq20;
https://communities.by/events/miniq-vitebsk-20.
Про доклад:
Я расскажу о том, что такое JAMStack и генераторы статичных сайтов, зачем они нужны, в чем преимущества и недостатки по сравнению с обычными сайтами. Плюс история реального переезда контент-проекта с CMS на JAMStack.
CloudFormation experience
CloudFormation experienceVitebsk MiniqThe document outlines the structure and components of AWS CloudFormation templates and the Serverless Application Model (SAM). It provides examples of template elements including parameters, resources, and outputs, as well as a mapping for different environments like production, QA, and development. Additionally, it discusses SAM resources, their features, and practical applications, highlighting potential drawbacks and integration with AWS services.
Learning Intelligence: the story of mine
Learning Intelligence: the story of mineVitebsk MiniqMikhail Kavaliou, a senior Java developer with over six years of experience, shares insights on learning intelligence in his presentation. He covers several topics including timing, perception types, and available resources for learning, emphasizing the importance of priorities in education. The document also provides a list of references for further exploration of the subject.
Как программисты могут спасти мир
Как программисты могут спасти мирVitebsk MiniqДокумент охватывает современные технологии и теории в области биологии, включая генетику, протеомику и биоинформатику, а также роль алгоритмов и машинного обучения в исследовании биологических систем. Обсуждаются достижения в секвенировании ДНК и разработке таргетной терапии. Также описываются требования к разработчикам и пользователям биоинформатических инструментов, а также потенциальные применения в медицине.
Использование AzureDevOps при разработке микросервисных приложений
Использование AzureDevOps при разработке микросервисных приложенийVitebsk MiniqThe document outlines a six-month project involving Azure DevOps for a microservices application using ASP.NET Core and ReactJS. It discusses challenges faced during the development process, including managing a monorepo, CI/CD for multiple microservices, and the integration of Docker and SonarQube for testing and monitoring. The project also highlights strategies for risk mitigation, achieving independent releases, and managing infrastructure as code via ARM templates and Helm charts.
Distributed tracing system in action. Instana Tracing.
Distributed tracing system in action. Instana Tracing.Vitebsk MiniqДокумент представляет собой презентацию о распределенном отслеживании запросов (DRT) и использовании OpenTracing в микросервисных системах. Рассматриваются компоненты DRT, такие как span и trace, а также проявления и примеры использования OpenTracing и Instana для мониторинга. Документ включает демонстрации и ссылки на дополнительные ресурсы для глубокого понимания темы.
Насорил - убери!
Насорил - убери!Vitebsk MiniqДокумент обсуждает различные подходы к сборке мусора в языках программирования, таких как Java, .NET и V8, акцентируя внимание на алгоритмах и проблемах, связанных с этой темой. Он также затрагивает концепции владения, ссылок и заимствований в Rust, включая правила заимствования и управление областью видимости. Дополнительно приводятся полезные ссылки и ресурсы для изучения данных концепций.
Красные флаги и розовые очки
Красные флаги и розовые очкиVitebsk MiniqДоклад Дмитрия Чернявского и Ярослава Савченко обсуждает понятие 'красный флаг' в контексте IT, обозначая серьёзные проблемы, такие как критическое ухудшение процессов и отсутствие документации. Приведены различные типы красных флагов и их уровни, а также личные наблюдения о творческой профессии и современных технологиях. Доклад подчеркивает важность команды и коммуникации в рабочих процессах.
CSS. Практика
CSS. ПрактикаVitebsk MiniqДокумент охватывает практику возвращения с препроцессоров на чистый CSS, обсуждая преимущества и недостатки обеих технологий. В нем подробно перечислены инструменты, такие как Gulp и PostCSS, а также приводятся примеры использования CSS Grid и Flexbox с учетом кроссбраузерности. Также рассматриваются возможности кастомных свойств и вложенных селекторов в контексте современного CSS.
Разделяй и властвуй!
Разделяй и властвуй!Vitebsk MiniqДокумент обсуждает инструменты и технологии, используемые в разработке программного обеспечения, включая менеджеры пакетов, сборщики проектов, расширения JavaScript и библиотеки для тестирования. Он выделяет важные компоненты, такие как npm, webpack, React и другие. В заключение, представляются основные категории и коды конфигураций, а также предоставлена возможность задать вопросы.
Фреймворк-невиидмка
Фреймворк-невиидмкаVitebsk MiniqДокумент обсуждает современные тенденции в фронтенд-разработке, акцентируя внимание на важности оптимизации веса страниц и скриптов, а также на улучшении времени интерактивности. Приводятся примеры успешной оптимизации, такие как случай с Pinterest, где сокращение javascript-бандлов привело к значительному росту доходов и активности пользователей. Также рассматриваются новые подходы и инструменты, такие как Svelte, и предполагается, что будущее разработки будет связано с фреймворками, способными автоматизировать написание и сборку кода.
One stack to rule them all или "Не всё есть в AppStore"
One stack to rule them all или "Не всё есть в AppStore"Vitebsk MiniqПрезентация подготовлена по материалам выступления Дмитрия Чернявского на витебском MiniQ#11, который был проведен 19 июля 2018:
https://vk.com/miniq11;
https://events.epam.com/events/miniq-vitebsk-11.
Что умеет современный веб? Практически всё! Проследите за эволюцией идеи от строчки текста до полноформатного приложения и тем, как современные WebAPI помогают в этом.
Machine Learning with Amazon SageMaker
Machine Learning with Amazon SageMakerVitebsk MiniqДоклад описывает машинное обучение и платформу AWS SageMaker, включая этапы разработки модели и основные проблемы. Рассматриваются инструменты и алгоритмы, доступные в SageMaker, а также его преимущества для разработчиков. Приведен личный опыт докладчика, включая неудачный пример использования модели для предсказания кликов по рекламе.
Знакомство с MiniQ
Знакомство с MiniQVitebsk MiniqДокумент описывает серию неформальных встреч под названием 'miniq', посвященных различным темам, связанным с веб-разработкой и технологиями, начиная с 2014 года. Встречи охватывают темы, такие как аутентификация в веб-приложениях, интеграция с внешними сервисами, облачные технологии и сравнение языков программирования. Также упоминаются участники и спикеры, делящиеся своими знаниями и мнением по актуальным вопросам в ИТ-сфере.
Используем контейнеры, или Не дай заказчику повалить продакшн
Используем контейнеры, или Не дай заказчику повалить продакшнVitebsk MiniqДокумент описывает процесс контейнеризации и автоматизации развертывания приложений с использованием Docker и Kubernetes. Подробно рассматриваются основы CI/CD, проблемы, возникающие при установке продукта, и преимущества использования контейнеров для достижения отказоустойчивости и масштабируемости. В будущем планируется упростить процесс развертывания кластера и интегрировать контейнеризацию для всех инструментов.
Переход на DynamoDB. Есть ли жизнь после MongoDB?
Переход на DynamoDB. Есть ли жизнь после MongoDB?Vitebsk MiniqДокумент обсуждает переход с MongoDB на Amazon DynamoDB, рассматривая различия, ограничения и опыт миграции. Упоминаются основные ограничения DynamoDB, такие как количество индексов и размер записей, а также инструменты для миграции данных и интеграции с AWS. В заключение подводятся итоги преимуществ и недостатков DynamoDB в сравнении с MongoDB.
Разработка в долг
Разработка в долгVitebsk MiniqДокумент подробно рассматривает концепцию технического долга, его источники и последствия для проектов разработки программного обеспечения. Автор подчеркивает важность управления техническим долгом, чтобы минимизировать негативное влияние на время, стоимость и качество проектирования. Включены рекомендации по анализу и улучшению состояния кода на разных уровнях работы команды.
ES2015+: давно пора!
ES2015+: давно пора!Vitebsk MiniqДокумент обсуждает стандарт ES2015 и его влияние на создание современных скриптовых языков, таких как JavaScript. Он охватывает основные изменения, включая введение let и const, классов, деструктурирующего присваивания и модернизированных модулей, а также сложности с совместимостью и необходимостью использования сборщиков и транспайлеров. Также упоминается о ряде новых возможностей и лучших практиках разработки, внедряющихся в экосистему JavaScript.
More Related Content
More from Vitebsk Miniq (20)
Who is a functional tester
Who is a functional testerVitebsk MiniqДокумент представляет собой профиль функционального тестировщика Екатерины Тарасевич, описывающий её опыт и навыки в области тестирования программного обеспечения с акцентом на качество продукта. В нём также содержится информация о процессе функционального тестирования, включая его фазы, типы тестирования и необходимые знания и навыки. Основное внимание уделяется методам повышения качества, включая проактивное и реактивное тестирование.
Crawling healthy
Crawling healthyVitebsk MiniqДокумент обсуждает концепцию crawling (ползучести) с акцентом на ее применение и аспекты, такие как использование библиотеки Scrapy и решение технических проблем. Описываются сценарии использования, архитектура проекта, а также практические примеры запуска процесса ползания. В заключение подчеркивается, что crawler является полезным инструментом как для бизнеса, так и в других областях.
Вперед в прошлое
Вперед в прошлоеVitebsk MiniqПрезентация подготовлена по материалам выступления Юрия Бондаренко на витебском MiniQ#20, который был проведен 14 ноября 2019:
https://vk.com/miniq20;
https://communities.by/events/miniq-vitebsk-20.
Про доклад:
Я расскажу о том, что такое JAMStack и генераторы статичных сайтов, зачем они нужны, в чем преимущества и недостатки по сравнению с обычными сайтами. Плюс история реального переезда контент-проекта с CMS на JAMStack.
CloudFormation experience
CloudFormation experienceVitebsk MiniqThe document outlines the structure and components of AWS CloudFormation templates and the Serverless Application Model (SAM). It provides examples of template elements including parameters, resources, and outputs, as well as a mapping for different environments like production, QA, and development. Additionally, it discusses SAM resources, their features, and practical applications, highlighting potential drawbacks and integration with AWS services.
Learning Intelligence: the story of mine
Learning Intelligence: the story of mineVitebsk MiniqMikhail Kavaliou, a senior Java developer with over six years of experience, shares insights on learning intelligence in his presentation. He covers several topics including timing, perception types, and available resources for learning, emphasizing the importance of priorities in education. The document also provides a list of references for further exploration of the subject.
Как программисты могут спасти мир
Как программисты могут спасти мирVitebsk MiniqДокумент охватывает современные технологии и теории в области биологии, включая генетику, протеомику и биоинформатику, а также роль алгоритмов и машинного обучения в исследовании биологических систем. Обсуждаются достижения в секвенировании ДНК и разработке таргетной терапии. Также описываются требования к разработчикам и пользователям биоинформатических инструментов, а также потенциальные применения в медицине.
Использование AzureDevOps при разработке микросервисных приложений
Использование AzureDevOps при разработке микросервисных приложенийVitebsk MiniqThe document outlines a six-month project involving Azure DevOps for a microservices application using ASP.NET Core and ReactJS. It discusses challenges faced during the development process, including managing a monorepo, CI/CD for multiple microservices, and the integration of Docker and SonarQube for testing and monitoring. The project also highlights strategies for risk mitigation, achieving independent releases, and managing infrastructure as code via ARM templates and Helm charts.
Distributed tracing system in action. Instana Tracing.
Distributed tracing system in action. Instana Tracing.Vitebsk MiniqДокумент представляет собой презентацию о распределенном отслеживании запросов (DRT) и использовании OpenTracing в микросервисных системах. Рассматриваются компоненты DRT, такие как span и trace, а также проявления и примеры использования OpenTracing и Instana для мониторинга. Документ включает демонстрации и ссылки на дополнительные ресурсы для глубокого понимания темы.
Насорил - убери!
Насорил - убери!Vitebsk MiniqДокумент обсуждает различные подходы к сборке мусора в языках программирования, таких как Java, .NET и V8, акцентируя внимание на алгоритмах и проблемах, связанных с этой темой. Он также затрагивает концепции владения, ссылок и заимствований в Rust, включая правила заимствования и управление областью видимости. Дополнительно приводятся полезные ссылки и ресурсы для изучения данных концепций.
Красные флаги и розовые очки
Красные флаги и розовые очкиVitebsk MiniqДоклад Дмитрия Чернявского и Ярослава Савченко обсуждает понятие 'красный флаг' в контексте IT, обозначая серьёзные проблемы, такие как критическое ухудшение процессов и отсутствие документации. Приведены различные типы красных флагов и их уровни, а также личные наблюдения о творческой профессии и современных технологиях. Доклад подчеркивает важность команды и коммуникации в рабочих процессах.
CSS. Практика
CSS. ПрактикаVitebsk MiniqДокумент охватывает практику возвращения с препроцессоров на чистый CSS, обсуждая преимущества и недостатки обеих технологий. В нем подробно перечислены инструменты, такие как Gulp и PostCSS, а также приводятся примеры использования CSS Grid и Flexbox с учетом кроссбраузерности. Также рассматриваются возможности кастомных свойств и вложенных селекторов в контексте современного CSS.
Разделяй и властвуй!
Разделяй и властвуй!Vitebsk MiniqДокумент обсуждает инструменты и технологии, используемые в разработке программного обеспечения, включая менеджеры пакетов, сборщики проектов, расширения JavaScript и библиотеки для тестирования. Он выделяет важные компоненты, такие как npm, webpack, React и другие. В заключение, представляются основные категории и коды конфигураций, а также предоставлена возможность задать вопросы.
Фреймворк-невиидмка
Фреймворк-невиидмкаVitebsk MiniqДокумент обсуждает современные тенденции в фронтенд-разработке, акцентируя внимание на важности оптимизации веса страниц и скриптов, а также на улучшении времени интерактивности. Приводятся примеры успешной оптимизации, такие как случай с Pinterest, где сокращение javascript-бандлов привело к значительному росту доходов и активности пользователей. Также рассматриваются новые подходы и инструменты, такие как Svelte, и предполагается, что будущее разработки будет связано с фреймворками, способными автоматизировать написание и сборку кода.
One stack to rule them all или "Не всё есть в AppStore"
One stack to rule them all или "Не всё есть в AppStore"Vitebsk MiniqПрезентация подготовлена по материалам выступления Дмитрия Чернявского на витебском MiniQ#11, который был проведен 19 июля 2018:
https://vk.com/miniq11;
https://events.epam.com/events/miniq-vitebsk-11.
Что умеет современный веб? Практически всё! Проследите за эволюцией идеи от строчки текста до полноформатного приложения и тем, как современные WebAPI помогают в этом.
Machine Learning with Amazon SageMaker
Machine Learning with Amazon SageMakerVitebsk MiniqДоклад описывает машинное обучение и платформу AWS SageMaker, включая этапы разработки модели и основные проблемы. Рассматриваются инструменты и алгоритмы, доступные в SageMaker, а также его преимущества для разработчиков. Приведен личный опыт докладчика, включая неудачный пример использования модели для предсказания кликов по рекламе.
Знакомство с MiniQ
Знакомство с MiniQVitebsk MiniqДокумент описывает серию неформальных встреч под названием 'miniq', посвященных различным темам, связанным с веб-разработкой и технологиями, начиная с 2014 года. Встречи охватывают темы, такие как аутентификация в веб-приложениях, интеграция с внешними сервисами, облачные технологии и сравнение языков программирования. Также упоминаются участники и спикеры, делящиеся своими знаниями и мнением по актуальным вопросам в ИТ-сфере.
Используем контейнеры, или Не дай заказчику повалить продакшн
Используем контейнеры, или Не дай заказчику повалить продакшнVitebsk MiniqДокумент описывает процесс контейнеризации и автоматизации развертывания приложений с использованием Docker и Kubernetes. Подробно рассматриваются основы CI/CD, проблемы, возникающие при установке продукта, и преимущества использования контейнеров для достижения отказоустойчивости и масштабируемости. В будущем планируется упростить процесс развертывания кластера и интегрировать контейнеризацию для всех инструментов.
Переход на DynamoDB. Есть ли жизнь после MongoDB?
Переход на DynamoDB. Есть ли жизнь после MongoDB?Vitebsk MiniqДокумент обсуждает переход с MongoDB на Amazon DynamoDB, рассматривая различия, ограничения и опыт миграции. Упоминаются основные ограничения DynamoDB, такие как количество индексов и размер записей, а также инструменты для миграции данных и интеграции с AWS. В заключение подводятся итоги преимуществ и недостатков DynamoDB в сравнении с MongoDB.
Разработка в долг
Разработка в долгVitebsk MiniqДокумент подробно рассматривает концепцию технического долга, его источники и последствия для проектов разработки программного обеспечения. Автор подчеркивает важность управления техническим долгом, чтобы минимизировать негативное влияние на время, стоимость и качество проектирования. Включены рекомендации по анализу и улучшению состояния кода на разных уровнях работы команды.
ES2015+: давно пора!
ES2015+: давно пора!Vitebsk MiniqДокумент обсуждает стандарт ES2015 и его влияние на создание современных скриптовых языков, таких как JavaScript. Он охватывает основные изменения, включая введение let и const, классов, деструктурирующего присваивания и модернизированных модулей, а также сложности с совместимостью и необходимостью использования сборщиков и транспайлеров. Также упоминается о ряде новых возможностей и лучших практиках разработки, внедряющихся в экосистему JavaScript.
Использование AzureDevOps при разработке микросервисных приложений
Использование AzureDevOps при разработке микросервисных приложенийVitebsk Miniq
Distributed tracing system in action. Instana Tracing.
Distributed tracing system in action. Instana Tracing.Vitebsk Miniq
One stack to rule them all или "Не всё есть в AppStore"
One stack to rule them all или "Не всё есть в AppStore"Vitebsk Miniq
Используем контейнеры, или Не дай заказчику повалить продакшн
Используем контейнеры, или Не дай заказчику повалить продакшнVitebsk Miniq
Переход на DynamoDB. Есть ли жизнь после MongoDB?
Переход на DynamoDB. Есть ли жизнь после MongoDB?Vitebsk Miniq
Styled-components. Что? Когда? И зачем?
- 2. STYLED-COMPONENTS Что? Когда? И зачем? MINIQ #15 Даниил Янковский 30.05.2019
- 3. Даниил Янковский Место работы: EPAM Должность: Software Engineer
- 4. План • Что это такое? • Почему именно styled-components? • Как это работает? • Показать примеры • Когда и зачем?
- 5. История...
- 9. Почему styled-components? • Большое сообщество • Удобство разработки (Хорошая документация) • Скорость работы • Кроссплатформенность • Реализация адаптивной вёрстки • Серверный рендеринг • Модульные тесты
- 10. Сравнение Oct 12, 2014 Jan 9, 2015 Aug 16, 2016 May 27, 2017 stars forks issues used by 4880 6975 23971 8032 2039264107 272 318 1411 494 166 21541 178 13 896 20 561
- 11. Удобство разработки Tagged Literal Templates (as ex. styled-components) Object model (as ex. Radium)
- 12. Удобство разработки Наследование TODO: добавить картинку
- 13. Удобство разработки Адаптив TODO: добавить картинку
- 14. Удобство разработки Styled-components CSS TODO: добавить картинку TODO: добавить картинку
- 15. Сравнение Styled-components JSS TODO: добавить картинку TODO: добавить картинку
- 16. Сравнение Styled-components Radium TODO: добавить картинку TODO: добавить картинку
- 17. Сравнение Styled-components Emotion TODO: добавить картинку TODO: добавить картинку
- 18. Скорость работы 41 16 15 15 RADIUM STYLED- COMPONENTS JSS EMOTION СКОРОСТЬ МОНТИРОВАНИЯ 1000 УНИКАЛЬНЫХ КОМПОНЕНТОВ В МС
- 19. Как это работает? 1. Объявляете styled-component 1. Создаётся внешний контекст для компонента 2. Создаётся внутрений контекст, для использования тем, только если вы использовали Провайдер Темы 2. Разбирает стили для компонента 1. Создаётся уникальное имя класса 2. Собирает стили для дальнейшего добавления префиксов
- 20. Как это работает? 3. Добавление автопрефиксов 1. Собранные во 2 пункты стили, передаются в Stylis 2. Stylis возвращает стили с префиксами относительно текущего режима сборки 1. Production: только для текущего браузера 2. Development: все возможные стили 4. Добавление стилей 1. Создаёт или ищет тег <style> 2. Стили добавляются только, когда компонент задействован на странице. 3. Стили добавляются относительно режима сборки: 1. Production: используется CSSStyleSheet.insertRule() 2. Development : используется Node.appendChild() 5. Отрисовка компонента
- 22. Когда и зачем?