An open API service indexing awesome lists of open source software.

https://github.com/tutods/nlw06-react

Project developed on NLW#06 of React
https://github.com/tutods/nlw06-react

firebase react reactjs tsx typescript

Last synced: about 2 months ago
JSON representation

Project developed on NLW#06 of React

Awesome Lists containing this project

README

          


Letmeask




letmeask


This project is created from the NLW#06 of React.





React


Firebase


TypeScript


VS Code


Stargazers




🌐 Deploy:


Deploy




💬 Changes

- I'm using **Styled Components** instead **Sass**;
- Use **Prettier** and **Husky Hooks**;
- In **Home** and **New Room** page, I reuse the layout creating another component with shared layout (`AuthLayout`):
- This way the **Home** and **New Room** only contains de form and logo;
- I'm created a Not Found page to error 404;
- Add `modifier` prop to `Button` and `IconButton` component;
- Add `react-hot-toast` to show error and success messages;
- Add `react-icons` to add icons in `SVG` instead using `img` tag;




How to fix Husky to run hooks:

In `package.json` add on scripts:

```json
"postinstall": "husky install",
```

After that run on your terminal:

- **With Yarn:**
- `yarn husky add .husky/pre-commit "yarn lint-staged"`
- **With NPM:**
- `npx husky add .husky/pre-commit "npm lint-staged`





🧑🏻‍💻 About Me


Daniel Sousa @TutoDS


Daniel Sousa @TutoDS


Github Badge


Linkedin


Twitter


Facebook



YouTube


Instagram


GitLab


Rocketseat