Recursos para Frontend

Instalação do `NodeJS`:

https://nodejs.org/pt-br

Instalação do `Yarn`:

https://classic.yarnpkg.com/en/docs/install#mac-stable

Criando projeto com o `create-react-app`:

npx create-react-app front-web --template typescript

Adicionando o `bootstrap`:

npm install --save bootstrap ou yarn add bootstrap

Adicionando o `node-sass`:

npm install --save node-sass ou yarn add node-sass

Link do projeto no Figma:

https://www.figma.com/file/1n0aifcfatWv9ozp16XCrq/DSCatalog-Bootcamp?node-id=1%3A2012

Conteúdo do arquivo `_redirects`:

/* /index.html 200

Alguns links úteis para quem quiser aprofundar em algum conceito mencionado durante as aulas:

Diferença entre arrow functions e regular functions no JavaScript:

https://medium.com/better-programming/difference-between-regular-functions-and-arrow-functions-f65639aba256

https://dev.to/ugglr/react-functional-components-const-vs-function-2kj9

Documentação do React Router:

https://reactrouter.com/web/guides/quick-start

Primeiros passos no CSS grid layout:

https://medium.com/red-ventures-br-tech/comece-usar-css-grid-%C3%A9-lindo-609313338e0b

https://tableless.com.br/um-pouco-sobre-css-grid-layout/

https://www.felipefialho.com/blog/css-grid-e-flexbox-quando-utilizar/

Guia para configuração do Proxy no create-react-app para evitar problemas de CORS durante o desenvolvimento:

https://create-react-app.dev/docs/proxying-api-requests-in-development/

Como formatar números/preços usando apenas JavaScript

https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat

react-content-loader

https://github.com/danilowoz/react-content-loader

https://skeletonreact.com/

Conhecendo outras unidades de medida no CSS

https://desenvolvimentoparaweb.com/css/unidades-css-rem-vh-vw-vmin-vmax-ex-ch/

Documentação do React Router sobre rotas aninhadas:

https://reactrouter.com/web/example/nesting

MIME types

https://developer.mozilla.org/pt-BR/docs/Web/HTTP/Basico_sobre_HTTP/MIME_types/Complete_list_of_MIME_types

React Draft WYSIWYG

https://github.com/jpuri/react-draft-wysiwyg

DraftJS: Import HTML to ContentState

https://github.com/sstur/draft-js-utils/tree/master/packages/draft-js-import-html

React Currency Input Field Component

https://github.com/cchanxzy/react-currency-input-field

React Paginate

https://github.com/AdeleD/react-paginate

O que é Memoization ?

https://chialunwu.medium.com/wtf-is-memoization-a2979594fb2a

http://cangaceirojavascript.com.br/funcoes-velozes-com-memoization-pattern/

Entendendo o React Hook useCallback

https://pt-br.reactjs.org/docs/hooks-reference.html#usecallback

https://medium.com/@devjpnobrega/primeiros-passos-com-react-hooks-usememo-e-usecallback-13d54da4f9ba

https://dmitripavlutin.com/dont-overuse-react-usecallback/