Índice:

Como faço para executar o livro de histórias e reagir?
Como faço para executar o livro de histórias e reagir?

Vídeo: Como faço para executar o livro de histórias e reagir?

Vídeo: Como faço para executar o livro de histórias e reagir?
Vídeo: Dentro da História com a Turma da Mônica! Veja como criar. 2024, Abril
Anonim

Isso é instalado pelo Storybook durante a configuração automática (Storybook 5.3 ou mais recente)

  1. Etapa 1: adicionar dependências. Adicionar @ livro de histórias / reagir .
  2. Etapa 2: adicione um script npm. Em seguida, adicione o seguinte script NPM ao seu package.json para iniciar o livro de histórias posteriormente neste guia:
  3. Etapa 3: Crie o arquivo principal.
  4. Etapa 4: Escreva suas histórias.

Além disso, como você usa o livro de histórias com reage?

  1. Instalação do Storybook. Essas 2 linhas de código irão instalar o Storybook em seu projeto React: cd my-project-directory.
  2. Complemento de botões. Objetivo: Edite as propriedades do seu componente em tempo real no Storybook.
  3. Complemento Storyshots. Objetivo: adicionar teste instantâneo de Jest automático a todas as suas histórias.
  4. Bônus: mais algumas dicas.

Da mesma forma, como você reage ao host? Hospede um site baseado no React gratuitamente com o Firebase Hosting e conecte-se com seu próprio domínio personalizado

  1. Etapa 1: crie um novo projeto no Firebase console.
  2. Etapa 2: Baixe e instale o Node.js.
  3. Etapa 3: instalar o pacote de nós de fio.
  4. Etapa 4: crie um novo aplicativo React.
  5. Etapa 5: instalar o pacote npm firebase-tools.

Portanto, para que serve o livro de histórias?

Livro de histórias é uma ferramenta de código aberto para o desenvolvimento de componentes de IU isoladamente para Reagir , Vue e Angular. Isso torna a criação de UIs impressionantes organizada e eficiente. Primeiros passos Assista ao vídeo. Feito para. Reagir.

Como faço para começar o livro de histórias?

Isso é instalado pelo Storybook durante a configuração automática (Storybook 5.3 ou mais recente)

  1. Etapa 1: adicionar dependências. Adicionar @ storybook / react.
  2. Etapa 2: adicione um script npm. Em seguida, adicione o seguinte script NPM ao seu package.json para iniciar o livro de histórias posteriormente neste guia:
  3. Etapa 3: Crie o arquivo principal.
  4. Etapa 4: Escreva suas histórias.

Recomendado: