# :tada: React com Micro FrontEnd - Aulas de React Feliz

O objetivo desse curso é preparar as pessoas para um ambiente que trabalhe com Squads utilizando React. Normalmente quando temos times focados em partes do produto e comum a adoção da arquitetura de Micro FrontEnd.

Layout no Figma [CollabChat.fig](https://github.com/phaelfp/chatcollab/raw/main-with-figma/CollabChat.fig)

## Um gif do layout 
![Amostra do Layout](https://raw.githubusercontent.com/phaelfp/chatcollab/main-with-figma/layout.gif)

## Squads
* Account
* Home
* Chat

## Projects

### Clients
* client-collabchat
* client-collabchat-account
* client-collabchat-chat
* client-collabchat-home

### Backend for FrontEnd
...

[![Como criar setas com CSS - Parte I | Mód06 - Aula07](http://img.youtube.com/vi/FkpPwLTAx5E/0.jpg)](https://www.youtube.com/watch?v=FkpPwLTAx5E "Como criar setas com CSS - Parte I | Mód06 - Aula07")

[![Creating A ReactJS-Inspired “Props” Object In AngularJS](https://i.vimeocdn.com/video/532406841-b4f55535e68b3cf237193c9cbd17f62964b1796c7031a95dff0d0e5398c5466b-d_1280x720)](https://vimeo.com/137478352 "Creating A ReactJS-Inspired “Props” Object In AngularJS")

## VS Code - IDE

Plugins recomendados
* [Auto Rename Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag)
* [Intelli Code](https://marketplace.visualstudio.com/items?itemName=VisualStudioExptTeam.vscodeintellicode)
* [CSS Class Completion for HTML](https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion)