Skip to content

Commit 26e48e8

Browse files
jonniebigodesjonniebigodes
committed
Adjust commit hashes for other translations
1 parent c87347c commit 26e48e8

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

72 files changed

+73
-73
lines changed

‎content/intro-to-storybook/react/ar/composite-component.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: 'جمّع مكون مركب'
33
tocTitle: 'مكون مركب'
44
description: 'جمّع مكون مركب من مكونات بسيطة'
5-
commit: '429780a'
5+
commit: 'cfa25b6'
66
---
77

88
<div style="direction: rtl">

‎content/intro-to-storybook/react/ar/data.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: 'اربط البيانات'
33
tocTitle: 'البياتات'
44
description: 'تعلم كيفية ربط البيانات مع مكون واجهة المستخدم'
5-
commit: 'c70ec15'
5+
commit: 'f9eaeef'
66
---
77

88
<div style="direction: rtl">

‎content/intro-to-storybook/react/ar/deploy.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: 'أطلق ستوريبوك'
33
tocTitle: 'أطلق'
44
description: 'تعلم كيفية إطلاق ستوريبوك أونلاين'
5-
commit: '59da1ac'
5+
commit: '4531813'
66
---
77

88
<div style="direction: rtl">

‎content/intro-to-storybook/react/ar/get-started.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: 'دروس ستوريبوك مع رياكت'
33
tocTitle: '!ابدأ'
44
description: 'جهّز ستوريبوك في بيئة التطوير الخاصة بك'
5-
commit: 'bf3514f'
5+
commit: '2407c3c'
66
---
77

88
<div style="direction: rtl">

‎content/intro-to-storybook/react/ar/screen.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: 'أنشئ واجهة'
33
tocTitle: 'واجهات'
44
description: 'أنشئ واجهة من المكونات'
5-
commit: '2275632'
5+
commit: '6262d7f'
66
---
77

88
<div style="direction: rtl">

‎content/intro-to-storybook/react/ar/simple-component.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: 'قم ببناء مكون بسيط'
33
tocTitle: 'مكون بسيط'
44
description: 'قم ببناء مكون بسيط بشكل منعزل'
5-
commit: '9b36e1a'
5+
commit: 'bc897c5'
66
---
77

88
<div style="direction: rtl">

‎content/intro-to-storybook/react/ar/using-addons.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: 'الإضافات'
33
tocTitle: 'الإضافات'
44
description: 'تعلم كيفية دمج و استخدام إضافات ضبط مشهورة'
5-
commit: 'f89cfe0'
5+
commit: '17d3ab9'
66
---
77

88
<div style="direction: rtl">

‎content/intro-to-storybook/react/de/composite-component.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: 'Baue eine Komposition'
33
tocTitle: 'Komposition'
44
description: 'Setze eine Komposition aus einfachen Komponenten zusammen'
5-
commit: '429780a'
5+
commit: 'cfa25b6'
66
---
77

88
Im letzten Kapitel haben wir unsere erste Komponente entwickelt; in diesem Kapitel erweitern wir das Gelernte, um `TaskList` zu bauen, eine Liste von Aufgaben. Lass uns Komponenten miteinander kombinieren und sehen, was passiert, wenn mehr Komplexität ins Spiel kommt.

‎content/intro-to-storybook/react/de/data.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: 'Daten einbinden'
33
tocTitle: 'Daten'
44
description: 'Lerne, Daten in deine UI-Komponente einzubinden'
5-
commit: 'c70ec15'
5+
commit: 'f9eaeef'
66
---
77

88
Bisher haben wir isolierte, zustandslose Komponenten erstellt - perfekt für Storybook, aber letztlich nutzlos, bis wir ihnen einige Daten in unserer App zur Verfügung stellen.

‎content/intro-to-storybook/react/de/get-started.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: 'Storybook für React Tutorial'
33
tocTitle: 'Leg los'
44
description: 'Richte Storybook in deiner Entwicklungsumgebung ein'
5-
commit: 'bf3514f'
5+
commit: '2407c3c'
66
---
77

88
Storybook läuft parallel zu deiner App im Entwicklungs-Modus. Es hilft dir, UI-Komponenten unabhängig von Business-Logik und vom Kontext deiner App zu entwickeln. Diese Edition von "Lerne Storybook" ist für React; es gibt andere Editionen für [Vue](/intro-to-storybook/vue/en/get-started) und [Angular](/intro-to-storybook/angular/en/get-started).

‎content/intro-to-storybook/react/de/screen.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: 'Einen Screen erstellen'
33
tocTitle: 'Screens'
44
description: 'Stelle einen Screen aus Komponenten zusammen'
5-
commit: '2275632'
5+
commit: '6262d7f'
66
---
77

88
Bisher haben wir uns darauf konzentriert, UIs bottom-up zu bauen; klein starten und Komplexität hinzufügen. Das erlaubte uns, jede Komponente in Isolation zu entwickeln, ihre Anforderungen an Daten zu ermitteln und damit in Storybook herumzuspielen. All das, ohne einen Server aufzusetzen oder Screens zu erstellen.

‎content/intro-to-storybook/react/de/simple-component.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: 'Baue eine einfache Komponente'
33
tocTitle: 'Einfache Komponente'
44
description: 'Baue eine einfache Komponente in Isolation'
5-
commit: '9b36e1a'
5+
commit: 'bc897c5'
66
---
77

