SlideShare uma empresa Scribd logo
1 de 15
Storybook com Angular pra
quê?
por Karol Suzuki
Quem sou ?
Graduada em Sistemas de
Informações pela UMC
Dev Front no MJV
Organizadora
Nerdzão/Nerdgilrz
Coordenadora CaquiCoders e
Caqui for Ladies
Incentivadora de mais
mulheres no T.I
Contatos
https://linktr.ee/KarolSuzuki
O que é Storybook?
Uma ferrramenta open source para
desenvolvimento de componentes ui
para desenvolvedores front-end
e o que isso quer
dizer?
Quer dizer que, você vai poder criar
histórias diferentes do seu
componente, documentar e facilitar a
exploração visual deles!
incrível !!!
Então vamos
experimentar?
Vou deixar o link do passo a passo que já
existe em portuguÊs :
https://dev.to/klauskpm/como-criar-uma-biblioteca-de-
componentes-com-angular-e-storybook-420p
vamos as referências!
Storybook :
https://storybook.js.org/docs/guid
es/guide-angular/
comunidade storybook:
https://storybook.js.org/community/
Repositório do exemplo:
https://github.com/suzukikarol/an
gular-storybook
Node:
https://nodejs.org/en/download/
Angular cli:
https://cli.angular.io/
Obrigada pela atenção!

Mais conteúdo relacionado

Semelhante a Storybook com angular pra quê?

Algaworks livro-spring-boot-v3.0
Algaworks livro-spring-boot-v3.0Algaworks livro-spring-boot-v3.0
Algaworks livro-spring-boot-v3.0MoisesInacio
 
Html5 para estudantes universitários
Html5 para estudantes universitáriosHtml5 para estudantes universitários
Html5 para estudantes universitáriosPaullo Norato
 
TDC 2015 Floripa - Testes de Unidade com Robolectric
TDC 2015 Floripa - Testes de Unidade com RobolectricTDC 2015 Floripa - Testes de Unidade com Robolectric
TDC 2015 Floripa - Testes de Unidade com RobolectricStefan Teixeira
 
TDC 2015 - Testes de Unidade com Robolectric
TDC 2015 - Testes de Unidade com Robolectric TDC 2015 - Testes de Unidade com Robolectric
TDC 2015 - Testes de Unidade com Robolectric Lucas Albuquerque
 
Criação e utilização do we.js na comunidade de práticas um relato de experiê...
Criação e utilização do we.js na comunidade de práticas  um relato de experiê...Criação e utilização do we.js na comunidade de práticas  um relato de experiê...
Criação e utilização do we.js na comunidade de práticas um relato de experiê...Alberto Souza
 
Mobile Conf 2015 - Testes de Unidade com Robolectric
Mobile Conf 2015 - Testes de Unidade com RobolectricMobile Conf 2015 - Testes de Unidade com Robolectric
Mobile Conf 2015 - Testes de Unidade com RobolectricLucas Albuquerque
 
Mobile Conf 2015 - Testes de Unidade com Robolectric
Mobile Conf 2015 - Testes de Unidade com RobolectricMobile Conf 2015 - Testes de Unidade com Robolectric
Mobile Conf 2015 - Testes de Unidade com RobolectricStefan Teixeira
 
SimulaRSO - Simulador de Recursos de Sistemas Operacionais
SimulaRSO - Simulador de Recursos de Sistemas OperacionaisSimulaRSO - Simulador de Recursos de Sistemas Operacionais
SimulaRSO - Simulador de Recursos de Sistemas OperacionaisCaio Ribeiro Pereira
 
School of Net Webinar: ExtJS 4
School of Net Webinar: ExtJS 4School of Net Webinar: ExtJS 4
School of Net Webinar: ExtJS 4Loiane Groner
 
Introdução JQuery
Introdução JQueryIntrodução JQuery
Introdução JQueryinfo_cimol
 
Dominando Jsf E Facelets Utilizando Spring 2.5, Hibernate E Jpa
Dominando Jsf E Facelets Utilizando Spring 2.5, Hibernate E JpaDominando Jsf E Facelets Utilizando Spring 2.5, Hibernate E Jpa
Dominando Jsf E Facelets Utilizando Spring 2.5, Hibernate E JpaAna Albert
 
2° Codelab - Por onde começar com AngularJS
2° Codelab  - Por onde começar com AngularJS2° Codelab  - Por onde começar com AngularJS
2° Codelab - Por onde começar com AngularJSGDGFoz
 
Webapp, já posso investir nisso ? Latinoware 2011
Webapp, já posso investir nisso ? Latinoware 2011Webapp, já posso investir nisso ? Latinoware 2011
Webapp, já posso investir nisso ? Latinoware 2011Bruno Fernandes "PorKaria"
 
Angular5, vue js ou react redux (Trilha de Javascript - TDC 2018 )
Angular5, vue js ou react redux (Trilha de Javascript - TDC 2018 )Angular5, vue js ou react redux (Trilha de Javascript - TDC 2018 )
Angular5, vue js ou react redux (Trilha de Javascript - TDC 2018 )Getúlio Strapazzon
 
Apresentação AngularJS - Angular UI
Apresentação AngularJS - Angular UIApresentação AngularJS - Angular UI
Apresentação AngularJS - Angular UICecília Rosa
 
Tecnologias na sala de aula
Tecnologias na sala de aulaTecnologias na sala de aula
Tecnologias na sala de aulaNaira Delazari
 
