caricati/exemplo-react-atomic-deisgn

Código desenvolvido no vídeo sobre React e Atomic Design. https://youtu.be/XGPRyL7TXsk

Reactjs e Atomic Design na prática

Código utilizado no vídeo tutorial realacionado ao assunto.

• Vídeo Tutorial
• Artigo sobre Atomic Design

Instalação e execução

npm install
npm start

O código foi gerado com create-react-app, para saber mais sobre a instalação via cli do react, veja esse link.

Arquitetura

src |- atoms
    |  |-  input
    |  |-  button
    |
    |- molecules
    |  |-  navbar-menu
    |  |-  search-keyword
    |
    |- organisms
    |  |-  header
    |
    |- pages
    |  |-  home
    |  |-  kanban
    |  |-  atomic
    |
    |- templates
    |  |-  main