feat: typography refactoring; #1442
Open
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
🦋 Changeset detectedLatest commit: 6045cc0 The changes in this PR will be included in the next version bump. This PR includes changesets to release 36 packages
Not sure what this means? Click here to learn what changesets are. Click here if you're a maintainer who wants to add another changeset to this PR |
Bundle size report
|
Pull Request Test Coverage Report for Build 11840118702Details
💛 - Coveralls |
|
Собрана новая демка. |
|
Собрана новая демка. |
|
Собрана новая демка. |
denisx
requested review from
reme3d2y,
fulcanellee,
SiebenSieben and
hextion
as code owners
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Опишите проблему
Рефакторинг компонента Typography:
${kind}Kind])Чек лист
Внешний вид
Без изменений
Раскрыл некоторые момент
давай собьёмся по пунктам
вопросов нет, но нужно подтвердить общий флоу - надо ли генерировать файл-пустышки с index файлами, типа
import {componentDesktop} from
componentName/desktopили достаточно импортов в главное index?
import {componentDesktop} from componentName
?? Компонент Title помечен как deprecated в пользу TitleDesktop и TitleMobile
запрет использования работает только в ide как подсветка старого синтаксиса
это несёт небольшой риск ненужных вопросов со стороны пользователей, поэтому предлагаются ещё варианты, помимо разметки в jsdoc,
можно допилить правило в линтеры, чтобы респонсивы подсвечивались в режиме error/warning. это даст возможность использовать это только тем, кто заинтересован
?? В корневой импорт, к текущему компаунду, добавлены атомарные всех компонентов (TitleDesktop, TitleMobile, TitleResponsive, Text)
все комментарии от п2.
?? Вынесены коммон-переменные и типы для переиспользования в компонентах, тестах, стори
удобно для поддержания актуального состояния в стори и тестах, когда забываешь добавить какой-то кейс при изменении списка в коде.
-5) ?? Более четкое разделение desktop/mobile в стилях
нативные импорты внутри css, это нормально. в зависимости от компонента, можно вынести коммо-части и подключать их каскадно
(да, подключать vars/* нужно из каждого файла, невзирая на структуру импортов)
?? Названия "голеньких" стилей дополнены постфиксом (нельзя styles[kind], можно styles[${kind}Kind])
нужно для того, чтобы при использовании пропсов не могли сгенерится классы типа "undefined/null" и не было понятно, откуда ноги растут.
также, есть риск совпадения названия класса, например styles[view] и условно styles[weight] - могут сгенерировать одинаковый класс medium, что недопустимо
?? Названия стилей переведены в camelCase / snake_case
вопросов нет (оптимизация хранения зеркала классов в js-коде)
Фикс в типах: пропс defaultMatchMediaValue перемещён в компонент TitleResponsive (мажорка или всё же патч? )
мажорка или патч ещё не выяснили. будет разобрано в отдельном пр-е
В package.json добавлено sideEffects: false
вопросов нет