Mantine UI (Biblioteca de Componentes React) - O Guia Completo
Aprenda Mantine UI, a Biblioteca de Componentes React da Próxima Geração, desde o Básico
Sobre o Curso
Neste curso, você aprenderá os fundamentos do Mantine UI, a biblioteca de componentes React da próxima geração, e como integrá-la com projetos Nextjs + Supabase. Mantine UI está ganhando atenção como uma alternativa ao Chakra UI e MUI (anteriormente Material UI). Ele oferece mais de 120 componentes e hooks ricos, tornando-se uma poderosa biblioteca de componentes React UI. Com o Mantine, você não precisa mais usar outras bibliotecas como React-Hook-Form, pois ele oferece seus próprios hooks relacionados a formulários. As aulas irão guiá-lo na criação de um projeto base com Nextjs + Supabase, permitindo que você se divirta enquanto aprende. Você aprenderá como exibir imagens nos componentes Avatar e Card do Mantine UI usando a integração de armazenamento do Supabase. O curso abrange uma ampla variedade de componentes e hooks do Mantine, incluindo Container, Grid, Group, Button, Center, Indicator, Loader, LoadingOverlay, Anchor, Avatar, Card, Paper, Image, Badge, Text, TextInput, Textarea, NumberInput, PasswordInput, Alert, AlertCircle, Checkbox, Select, MultiSelect, RadioGroup + Radio, Sistema de Notificação, TransferList + TransferListData, DatePicker, Menu, ActionIcon, Dialog, Modal, Timeline, RingProgress, Progress, Slider, Space, Table, useForm, yupResolver, useDisclosure, useIdle, useInterval, useHover, useToggle e useMove.
O que Você Aprenderá
- Como usar o Mantine UI
- Integração do Mantine UI com projetos Nextjs + Supabase
- Hooks de Formulário do Mantine e validação com Yup
- Integração do Supabase Storage + Subscription com o Mantine UI
