Skip to content

Commit

Permalink
Minor Fixes to the Italian translations
Browse files Browse the repository at this point in the history
  • Loading branch information
jonniebigodes committed May 14, 2024
1 parent 4577b05 commit 22c93ff
Show file tree
Hide file tree
Showing 5 changed files with 16 additions and 8 deletions.
3 changes: 2 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -247,12 +247,13 @@ Currently, the [Intro to Storybook tutorial](https://storybook.js.org/tutorials/
| | Korean ||
| | Japanese ||
| | French ||
| | Italian | |
| | Italian | |
| | German ||
| React Native | English ||
| | Spanish ||
| | Portuguese ||
| Vue | English ||
| | Italian ||
| | Spanish ||
| | Portuguese ||
| | French ||
Expand Down
2 changes: 1 addition & 1 deletion content/intro-to-storybook/react/it/get-started.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ description: 'Configura Storybook nel tuo ambiente di sviluppo'
commit: 'bf3514f'
---

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/en/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).
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).

![Storybook e la tua app](/intro-to-storybook/storybook-relationship.jpg)

Expand Down
14 changes: 10 additions & 4 deletions content/intro-to-storybook/react/it/screen.md
Original file line number Diff line number Diff line change
Expand Up @@ -246,15 +246,14 @@ Successivamente, dovremo aggiornare il nostro file `.storybook/preview.js` e ini
import '../src/index.css';

+ // Registers the msw addon
+ import { initialize, mswDecorator } from 'msw-storybook-addon';
+ import { initialize, mswLoader } from 'msw-storybook-addon';

+ // Initialize MSW
+ initialize();

//👇 Configures Storybook to log the actions( onArchiveTask and onPinTask ) in the UI.
/** @type { import('@storybook/react').Preview } */
const preview = {
+ decorators: [mswDecorator],
parameters: {
actions: { argTypesRegex: "^on[A-Z].*" },
controls: {
Expand All @@ -264,6 +263,7 @@ const preview = {
},
},
},
+ loaders: [mswLoader],
};

export default preview;
Expand Down Expand Up @@ -354,10 +354,10 @@ import { Provider } from 'react-redux';

+ import {
+ fireEvent,
+ within,
+ waitFor,
+ within,
+ waitForElementToBeRemoved
+ } from '@storybook/testing-library';
+ } from '@storybook/test';

export default {
component: InboxScreen,
Expand Down Expand Up @@ -408,6 +408,12 @@ export const Error = {
};
```

<div class="aside">

💡 Il pacchetto `@storybook/test` sostituisce i pacchetti di test `@storybook/jest` e `@storybook/testing-library` offrendo una dimensione bundle più piccola e un'API più semplice basata sul pacchetto [Vitest](https://vitest.dev/).

</div>

Controlla la storia `Default`. Clicca sul pannello `Interazioni` per vedere l'elenco delle interazioni all'interno della funzione play della storia.

<video autoPlay muted playsInline loop>
Expand Down
2 changes: 1 addition & 1 deletion content/intro-to-storybook/vue/it/simple-component.md
Original file line number Diff line number Diff line change
Expand Up @@ -106,7 +106,7 @@ export const Archived = {
```

<div class="aside">
💡 <a href="https://storybook.js.org/docs/vue/essentials/actions">Le <b>Actions</b></a> ti aiutano a verificare le interazioni quando costruisci componenti UI in isolamento. Spesso non avrai accesso alle funzioni e allo state che hai nel contesto dell'app. Usa <code>action()</code> per simularli.
💡 Le <a href="https://storybook.js.org/docs/vue/essentials/actions"><b>Actions</b></a> ti aiutano a verificare le interazioni quando costruisci componenti UI in isolamento. Spesso non avrai accesso alle funzioni e allo state che hai nel contesto dell'app. Usa <code>action()</code> per simularli.
</div>

Ci sono due livelli base di organizzazione in Storybook: il componente e le sue storie figlie. Pensa a ogni storia come a una permutazione di un componente. Puoi avere quante storie per componente ti servono.
Expand Down
3 changes: 2 additions & 1 deletion gatsby-config.js
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ module.exports = {
en: 7.6,
es: 6.5,
fr: 6.5,
it: 7.5,
it: 7.6,
ja: 6.5,
ko: 6.4,
nl: 5.3,
Expand All @@ -42,6 +42,7 @@ module.exports = {
es: 6.1,
fr: 5.3,
pt: 5.3,
it: 7.6,
'zh-CN': 6.5,
},
angular: {
Expand Down

0 comments on commit 22c93ff

Please sign in to comment.