88
Beim Bauen unserer UI werden wir nach der [Component-Driven Development](https://www.componentdriven.org/) (CDD) Methodik vorgehen. Das it ein Vorgehen, in dem UIs "bottom up" entwickelt werden. Man beginnt mit Komponenten und endet mit Screens. CDD hilft dabei, die Komplexität zu begrenzen, mit der man beim Bauen einer UI konfrontiert wird.

‎content/intro-to-storybook/react/es/composite-component.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: 'Ensamblar un componente compuesto'
33
tocTitle: 'Componente Compuesto'
44
description: 'Ensamblar un componente compuesto a partir de componentes simples'
5-
commit: '429780a'
5+
commit: 'cfa25b6'
66
---
77

88
En el capítulo anterior, construimos nuestro primer componente; en este capítulo, ampliamos lo que aprendimos para construir TaskList, una lista de Tasks. Vamos a combinar componentes y ver qué sucede cuando introducimos más complejidad.
@@ -127,7 +127,7 @@ Ahora hay que revisar Storybook para ver las nuevas historias de `TaskList`.
127127

128128
## Construir los estados
129129

130-
Nuestro componente todavía es rudimentario, pero ahora tenemos una idea de las historias en las que trabajaremos. Puede que estés pensando que el envoltorio de `.list-items` es demasiado simplista. Tienes razón: en la mayoría de los casos no crearíamos un nuevo componente sólo para añadir un envoltorio. Pero la **verdadera complejidad** del componente `TaskList` se revela en los casos extremos `withPinnedTasks`, `loading`, y `empty`.
130+
Nuestro componente todavía es rudimentario, pero ahora tenemos una idea de las historias en las que trabajaremos. Puede que estés pensando que el envoltorio de `.list-items` es demasiado simplista. Tienes razón: en la mayoría de los casos no crearíamos un nuevo componente sólo para añadir un envoltorio. Pero la **verdadera complejidad** del componente `TaskList` se revela en los casos extremos `withPinnedTasks`, `loading`, y `empty`.
131131

132132
```jsx:title=src/components/TaskList.jsx
133133
import Task from './Task';

‎content/intro-to-storybook/react/es/data.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: 'Introducir datos'
33
tocTitle: 'Datos'
44
description: 'Aprende como introducir datos a tus componentes UI'
5-
commit: 'c70ec15'
5+
commit: 'f9eaeef'
66
---
77

88
Hasta ahora hemos creado componentes aislados sin estado, muy útiles para Storybook, pero finalmente no son útiles hasta que les proporcionemos algunos datos en nuestra aplicación.

‎content/intro-to-storybook/react/es/deploy.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: 'Desplegar Storybook'
33
tocTitle: 'Desplegar'
44
description: 'Aprender como desplegar Storybook'
5-
commit: '59da1ac'
5+
commit: '4531813'
66
---
77

88
En este tutorial, hemos construido componentes en nuestra máquina de desarrollo local. En algún momento, vamos a necesitar compartir nuestro trabajo para obtener feedback del equipo. Vamos a desplegar Storybook para ayudar a nuestros compañeros a revisar la implementación de la interfaz de usuario.

‎content/intro-to-storybook/react/es/get-started.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: 'Storybook para React tutorial'
33
tocTitle: 'Empezando'
44
description: 'Configurar React Storybook en tu entorno de desarrollo'
5-
commit: 'bf3514f'
5+
commit: '2407c3c'
66
---
77

88
Storybook se ejecuta junto con tu aplicación en modo desarrollo. Te ayuda a crear componentes de UI aislados de la lógica y el contexto de tu aplicación. Esta edición de Aprende Storybook es para React; existe otras ediciones para [React Native](/intro-to-storybook/react-native/es/get-started), [Vue](/intro-to-storybook/vue/es/get-started), [Angular](/intro-to-storybook/angular/es/get-started) y [Svelte](/intro-to-storybook/svelte/es/get-started).

‎content/intro-to-storybook/react/es/screen.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: 'Construir una pantalla'
33
tocTitle: 'Pantallas'
44
description: 'Construir una pantalla con componentes'
5-
commit: '2275632'
5+
commit: '6262d7f'
66
---
77

88
Nos hemos concentrado en crear interfaces de usuario de abajo hacia arriba; comenzando por lo pequeño y añadiendo complejidad. Esto nos ha permitido desarrollar cada componente de forma aislada, determinar los datos que necesita y jugar con ellos en Storybook. ¡Todo sin necesidad de levantar un servidor o construir pantallas!

‎content/intro-to-storybook/react/es/simple-component.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: 'Construye un componente simple'
33
tocTitle: 'Componente Simple'
44
description: 'Construye un componente simple en aislamiento'
5-
commit: '9b36e1a'
5+
commit: 'bc897c5'
66
---
77

88
Construiremos nuestra UI siguiendo la metodología (CDD) [Component-Driven Development](https://www.componentdriven.org/). Es un proceso que construye UIs de “abajo hacia arriba”, empezando con los componentes y terminando con las pantallas. CDD te ayuda a escalar la cantidad de complejidad con la que te enfrentas a medida que construyes la UI.

‎content/intro-to-storybook/react/es/using-addons.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: 'Complementos'
33
tocTitle: 'Complementos'
44
description: 'Aprende como integrar y utilizar el popular complemento Controls'
5-
commit: 'f89cfe0'
5+
commit: '17d3ab9'
66
---
77

88
Storybook tiene un ecosistema sólido de [complementos, o "addons"](https://storybook.js.org/docs/configure/user-interface/storybook-addons) que puedes utilizar para mejorar la experiencia del desarrollador para todos en tu equipo. Puedes ver todo los complementos [aquí](https://storybook.js.org/integrations).

‎content/intro-to-storybook/react/fr/composite-component.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: 'Assembler un composant complexe'
33
tocTitle: 'Composant complexe'
44
description: 'Assembler un composant complexe à partir de composants plus simples'
5-
commit: '429780a'
5+
commit: 'cfa25b6'
66
---
77

88
Dans le précédent chapitre, nous avons construit notre premier composant. Ce chapitre prolonge ce que nous avons appris pour construire une liste de tâches (`Tasklist`). Combinons les composants ensemble et voyons ce qui se passe lorsque nous introduisons plus de complexité.

‎content/intro-to-storybook/react/fr/data.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: 'Transmettre des données'
33
tocTitle: 'Données'
44
description: "Apprenez comment transmettre des données à votre composant d'interface d'utilisateur"
5-
commit: 'c70ec15'
5+
commit: 'f9eaeef'
66
---
77

88
Jusqu'à présent, nous avons créé des composants isolés et sans états - très bien pour Storybook, mais finalement inutiles tant que nous ne fournissons pas de données dans notre application.

‎content/intro-to-storybook/react/fr/deploy.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: 'Déployer Storybook'
33
tocTitle: 'Déploiement'
44
description: 'Découvrez comment déployer Storybook en ligne'
5-
commit: '59da1ac'
5+
commit: '4531813'
66
---
77

88
Tout au long de ce tutoriel, nous avons construit des composants sur notre machine de développement en local. À un moment donné, nous devrons partager notre travail pour avoir des retours de l'équipe. Déployons Storybook en ligne pour aider nos coéquipiers à examiner l'implémentation de l'interface utilisateur.

‎content/intro-to-storybook/react/fr/get-started.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: 'Tutoriel de Storybook pour React'
33
tocTitle: 'Débuter'
44
description: 'Configurer Storybook dans votre environnement de développement'
5-
commit: 'bf3514f'
5+
commit: '2407c3c'
66
---
77

88
Storybook s'exécute parallèlement à votre application en mode développement. Il vous aide à construire des composants d'interface utilisateur (User Interface ou UI) isolés de la logique applicative et du contexte de votre application. Cette édition de Learn Storybook est pour React; d'autres éditions existent pour [React Native](/intro-to-storybook/react-native/en/get-started), [Vue](/intro-to-storybook/vue/fr/get-started), [Angular](/intro-to-storybook/angular/en/get-started), [Svelte](/intro-to-storybook/svelte/en/get-started) et [Ember](/intro-to-storybook/ember/en/get-started).

‎content/intro-to-storybook/react/fr/screen.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: 'Construire un écran'
33
tocTitle: 'Écrans'
44
description: 'Construire un écran à partir de composants'
5-
commit: '2275632'
5+
commit: '6262d7f'
66
---
77

88
Nous nous sommes concentrés sur la création d'une UI de bas en haut, en commençant simplement et en ajoutant de la complexité. Cela nous a permis de développer chaque composant séparément, de déterminer ses besoins en données et de jouer avec dans Storybook. Tout cela sans avoir besoin de mettre en place un serveur ou de construire des écrans!

‎content/intro-to-storybook/react/fr/simple-component.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: 'Créer un simple composant'
33
tocTitle: 'Simple composant'
44
description: 'Créer un simple composant en isolation'
5-
commit: '9b36e1a'
5+
commit: 'bc897c5'
66
---
77

88
Nous allons construire notre UI en suivant la méthode [de développement orienté composant](https://www.componentdriven.org/) (CDD). Il s'agit d'un processus qui construit les interfaces utilisateur de "bas en haut" en commençant par les composants et en terminant par les écrans. Le CDD vous permet d'évaluer le degré de complexité auquel vous êtes confronté lors de la construction de l'UI.

‎content/intro-to-storybook/react/fr/using-addons.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: 'Addons'
33
tocTitle: 'Addons'
44
description: 'Apprenez comment intégrer et utiliser le populaire addon Controls'
5-
commit: 'f89cfe0'
5+
commit: '17d3ab9'
66
---
77

88
Storybook dispose d'un système robuste d'[addons](https://storybook.js.org/docs/react/configure/storybook-addons) avec lequel vous pouvez améliorer l'expérience de développement de toute votre équipe. Consultez-les tous [ici](https://storybook.js.org/integrations).

‎content/intro-to-storybook/react/it/composite-component.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: 'Assembla un componente composito'
33
tocTitle: 'Componente composito'
44
description: 'Assembla un componente composito da componenti più semplici'
5-
commit: '429780a'
5+
commit: 'cfa25b6'
66
---
77

88
Nell'ultimo capitolo, abbiamo costruito il nostro primo componente; questo capitolo estende ciò che abbiamo imparato per realizzare TaskList, una lista di Task. Uniamoli insieme e vediamo cosa succede quando introduciamo più complessità.

‎content/intro-to-storybook/react/it/data.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: 'Collegare i dati'
33
tocTitle: 'Dati'
44
description: 'Impara come collegare i dati al tuo componente UI'
5-
commit: 'c70ec15'
5+
commit: 'f9eaeef'
66
---
77

88
Finora, abbiamo creato componenti senza stato isolati, ottimi per Storybook, ma alla fine non utili finché non gli forniamo alcuni dati nella nostra app.

‎content/intro-to-storybook/react/it/deploy.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: 'Effettuare il deploy di Storybook'
33
tocTitle: 'Deploy'
44
description: 'Impara come effettuare il deploy di Storybook online'
5-
commit: '59da1ac'
5+
commit: '4531813'
66
---
77

88
Durante questo tutorial, abbiamo costruito componenti sulla nostra macchina di sviluppo locale. Ad un certo punto, avremo bisogno di condividere il nostro lavoro per ottenere feedback dal team. Effettuiamo il deploy di Storybook online per aiutare i membri del team a revisionare l'implementazione dell'UI.

‎content/intro-to-storybook/react/it/get-started.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: 'Tutorial di Storybook per React'
33
tocTitle: 'Inizia'
44
description: 'Configura Storybook nel tuo ambiente di sviluppo'
5-
commit: 'bf3514f'
5+
commit: '2407c3c'
66
---
77

88
Storybook funziona in parallelo con la tua app in modalità di sviluppo. Ti aiuta a costruire componenti dell'interfaccia utente isolati dalla logica aziendale e dal contesto della tua app. Questa edizione del tutorial Intro to Storybook è per React; esistono altre edizioni per [React Native](/intro-to-storybook/react-native/en/get-started), [Vue](/intro-to-storybook/vue/it/get-started), [Angular](/intro-to-storybook/angular/en/get-started), [Svelte](/intro-to-storybook/svelte/en/get-started) ed [Ember](/intro-to-storybook/ember/en/get-started).

‎content/intro-to-storybook/react/it/screen.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: 'Costruisci una schermata'
33
tocTitle: 'Schermate'
44
description: 'Costruisci una schermata da componenti'
5-
commit: '2275632'
5+
commit: '6262d7f'
66
---
77

88
Ci siamo concentrati sulla costruzione di interfacce utente dal basso verso l'alto, partendo da piccole e aggiungendo complessità. Farlo ci ha permesso di sviluppare ogni componente in isolamento, capire le sue esigenze di dati e giocare con esso in Storybook. Tutto senza dover avviare un server o costruire schermate!

‎content/intro-to-storybook/react/it/simple-component.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: 'Costruisci un componente semplice'
33
tocTitle: 'Componente semplice'
44
description: 'Costruisci un componente semplice in isolamento'
5-
commit: '9b36e1a'
5+
commit: 'bc897c5'
66
---
77

88
Costruiremo la nostra UI seguendo una metodologia [Component-Driven Development](https://www.componentdriven.org/) (CDD). È un processo che costruisce le UI dal "basso verso l'alto", partendo dai componenti e terminando con gli schermi. Il CDD ti aiuta a gestire l'ammontare di complessità a cui sei sottoposto mentre costruisci la UI.

‎content/intro-to-storybook/react/it/using-addons.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: 'Addons'
33
tocTitle: 'Addons'
44
description: 'Impara come integrare e utilizzare il popolare addon Controls'
5-
commit: 'f89cfe0'
5+
commit: '17d3ab9'
66
---
77

88
Storybook ha un robusto ecosistema di [addons](https://storybook.js.org/docs/react/configure/storybook-addons) che puoi utilizzare per migliorare l'esperienza dello sviluppatore per tutti nel tuo team. Visualizzali tutti [qui](https://storybook.js.org/addons).

‎content/intro-to-storybook/react/ja/composite-component.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: '複合的なコンポーネントを組み立てる'
33
tocTitle: '複合的なコンポーネント'
44
description: '単純なコンポーネントから複合的なコンポーネントを組み立てましょう'
5-
commit: '429780a'
5+
commit: 'cfa25b6'
66
---
77

88
前の章では、最初のコンポーネントを作成しました。この章では、学習した内容を基にタスクのリストである `TaskList` を作成します。それではコンポーネントを組み合わせて、複雑になった場合にどうすればよいか見てみましょう。

‎content/intro-to-storybook/react/ja/data.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: 'データを繋ぐ'
33
tocTitle: 'データ'
44
description: 'UI コンポーネントとデータを繋ぐ方法を学びましょう'
5-
commit: 'c70ec15'
5+
commit: 'f9eaeef'
66
---
77

88
これまでに、Storybook の切り離された環境で、状態を持たないコンポーネントを作成してきました。しかし、究極的には、アプリケーションからコンポーネントにデータを渡さなければ役には立ちません。

‎content/intro-to-storybook/react/ja/deploy.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: 'Storybook をデプロイする'
33
tocTitle: 'デプロイ'
44
description: 'Storybook をインターネット上にデプロイする方法を学びましょう'
5-
commit: '59da1ac'
5+
commit: '4531813'
66
---
77

88
ここまで、ローカルの開発マシンでコンポーネントを作成してきました。しかし、ある時点で、フィードバックを得るためにチームに作業を共有しなければならないこともあるでしょう。チームメートに UI の実装をレビューしてもらうため、Storybook をインターネット上にデプロイしてみましょう。

‎content/intro-to-storybook/react/ja/get-started.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: 'React 向け Storybook のチュートリアル'
33
tocTitle: 'はじめに'
44
description: '開発環境に Storybook を導入しましょう'
5-
commit: 'bf3514f'
5+
commit: '2407c3c'
66
---
77

88
Storybook は開発時にアプリケーションと並行して動きます。Storybook を使用することで、UI コンポーネントをビジネスロジックやコンテキストから切り離して開発できるようになります。この文書は React 向けです。他にも [React Native](/intro-to-storybook/react-native/en/get-started)、[Vue](/intro-to-storybook/vue/en/get-started)、[Angular](/intro-to-storybook/angular/en/get-started)、[Svelte](/intro-to-storybook/svelte/en/get-started)、[Ember](/intro-to-storybook/ember/en/get-started) 向けのバージョンがあります。

‎content/intro-to-storybook/react/ja/screen.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: '画面を作る'
33
tocTitle: '画面'
44
description: 'コンポーネントをまとめて画面を作りましょう'
5-
commit: '2275632'
5+
commit: '6262d7f'
66
---
77

88
今までボトムアップ (小規模な状態から複雑さを追加していく) で UI の作成に集中してきました。ボトムアップで作業することで、Storybook で遊びながら、それぞれのコンポーネントを切り離された環境で、それぞれに必要なデータを考えながら開発することができました。サーバーを立ち上げたり、画面を作ったりする必要はまったくありませんでした！

‎content/intro-to-storybook/react/ja/simple-component.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: '単純なコンポーネントを作る'
33
tocTitle: '単純なコンポーネント'
44
description: '単純なコンポーネントを切り離して作りましょう'
5-
commit: '9b36e1a'
5+
commit: 'bc897c5'
66
---
77

88
それでは、[コンポーネント駆動開発](https://www.componentdriven.org/) (CDD) の手法にのっとって UI を作ってみましょう。コンポーネント駆動開発とは、UI を最初にコンポーネントから作り始めて、最後に画面を作り上げる「ボトムアップ」の開発プロセスです。CDD を用いれば、 UI を作る際に直面する複雑性を軽減できます。

‎content/intro-to-storybook/react/ja/using-addons.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: 'アドオン'
33
tocTitle: 'アドオン'
44
description: '人気のコントロールアドオンの使用方法を学びましょう'
5-
commit: 'f89cfe0'
5+
commit: '17d3ab9'
66
---
77

88
Storybook にはチームの開発効率を向上する堅牢な[アドオン](https://storybook.js.org/docs/configure/user-interface/storybook-addons)のエコシステムがあります。[こちら](https://storybook.js.org/integrations) でアドオンのリストが見られます。

0 commit comments

Comments
 (0)