آموزش ساخت کتابخانههای مقیاسپذیر کامپوننت UI با React و Storybook - آخرین آپدیت
دانلود Building Scalable React UI Component Libraries with Storybook
در این دوره، ایفئوما نوسو (Ifeoma Nwosu)، مهندس نرمافزار فرانتاند، شما را با اصول ساخت کتابخانههای کامپوننت UI مقیاسپذیر و قابل استفاده مجدد با استفاده از React و Storybook آشنا میکند.
بیاموزید که چگونه کامپوننتهایی طراحی و پیادهسازی کنید که کارآمد، یکپارچه و با قابلیت نگهداری آسان باشند. در این مسیر، کشف کنید که React و Storybook چگونه در کنار هم به شما کمک میکنند تا کامپوننتهای خود را با اطمینان مستند کرده و بهصورت بصری تست کنید.
علاوه بر این، در مبانی توسعه کامپوننت-محور (Component-Driven Development) عمیق شوید تا بتوانید کتابخانههایی ایجاد کنید که جریان کاری را ساده کرده، همکاری تیمی را بهبود بخشیده و رابطهای کاربری پویا، ریسپانسیو و دسترسپذیر ارائه دهند.
این دوره به شما کمک میکند مهارتهای لازم برای ساخت کتابخانههای کامپوننت را به گونهای کسب کنید که تمام تیم شما از استفاده از آن لذت ببرند.
مقدمه Introduction
-
ساخت کتابخانههای مقیاسپذیر با React و Storybook Building scalable libraries with React and Storybook
1. راهاندازی پروژه و ابزارها 1. Project Setup and Tooling
-
چالش: ایجاد یک کامپوننت جدید در React Challenge: Create a new React component
-
راهاندازی یک پروژه جدید React Setting up a new React project
-
نصب و پیکربندی Storybook Installing and setting up Storybook
-
ساخت کامپوننتهای React Creating React components
-
پاسخ چالش: ایجاد یک کامپوننت جدید در React Solution: Create a new React component
2. آشنایی با Storybook 2. Introduction to Storybook
-
بررسی رابط کاربری Storybook Exploring the Storybook interface
-
Storybook چیست و چرا باید از آن استفاده کرد؟ What is Storybook and why use it?
-
نوشتن اولین استوری (Story) Writing your first story
-
پاسخ: نوشتن اولین استوری Solution: Write your first story
-
چالش: نوشتن اولین استوری Challenge: Write your first story
3. توسعه کامپوننتهای قابل استفاده مجدد در React برای کتابخانهها 3. Developing Reusable React Components for Component Libraries
-
استایلدهی یکپارچه با استفاده از Styled Components و توکنهای طراحی Consistent styling using styled-components and design tokens
-
قابلیت اطمینان کامپوننتها با رعایت اصول دسترسپذیری (Accessibility) Making components reliable with accessibility essentials
4. مستندسازی و مدیریت کامپوننتها در Storybook 4. Documenting and Managing Components in Storybook
-
پاسخ: افزودن کنترلها و اکشنها به یک کامپوننت React Solution: Add controls and actions to a React component
-
نوشتن استوریهای جامع با افزونه Docs Writing comprehensive stories with the Docs add-on
-
استفاده از Controls و Actions برای بهبود استوریها Using Controls and actions to enhance stories
-
چالش: افزودن کنترلها و اکشنها به یک کامپوننت React Challenge: Add controls and actions to a React component
جمعبندی Conclusion
-
گامهای بعدی Next steps
-
بهترین روشها (Best Practices) برای کتابخانههای کامپوننت Best practices for component libraries
https://donyad.com/d/9fc0ec
Ifeoma Nwosu
Ifeoma Nwosu یک مهندس نرم افزار جلویی است.
Ifeoma در مدیریت جامعه توسعه دهندگان و آموزش توسعه دهندگان با تجربه است. او شدیداً علاقه مند به حمایت از زنان در فناوری است و همچنین برای جوامع فنی داوطلب شده است تا زنان را در ایجاد مشاغل خود در توسعه نرم افزار راهنمایی کنند. او همچنین در کنفرانس فنی صحبت می کند.
نمایش نظرات