Публикации по теме '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 , который делает все, что мы хотим. Но нам нужно передать туда исходный..