Componentes Transformers: Combinando o melhor de cada framework
Componentes Transformers: Combinando o melhor de cada frameworkComponentes Transformers: Combinando o melhor de cada framework
Componentes Transformers: Combinando o melhor de cada frameworkFlávio Lisboa
 

Semelhante a Storybook com angular pra quê? (20)

Algaworks livro-spring-boot-v3.0
Algaworks livro-spring-boot-v3.0Algaworks livro-spring-boot-v3.0
Algaworks livro-spring-boot-v3.0
 
Html5 para estudantes universitários
Html5 para estudantes universitáriosHtml5 para estudantes universitários
Html5 para estudantes universitários
 
TDC 2015 Floripa - Testes de Unidade com Robolectric
TDC 2015 Floripa - Testes de Unidade com RobolectricTDC 2015 Floripa - Testes de Unidade com Robolectric
TDC 2015 Floripa - Testes de Unidade com Robolectric
 
TDC 2015 - Testes de Unidade com Robolectric
TDC 2015 - Testes de Unidade com Robolectric TDC 2015 - Testes de Unidade com Robolectric
TDC 2015 - Testes de Unidade com Robolectric
 
Criação e utilização do we.js na comunidade de práticas um relato de experiê...
Criação e utilização do we.js na comunidade de práticas  um relato de experiê...Criação e utilização do we.js na comunidade de práticas  um relato de experiê...
Criação e utilização do we.js na comunidade de práticas um relato de experiê...
 
Mobile Conf 2015 - Testes de Unidade com Robolectric
Mobile Conf 2015 - Testes de Unidade com RobolectricMobile Conf 2015 - Testes de Unidade com Robolectric
Mobile Conf 2015 - Testes de Unidade com Robolectric
 
Mobile Conf 2015 - Testes de Unidade com Robolectric
Mobile Conf 2015 - Testes de Unidade com RobolectricMobile Conf 2015 - Testes de Unidade com Robolectric
Mobile Conf 2015 - Testes de Unidade com Robolectric
 
SimulaRSO - Simulador de Recursos de Sistemas Operacionais
SimulaRSO - Simulador de Recursos de Sistemas OperacionaisSimulaRSO - Simulador de Recursos de Sistemas Operacionais
SimulaRSO - Simulador de Recursos de Sistemas Operacionais
 
School of Net Webinar: ExtJS 4
School of Net Webinar: ExtJS 4School of Net Webinar: ExtJS 4
School of Net Webinar: ExtJS 4
 
Introdução JQuery
Introdução JQueryIntrodução JQuery
Introdução JQuery
 
Dominando Jsf E Facelets Utilizando Spring 2.5, Hibernate E Jpa
Dominando Jsf E Facelets Utilizando Spring 2.5, Hibernate E JpaDominando Jsf E Facelets Utilizando Spring 2.5, Hibernate E Jpa
Dominando Jsf E Facelets Utilizando Spring 2.5, Hibernate E Jpa
 
2° Codelab - Por onde começar com AngularJS
2° Codelab  - Por onde começar com AngularJS2° Codelab  - Por onde começar com AngularJS
2° Codelab - Por onde começar com AngularJS
 
Webapp, já posso investir nisso ? Latinoware 2011
Webapp, já posso investir nisso ? Latinoware 2011Webapp, já posso investir nisso ? Latinoware 2011
Webapp, já posso investir nisso ? Latinoware 2011
 
Angular5, vue js ou react redux (Trilha de Javascript - TDC 2018 )
Angular5, vue js ou react redux (Trilha de Javascript - TDC 2018 )Angular5, vue js ou react redux (Trilha de Javascript - TDC 2018 )
Angular5, vue js ou react redux (Trilha de Javascript - TDC 2018 )
 
iOS libraries
iOS librariesiOS libraries
iOS libraries
 
Apresentação AngularJS - Angular UI
Apresentação AngularJS - Angular UIApresentação AngularJS - Angular UI
Apresentação AngularJS - Angular UI
 
Pouch db tdc2016
Pouch db tdc2016Pouch db tdc2016
Pouch db tdc2016
 
Pouch db tdc2016
Pouch db tdc2016Pouch db tdc2016
Pouch db tdc2016
 
Tecnologias na sala de aula
Tecnologias na sala de aulaTecnologias na sala de aula
Tecnologias na sala de aula
 
Componentes Transformers: Combinando o melhor de cada framework
Componentes Transformers: Combinando o melhor de cada frameworkComponentes Transformers: Combinando o melhor de cada framework
Componentes Transformers: Combinando o melhor de cada framework
 

Mais de Karoline Suzuki

Mais de Karoline Suzuki (7)

Styled Component Pra Quê
Styled Component Pra QuêStyled Component Pra Quê
Styled Component Pra Quê
 
Comunidade pra quê?
Comunidade pra quê?Comunidade pra quê?
Comunidade pra quê?
 
Entrei no_ti_e_agora
Entrei no_ti_e_agoraEntrei no_ti_e_agora
Entrei no_ti_e_agora
 
Css pra quê ?
Css pra quê ?Css pra quê ?
Css pra quê ?
 
Http pra quê?
Http pra quê?Http pra quê?
Http pra quê?
 
Pitch Perfeito e Startups Unicórnios
Pitch Perfeito e Startups UnicórniosPitch Perfeito e Startups Unicórnios
Pitch Perfeito e Startups Unicórnios
 
Comunidade nosso de cada dia
Comunidade nosso de cada diaComunidade nosso de cada dia
Comunidade nosso de cada dia
 

Storybook com angular pra quê?