Публикации по теме 'storybook'
Сборник рассказов: Зачем вам это нужно .. !!
Меня это сильно раздражает, и для большинства интерфейсных инженеров это будет проблемой, т. е. организация компонентов пользовательского интерфейса в макете, особенно если вы хотите применить точный стиль. Обычно в гибридном приложении вам нужно продолжать вносить изменения методом проб и ошибок и смотреть на компонент, пока вы не решите, что он выглядит хорошо. Это становится особенно раздражающим, когда вам нужно изменить стиль компонента, который находится в нескольких представлениях...
Как я создал сборник рассказов-уценку-декоратор
В этой статье я расскажу, как я приступил к созданию сборника рассказов-уценки-декоратора . Целью этого проекта было быстрое использование уценки для аннотирования компонентов React в Storybook.
Идея
Изначально я хотел прочитать комментарии в стиле javadoc в формате markdown, чтобы аннотировать компоненты в Storybook. Проблема с этим подходом заключалась в том, что для чтения комментариев и их синтаксического анализа в уценке потребовался бы своего рода препроцессор. Я хотел..
Выпуск сборника рассказов 2
В конце марта мы выпустили книгу React Storybook , в которой представили новый способ разработки компонента пользовательского интерфейса для React. Мы постоянно получаем много отзывов и предложений.
В результате многие люди начали верить концепции Storybook и использовать ее в своих приложениях. Мы так счастливы, что теперь многие гиганты технологической индустрии используют Storybook по-разному. Сюда входят IBM, AirBnb , Twitter и Mozilla .
Представляем Storybook 2
Одна из..
Что такое сборник рассказов и как его использовать?
Собственно, в этой статье я попытался объяснить вам логику сборника рассказов.
Я надеюсь, что это будет полезно :)
Компоненты, как известно, разрозненные, мы создаем проекты, комбинируя эти части, и пакет сборника рассказов приходит нам на помощь, чтобы обеспечить целостность.
Что такое сборник рассказов?
Это помогает вам создавать компоненты пользовательского интерфейса, изолированные от бизнес-логики и контекста вашего приложения.
Преимущества;
— Самым большим..
Как заглушить компоненты контейнера VueJS (React) в Storybook
В моей предыдущей статье я писал о том, что такое удивительный инструмент Storybook и как он помогает разработчикам фронтендов быть более продуктивными и писать более надежный код. Как и в случае с любым другим инструментом, в использовании Storybook есть некоторые подводные камни, о которых вам следует знать. В этой статье я хочу рассказать об одном из них - работе с компонентами контейнера.
Эта проблема
Storybook позволяет отображать только презентационные (чистые) компоненты...
Сборник рассказов для Vue.js - установка и первый опыт
Я постоянно слышал о Сборнике рассказов с React Ecosystem. Это обычное дело, когда разработчики и дизайнеры могут собираться вместе и сотрудничать, чтобы создавать сложные приложения на ходу. Это помогает хранить каждый компонент в одном месте и позволяет любому разработчику редактировать этот компонент, а также помогает им обогащать их. Это также руководство по жизненному стилю.
После такого шума о Storybook для React я решил попробовать новую Storybook , доступную для Vue.js ...
Метаданные компонентов и React Storybook
Теперь вы можете получить доступ к информации о response-docgen прямо в сборнике рассказов.
При разработке надстроек сборника рассказов нам обычно требуется доступ к информации propType и другим метаданным, связанным с классами компонентов React; однако прямого способа получить их в React во время выполнения нет.
Доступ к Classname.propTypes не дает нам полезной информации.
К счастью, есть react-docgen , который делает все, что мы хотим. Но нам нужно передать туда исходный..