jonathanccardoso / be-the-hero

:fire: Project Week Omnistack 11 - adding FrontEnd: Test use, MobX and Auth Routes

🚀 Project developed in the week Omnistack 11

🚀 Technology

This project was developed with the following technologies:

• Node.js
• React

💻 Project

BeTheHero is a project that aims to connect people who wish to make monetary contributions to NGOs (non-governmental organizations) that need help.

Test

Test on frontend

• yarn eject // to generate scripts

• Install packages

  • yarn add enzyme
  • yarn add react-test-renderer // tests not run on dom
  • yarn add enzyme-adapter-react-16
  • yarn add -D @testing-library/react

• Create folder tests

• Running tests
  • yarn test

Mobx on ReactJS

Install dependecies

• yarn add mobx
• yarn add mobx-react
• yarn add --dev @babel/plugin-proposal-decorators

MobX Docs Medium

• observable
• observer
• action

Configurations on vscode

"editor.tabSize": 2,
"emmet.triggerExpansionOnTab": true,
"emmet.syntaxProfiles": {"javascript":"jsx"},
"emmet.includeLanguages": {"javascript":"javascriptreact"},
"[javascript]": {
  "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[html]": {
  "editor.defaultFormatter": "esbenp.prettier-vscode"
}