@ufal-lccv/gpsub-ds 0.0.1 → 0.0.3

package/README.md

@@ -1,3 +1,31 @@
 # gpsub-ds
 
 Design system temporário do GP-SUB para auxiliar na futura migração para o DS Subweb 2.0
+
+## Atomic Design
+
+Para dúvidas sobre o Atomic Design, consulte o [link](https://github.com/diegohaz/arc/wiki/Atomic-Design).
+
+### Atoms
+
+Um átomo é uma tag html nativa, um Componente React que renderiza uma tag html ou qualquer componente de terceiros
+
+### Molecules
+
+Uma molécula é um grupo de átomos.
+
+### Organisms
+
+Um organismo é um grupo de átomos, moléculas e/ou outros organismos.
+
+### Pages
+
+Uma página é uma página, onde você colocará principalmente (mas não exclusivamente) organismos.
+
+### Templates
+
+Um template é um layout para ser usado em páginas.
+
+## Do not worry!
+
+Atomic Design deve ser uma solução, não outro problema. Se você quiser criar um componente e não sabe onde colocá-lo (átomos, moléculas, organismos etc.), não se preocupe, não pense muito, apenas coloque-o em qualquer lugar. Depois de você perceber o que é, apenas mova a pasta do componente para o lugar certo. Tudo irá funcionar por que os componentes são exportados de forma dinâmica em `src/components/index.ts`.