Beatriz Oliveira biantris

wrong way

const updatedData = await UserModel.findOneAndUpdate(
      { _id: userId, datas: { $elemMatch: { dataId: dataId } } },
      {
       $set: { "datas.$": dateToUpdate },
      },
     );

right way

const [positionButtonDynamic, setPositionButtonDynamic] = useState('bottom-23');
  const [scrollTop, setScrollTop] = useState(0);

  useEffect(() => {
    const onScroll = e => setScrollTop(e.target.documentElement.scrollTop);

    window.addEventListener("scroll", onScroll);

 return () =&gt; window.removeEventListener("scroll", onScroll);

Um pouco dos conceitos que é esperado você dominar de js antes de ir para o react

Manipulação do DOM (manipulação de eventos, click, etc)
Estrutura de dados (arrays, objetos, vetores, estrutura de dados em json)
Map, Filter e Reduce
for in e o for of
Javascript ES6
Assincronismo (promisse, async/await, API fecth, requisições)

learn blockchain concepts
learn ethereum
learn how to use metamask
learn how to use hardhat (https://hardhat.org/)
learn how to deploy and interact with a smart contract
learn common smart contract standards like ERC20 (token), ERC721 (nft), ERC1155 (opensea)
learn ipfs
learn how to read blockchain explorers like https://etherscan.io/
learn how to use web3 and etherjs
learn solidity

aliases

ck = git checkout (git config --global alias.ck checkout)
br = git branch (git config --global alias.br branch)
co = git commit (git config --global alias.co commit)
st = git status (git config --global alias.st status)
pl = git pull (git config --global alias.pl pull)
ps = git push (git config --global alias.ps push)

tutorial config: https://www.atlassian.com/br/git/tutorials/git-alias

To-do

Basic knowledge of MongoDB
Basic knowledge to use Robo 3t
Basic knowledge of Mongoose
Basic knowledge of GraphQL(Query, Mutation, Subscription)
Some concepts react
Javascript (es6)
Basic knowledge of TypeScript

learn about basic database modelling, use excalidraw
learn how to connect to a database and performe queries
learn how to expose a CRUD API REST and/or GraphQL
learn how to document the API using Swagger, swagger-jsdoc is the best for it
learn how to test your API using Postman, and also automated using jest and supertest
learn how to consume other APIs using fetch

Also check Docker Learning Path and Lambda Learning Path

tips to evolve as a developer

developers get stuck, paralized : https://nav.al/finding-time

https://www.oreilly.com/library/view/apprenticeship-patterns/9780596806842/ch04.html

Make It Stick : https://www.amazon.com.br/Make-Stick-Science-Successful-Learning/dp/0674729013

	{
	"workbench.iconTheme": "material-icon-theme",
	"workbench.startupEditor": "none",
	"git.confirmSync": false,
	"git.autofetch": true,
	"editor.minimap.enabled": false,
	"diffEditor.ignoreTrimWhitespace": false,
	"editor.inlineSuggest.enabled": true,
	"github.copilot.enable": {
	"*": true,

	element1 {
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 25px;
	margin-left: 35px;
	}
	/or/
	element2 { margin: 15px 10px 25px 35px }