Senda Frontend

• React
• Frameworks
  • TanStack
  • React Admin
  • NextJS
• Components
  • React components
  • Material UI - MUI
  • Mantine
  • React Data Table Component
• Formulário
  • TanStack Form
  • React Hook Form
• Ícones
• Validação
  • JOI
  • Yup
• HTTP Request
  • Axios
• Debugging
  • Frontend Debugging 101
• Gráficos
• Tooling
• Patterns
• Trilhas relacionadas

React

https://react.dev/learn

https://react.dev/reference/react

https://www.etatvasoft.com/blog/react-architecture-patterns/

https://martinfowler.com/articles/modularizing-react-apps.html

Frameworks

TanStack

https://tanstack.com/

https://profy.dev/article/react-rest-api

https://profy.dev/article/react-query-usemutation

https://profy.dev/article/react-architecture-api-layer

React Admin

https://marmelab.com/react-admin/

https://www.youtube.com/watch?v=PyaSnpXssks

NextJS

https://nextjs.org/

https://dev.to/vyan/mastering-nextjs-the-ultimate-guide-to-structuring-large-scale-projects-in-2024-h4e

Components

React components

https://dev.to/vyan/react-components-demystified-your-ultimate-guide-from-newbie-to-ninja-3l1n?ref=dailydev

Material UI - MUI

https://mui.com/material-ui/getting-started/

Mantine

https://v6.mantine.dev/

React Data Table Component

https://react-data-table-component.netlify.app/

Formulário

TanStack Form

https://tanstack.com/form/latest

React Hook Form

https://react-hook-form.com/

Ícones

https://tabler.io/icons

Validação

JOI

https://joi.dev/api/?v=17.13.3 - Site oficial

Yup

https://github.com/jquense/yup

HTTP Request

Axios

https://dev.to/ankitakanchan/mastering-axios-a-technical-guide-to-building-your-food-delivery-app-1j78

Debugging

https://dev.to/khushindpatel/handling-errors-in-nodejs-turning-oops-into-success-1h03

Frontend Debugging 101

LukeberryPi's Blog

LukberryPi’s Blog
https://lukeberrypi.vercel.app/articles/frontend-debugging-101

Gráficos

https://www.tradingview.com/lightweight-charts/

Tooling

https://dev.to/ajeetraina/how-to-migrate-from-create-react-app-to-vite-3b8m

https://dev.to/hardikidea/master-full-stack-monorepos-a-step-by-step-guide-2196

https://dev.to/kafeel_ahmad/20-essential-tools-to-empower-your-nodejs-development-in-2024-472m

Patterns

https://www.netguru.com/blog/frontend-design-patterns?ref=dailydev

Trilhas relacionadas

• TypeScript com React — aprofundamento da intersecção TS+React (15 notas + MOC)