小红花·文摘
  • 首页
  • 广场
  • 排行榜🏆
  • 直播
  • FAQ
Dify.AI

Gemini应用更新了新工具和功能,包括使用Storybook制作插图故事书、改进的Deep Think推理模式、临时聊天功能,以及为学生提供的免费专业计划,帮助学习和组织资料。

了解八月Gemini更新中的最新功能。

The Keyword
The Keyword · 2025-08-15T16:00:00Z
Storybook发布Storybook v9,增强测试支持

Storybook 9正式发布,新增“一键测试”功能,支持交互、可访问性和视觉测试,并集成Vitest。同时增加了对Svelte 5和React Native的支持,优化了依赖结构,提升了性能。

Storybook发布Storybook v9,增强测试支持

InfoQ
InfoQ · 2025-07-10T19:00:00Z
使用Storybook(版本8)为React组件编写TypeScript文档

本文介绍了如何使用Storybook 8为React组件编写文档,包括设置、定义场景和MDX文档等步骤。通过示例创建Tag组件及其文档,强调了Storybook在组件文档化中的重要性。

使用Storybook(版本8)为React组件编写TypeScript文档

DEV Community
DEV Community · 2025-05-16T21:30:21Z
使用Storybook(版本8)和TypeScript为React组件编写文档

本文介绍了如何使用Storybook(版本8)和TypeScript为React组件编写文档,包括设置、场景定义和MDX文档编写等步骤,展示了通过自定义文档提升组件可见性的方法,并通过示例说明了组件不同状态及属性的展示。

使用Storybook(版本8)和TypeScript为React组件编写文档

DEV Community
DEV Community · 2025-05-16T21:30:13Z
使用Storybook和React构建与文档化UI组件

本文介绍了如何在React项目中设置Storybook,以构建和文档化可重用的UI组件。Storybook提供了一个隔离环境来测试组件,促进团队协作。通过创建按钮和卡片组件,展示了组件开发和样式管理的过程,并最终生成静态构建以分享组件库。

使用Storybook和React构建与文档化UI组件

DEV Community
DEV Community · 2025-03-23T14:27:12Z
Storybook 入门:UI 开发指南

Storybook 是一个开源工具,帮助开发者独立构建、测试和文档化 UI 组件,支持 React、Vue、Angular 等框架,提供组件隔离、实时文档和自动化测试功能,提升开发效率和团队协作,设置简单,适合前端开发者使用。

Storybook 入门:UI 开发指南

DEV Community
DEV Community · 2025-03-06T00:30:00Z
本周React动态 #223:TanStack、React Router、React-Scan、Bun、Next.js、INP、Storybook | RN状态、CSS、可观察对象...

本周更新涵盖了React和React Native的最新动态。React Native 2024调查显示,61%的开发者来自React,iOS和Android仍是主要目标。新发布的库和工具如Nitro Views和Reanimated 3.17支持RN 0.78。同时,多个TC39提案也在推进中。

本周React动态 #223:TanStack、React Router、React-Scan、Bun、Next.js、INP、Storybook | RN状态、CSS、可观察对象...

DEV Community
DEV Community · 2025-02-28T13:39:53Z
使用Storybook记录Web组件

文档是设计系统的重要部分。本文探讨如何利用Storybook记录Web组件,确保文档与代码库一致。Custom Elements Manifest可生成组件的JSON表示,并支持自定义JSDoc注释。自动生成文档有助于开发者理解组件API,提升用户体验。Storybook的控制功能允许实时查看组件反应,简化维护。最终,文档应易于访问,满足用户需求。

使用Storybook记录Web组件

DEV Community
DEV Community · 2025-02-19T16:39:54Z
Storybook指南:UI开发、测试与文档

Storybook是一个开源工具,用于独立开发和测试UI组件,支持React、Vue等框架,具备动态交互、文档生成和可访问性测试功能。通过集成Playwright和Jest,开发者可进行端到端测试和单元测试,同时提升组件重用性和团队协作。

Storybook指南:UI开发、测试与文档

DEV Community
DEV Community · 2025-02-17T17:27:55Z
如何在Storybook中使用Astro图像

Astro组件无法直接在Storybook中使用,因为Astro是服务器端渲染。可以通过创建一个模拟的客户端图像组件来解决,先在Storybook中使用,后续再替换为Astro图像,从而实现类似Astro构建的Storybook。

如何在Storybook中使用Astro图像

DEV Community
DEV Community · 2025-02-16T21:52:22Z
在React中探索Storybook – 为什么以及如何?

今天我探索了Storybook,这是一个强大的工具,帮助开发者独立构建、测试和文档化UI组件,提高前端开发效率,支持组件隔离开发、快速测试不同状态,并自动生成文档,促进团队协作。

在React中探索Storybook – 为什么以及如何?

DEV Community
DEV Community · 2025-02-10T05:24:57Z
使用 Storybook 8 设置 Stencil 4

