React, Material UI 5 e Typescript: #05 - Configurando tema no MUI

Nessa aula quero te mostrar em detalhes como configurar um tema personalizado no material ui.

Links mencionados no vídeo:

Outros cursos no canal:

Livros recomendados:

Conteúdo:
0:00 | Introdução
0:15 | Começando
1:00 | Criando o tema
3:50 | Configurando a paleta de cores
9:30 | Testando as configurações do tema
11:26 | Fazendo commit das alterações
12:00 | Dúvidas, sugestões, criticas...

CODARSE - Configurando o Material UI

#react #reactjs #cursodereact #typescript #cursotypescript #learningreactjs #javascript #cursodejavascript #reactetypescript #learningtypescript #learningjavascript #reactnative #materialui #materialdesign #mui #miu

[pallomagualter]

Ótima didática e bem recheado de boas práticas. Realmente um achado o seu canal!

[onurbcezar]

Curso maravilhoso completo e de alto nível, parabéns Lucas, muito bom, sem palavras....

[EvertonLimabr]

Eu ja toco no Joinha antes mesmo do fim.. pq ja sei q sera top !! E foi !!

[aristidescosta]

Muito bom de didática. Estou aprendendo muito com esse cursão.

[flaviorocha]

Realmente foi o maior achado em 2022. Esse Lucas é abençoado. Parabéns!

[MateusSantos-doit]

Cara, você ensina bem demais!! Parabéns!!

[UniversoZhant]

Curso muito bom com um professor muito presente que sempre auxilia os alunos, valeu cara.

[leonardoteixeira]

Cara, uma baita sacada a sua em dividir os temas em vídeos curtos. Ficam objetivos e assertivos, somente com conteúdos relevantes!

[evandr]

Olha, muito obrigado mesmo por esse vídeo. Bem direto e muito bem explicado. Me tirou várias dúvidas.

[evandromenna]

Ótima didática, esta me ajudando muito!!!

[wallaceroversi]

Explicação top! Parabéns, tô acompanhando a série!

[andresinho]

Você já deve estar cansado de me vê nos comentários kkk, mas caramba mano, já é o terceiro curso seu q assisto, na vdd o sobre estilização vou chamar de LucasFlix kkk e ta massa mano.

E sobre o conteúdo desse vídeo, sem palavras, muito top, eu tinha lido o doc da material e não havia compreendido q era tão simples assim.

[vieiramaicon]

Caramba! Parece muito como se tivesse configurando um app, pelo menos lembrou muito o flutter em algumas coisas. Já curti o materialui. Uma dúvida sobre nomenclava: o arquivo index vc optou pro minúsculo, mas o tema Light por maiúsculo. Tem alguma regra de boa prática nisso?

[guilhermeleoni]

Fala meu companheiro da uma olhada em uma extensão chamada colorize, ele coloca a cor preenchendo a string

[Kaiooiakziul-uzdc]

que loucura, tive que colocar o provider em Src/routes/Index.ts
nas rotas, uso o react 18 com vite, não funciona se fizer o provider em App.tsx

<ThemeProvider theme={LightTheme}>
<Routes>
<Route path='/Home' element={ <Home />} /> //fiz o button dentro da page.
<Route path='/Home2' element={ <Button variant='outlined' color='secondary'><Home2 /></Button>} />
<Route path="*" element={<Navigate to="/Home" />} />
</Routes>
</ThemeProvider>

[fishlost]

Parabéns.
Fico triste, pq aqui no Brasil tem tanto profissional bom, e o mercado não dá oportunidade, de um salário justo!

[shagamu]

Olá Lucas, tudo bem? eu tenho uma duvida, eu sei que teve a atualização e mudou a children, como ficaria com a atualização?

export const LayoutBaseDePagina: { children: ReactNode }> = ({ children} ) => {

return (
<Box>
Teste

{children}
</Box>
);
};


tentei de varios jeitos encaixar o ILayoutDePagina de muitas formas mas nao foi, poderia me ajudar? excelente curso, obrigado!

[cesarsantos]

parabéns pelo o video! Duvida: então toda vez que eu quiser mudar a cor do card preciso alterar o tema, seria isso? Aonde consigo na documentação ver essas configurações de tema? obrigado desde já

[patrickdesouzalima]

professor, tem algum curso pago com mais projetos como este? obg

[lorenzocanocesconetto]

Dica, esconder a barra de apps do Mac que fica na parte de baixo da tela :)