本文介绍了如何设置和运行Stencil与Storybook,包括安装Stencil、导航项目、集成Storybook、更新tsconfig.json、配置Storybook、创建第一个故事及运行项目,最终实现组件更改的实时反映。

使用 Storybook 8 设置 Stencil 4

DEV Community
DEV Community · 2025-01-31T18:25:21Z
掌握React中的测试与文档:完整指南

在现代React应用开发中,强有力的测试和清晰的文档至关重要。Jest与React Testing Library的结合成为行业标准,帮助开发者有效测试组件。使用JSDoc进行文档化可提高代码可维护性,而Storybook则简化组件的开发与测试。这些工具的逐步实施将提升代码质量,促进团队协作。

掌握React中的测试与文档:完整指南

DEV Community
DEV Community · 2024-12-06T02:34:30Z
如何让Storybook Interactions尊重用户的运动偏好

在公司的Storybook中发现组件频繁重渲染,原因是Storybook Interactions插件。该插件模拟用户交互,但对启用减少运动偏好的用户可能造成不适。建议开发一个插件,让用户根据偏好开启或关闭交互功能,以提高可访问性。

如何让Storybook Interactions尊重用户的运动偏好

The GitHub Blog
The GitHub Blog · 2024-11-20T17:00:51Z
Storybook:现代前端的工作坊

在应用开发中,状态管理常常复杂。Storybook 提供独立工作区,简化组件开发与测试。用户通过“故事”文件展示组件不同状态,自动生成文档,便于理解和使用。它支持多种框架,提升开发效率。

Storybook:现代前端的工作坊

DEV Community
DEV Community · 2024-11-03T20:43:49Z

Storybook 是一个强大的工具,帮助开发者高效创建和展示可重用组件。它加快开发进程,提供直观界面,便于与设计师和利益相关者协作。尽管对于小项目设置可能耗时,但其热重载和插件扩展功能提升了开发效率。总体而言,Storybook 显著提高了组件开发的效率和效果。

使用 Storybook 创建可重用组件

DEV Community
DEV Community · 2024-10-05T00:38:16Z

本文讲述如何在Angular项目中用Vite替代Webpack来构建和运行Storybook。步骤包括初始化Storybook,安装AnalogJS Vite插件和Storybook Vite构建器,配置.storybook/main.ts文件,更新package.json以运行Storybook命令,以及在使用Nx的项目中更新project.json。最后,通过运行Storybook命令启动开发服务器或构建Storybook。

在 Angular 中使用 Vite 和 Storybook 🎨

DEV Community
DEV Community · 2024-09-26T14:00:00Z

这篇文章主要介绍了React社区的一些有趣的文章和React Native的一些公告。其中包括TanStack Router的介绍、TypeScript在TanStack Router中的性能问题、React Query中的无限查询、Clerk TanStack start SDK的介绍等。此外还有其他一些React相关的文章和工具的介绍。

本周 React #201:TanStack、Remix、Next.js-SaaS-Starter、Astro、Redwood、Storybook、Conform...

DEV Community
DEV Community · 2024-09-20T12:38:02Z

Storybook是一个组件驱动的前端开发工具,支持多种框架,提供高质量的开发体验。它简化调试,提高组件功能的清晰度,提高市场敏捷性和产品质量,降低成本,加快上市时间,实现灵活的开发扩展性,确保高质量的产品和竞争优势。它还提供精确的组件开发、动态文档、协作、测试和QA等技术优势。

什么是Storybook及其使用价值

DEV Community
DEV Community · 2024-09-20T10:45:18Z

设计系统工具:Storybook、Chromatic、Zeroheight、Supernova和Figma Tokens,用于实时UI开发、视觉测试、文档编写、管理和交付设计系统。

使用这五种设计系统工具构建更好的用户界面

DEV Community
DEV Community · 2024-09-18T10:55:09Z
  • <<
  • <
  • 1 (current)
  • 2
  • >
  • >>
👤 个人中心
在公众号发送验证码完成验证
登录验证
在本设备完成一次验证即可继续使用

完成下面两步后,将自动完成登录并继续当前操作。

1 关注公众号
小红花技术领袖公众号二维码
小红花技术领袖
如果当前 App 无法识别二维码,请在微信搜索并关注该公众号
2 发送验证码
在公众号对话中发送下面 4 位验证码
友情链接: MOGE.AI 九胧科技 模力方舟 Gitee AI 菜鸟教程 Remio.AI DeekSeek连连 53AI 神龙海外代理IP IPIPGO全球代理IP 东波哥的博客 匡优考试在线考试系统 开源服务指南 蓝莺IM Solo 独立开发者社区 AI酷站导航 极客Fun 我爱水煮鱼 周报生成器 He3.app 简单简历 白鲸出海 T沙龙 职友集 TechParty 蟒周刊 Best AI Music Generator

小红花技术领袖俱乐部
小红花·文摘:汇聚分发优质内容
小红花技术领袖俱乐部
Copyright © 2021-
粤ICP备2022094092号-1
公众号 小红花技术领袖俱乐部公众号二维码
视频号 小红花技术领袖俱乐部视频号二维码