![Luís Rudge](/img/default-banner.jpg)
- 5
- 56 405
Luís Rudge
Canada
เข้าร่วมเมื่อ 12 ก.ย. 2012
Aprenda em 13:37: Remix
Aprenda em 13:37 - conteúdo prático e direto ao ponto, respeitando o seu tempo!
Boas-vindas à série "Aprenda em 13:37"! Aqui, você encontrará vídeos curtos e concisos sobre desenvolvimento de software, com conteúdo prático e direto ao ponto. Não perca a chance de melhorar suas habilidades e se destacar na área. Assista agora e comece a aprender em 13:37!
O Remix é um framework de desenvolvimento fullstack baseado no React que torna o desenvolvimento de aplicações web mais simples, rápido e consistente.
Nesse vídeo, vou te mostrar como criar uma aplicação com Remix, incluindo rotas, layouts e acesso a dados.
Se você gostou, não se esqueça de compartilhar com outras pessoas e se inscrever no canal.
Sua opinião é importante, então deixe um comentário e me conta o que achou.
Até o próximo vídeo!
00:14: Introdução: O que é o Remix?
00:46: Introdução: Criando a aplicação
01:37: Introdução: Estrutura de arquivos
02:08: Navegação: Criando estrutura de rotas
04:19: Navegação: Rotas aninhadas & Layouts
05:14: Navegação: Pathless folder
06:37: Dados: Loader - Carregando dados do servidor
07:25: Dados: Utilizando os dados no cliente
08:10: Dados: Form - Enviando dados do cliente
09:17: Dados: Action - Recebendo dados no servidor
11:38: Navegação: Rota com parâmetros
Remix Stacks - projetos completos com acesso a banco de dados, autenticação, configuração de deploy etc: remix.run/docs/en/v1/pages/stacks
#react
#remix
#fullstack
Que tal me seguir no twitter? luisrudge
Boas-vindas à série "Aprenda em 13:37"! Aqui, você encontrará vídeos curtos e concisos sobre desenvolvimento de software, com conteúdo prático e direto ao ponto. Não perca a chance de melhorar suas habilidades e se destacar na área. Assista agora e comece a aprender em 13:37!
O Remix é um framework de desenvolvimento fullstack baseado no React que torna o desenvolvimento de aplicações web mais simples, rápido e consistente.
Nesse vídeo, vou te mostrar como criar uma aplicação com Remix, incluindo rotas, layouts e acesso a dados.
Se você gostou, não se esqueça de compartilhar com outras pessoas e se inscrever no canal.
Sua opinião é importante, então deixe um comentário e me conta o que achou.
Até o próximo vídeo!
00:14: Introdução: O que é o Remix?
00:46: Introdução: Criando a aplicação
01:37: Introdução: Estrutura de arquivos
02:08: Navegação: Criando estrutura de rotas
04:19: Navegação: Rotas aninhadas & Layouts
05:14: Navegação: Pathless folder
06:37: Dados: Loader - Carregando dados do servidor
07:25: Dados: Utilizando os dados no cliente
08:10: Dados: Form - Enviando dados do cliente
09:17: Dados: Action - Recebendo dados no servidor
11:38: Navegação: Rota com parâmetros
Remix Stacks - projetos completos com acesso a banco de dados, autenticação, configuração de deploy etc: remix.run/docs/en/v1/pages/stacks
#react
#remix
#fullstack
Que tal me seguir no twitter? luisrudge
มุมมอง: 1 007
วีดีโอ
Aprenda em 13:37: Prisma
มุมมอง 13Kปีที่แล้ว
Aprenda em 13:37 - conteúdo prático e direto ao ponto, respeitando o seu tempo! Boas-vindas à série "Aprenda em 13:37"! Aqui, você encontrará vídeos curtos e concisos sobre desenvolvimento de software, com conteúdo prático e direto ao ponto. Não perca a chance de melhorar suas habilidades e se destacar na área. Assista agora e comece a aprender em 13:37! O Prisma é um ORM (Mapeador de Objetos R...
Aprenda em 13:37: TypeScript
มุมมอง 6Kปีที่แล้ว
Aprenda em 13:37 - conteúdo prático e direto ao ponto, respeitando o seu tempo! Boas-vindas à série "Aprenda em 13:37"! Aqui, você encontrará vídeos curtos e concisos sobre desenvolvimento de software, com conteúdo prático e direto ao ponto. Não perca a chance de melhorar suas habilidades e se destacar na área. Assista agora e comece a aprender em 13:37! O TypeScript é uma linguagem de programa...
Aprenda em 13:37: Tailwind CSS
มุมมอง 36Kปีที่แล้ว
Aprenda em 13:37 - conteúdo prático e direto ao ponto, respeitando o seu tempo! Boas-vindas à série "Aprenda em 13:37"! Aqui, você encontrará vídeos curtos e concisos sobre desenvolvimento de software, com conteúdo prático e direto ao ponto. Não perca a chance de melhorar suas habilidades e se destacar na área. Assista agora e comece a aprender em 13:37! O Tailwind CSS é uma ferramenta poderosa...
13 ???????????????????
Nossa igualzinho o bootstrap que top vlww
Sensacional. Obrigado pelo vídeo, ajudou bastante
Sensacionalll Parabéns
Pica demaisss!!
Que didática fantástica.... Obrigado por compartilhar teu conhecimento.
Obrigado pelo comentário!
Top, trás um vídeo do chadcn, iria ser um gancho p esse video tbm
Excelente! Muito Obrigado!
você tem curso? caramba que explicação sensacional!! s
Obrigado pelo comentário! Tenho alguns cursos gravados e distribuídos pela Platzi. platzi.com.br/profes/luisrudge/ são um pouco antigos, porém os assuntos ainda estão bem atuais. Nos cursos, eu consigo ir muito mais a fundo em todos esses assuntos!
13:38*
Poisé.. infelizmente o youtube reporta tempos diferentes pra mobile e desktop 😅 13:37 no desktop, 13:38 no mobile.
@@luisrudge kkk nn sabia
caraca amigo, bem que você poderia voltar fazer esse conteudo, muito informativo e bom, até entrei pra ver se teria videos de outras linguagens, mas bem, sucesso e muito obrigado.
Mais didático que isso impossível. Parabéns bro.
muito bomm!
Baita formato de vídeo aula!!!
Muito bom! Obrigado!
Didática excepcional. Parceiro você administra curso?
Opa, obrigado pelo comentário! Eu fui contratado pela Platzi pra gravar uns cursos em português. platzi.com.br/profes/luisrudge/ os cursos são meio antigos, mas como focam bastante na parte conceitual, dá pra aproveitar grande parte.
Vídeo sensacional, objetivo e claro! Parabéns! Queria muito um vídeo assim fazendo autenticação com Next Auth e salvando os usuários com Prisma.
Por mais vídeos assim, diretos ao ponto, sem a síndrome da celebridade.
Só uma correção, a todo momento voce fala, compilador, compilação.., é transportador e transpilação, são coisas completamente diferentes.
Certíssimo! Obrigado pela correção.
As pessoas que criaram tailwind não são pessoas comuns não, são uns prefeitos..
Tudo que eu precisava. Parabéns pelo vídeo. Sensacional
Valeu pelo comentário, Thiago!
Muito obrigado Luís Musk, adoro os seus vídeos, 13:37 é o tempo perfeito pra aprender tudo parece, sempre que vejo um vídeo seu consigo usar o que ensinaste no meu código na hora!
Obrigado pelo comentário! Essa é a ideia mesmo. Acabar o vídeo e já saber o básico pra sair usando. Quando precisar de algo mais avançado, só checar a documentação 😅
Imaginemos que eu tenha uma classe A que será chamada em várias divs ou componentes, terei que customizá-los de forma independente?
se você precisa ter um conjunto de classes que precisa ser aplicada a vários elementos, o mais correto seria criar um componente que vc reutiliza em vários lugares. Se não for possível, você pode usar o @apply. Docs here: tailwindcss.com/docs/reusing-styles#extracting-classes-with-apply Exemplo: @layer components { .minha-classe-customizada { @apply py-2 px-5 .....outras-classes-aqui.....; } } <div class="minha-classe-customizada"></div>
@@luisrudge bgdo professor 👏👏👏👏
MUITO BOM!!!!!! Obrigado pelo vídeo amigo.
Ótimo conteúdo! já sabia mexer com tailwind e mesmo assim em 13 minutos ainda consegui absorver mais conhecimentos
Obrigado pelo comentário, Pedro!
Ótimo vídeo! Muito bem explicado!
Conteúdo excelente! Parabéns!
Obrigado pelo comentário!
Que canal incrivel! Mais um inscrito
Excelente aula!!
Ganhou um inscrito
Sou dev flutter e não conhecia o canal, tava curioso e cai aqui e mt boa a didática parabéns.
Tá de parabéns, Luis! Vídeo muito bom, e extremamente didático! Ajudou muito!
Gostei to ate seguindo o canal agora, eu sabia que era muito parecido com o bootstrap mais é muito mais flexível
Muito bom o video, fala da "diferença" entre MongoDB e mysql e como usá-los?
video excelente. Parabéns!
que aulão
Sla, pode ser que eu esteja enraizado onde eu aprendi, mas n acho isso muito interessante ainda mais em projetos grandes, pois vc deixa o HTML muito, mas muito poluído, mas admito que facilita a escrita e estilização, mas acho que não fica legal em projetos grande, acho q fica melhor em projetos simples onde vc usa pouca estilização ou como simplificador ex usar somente flexbox e os alinhamentos, assim vc diminui a repetição no CSS a gente costuma fazer muito de criar classes para coisas muito repetitivas e usar direto a classe no html pq simplifica. mas ainda prefiro ter arquivos separados e bem organizados. To aprendendo pq ne n se trata do que eu gosto e sim que que se sabe fazer kkkk
Esse é um ótimo ponto! Meu contra-argumento é que, idealmente, você vai continuar tendo arquivos pequenos, já que essas classes vão ficar todas encapsuladas em seus componentes. Então na sua página de login, por exemplo, você não vai ter estilo algum pra caixa de texto, botão etc, porque isso vai ser parte dos componentes.
Mano, muito obrigado!!1 Peguei um projeto de React com Tailwind e Vite e tava PERDIDASSO. Essa extensão ai tbm foi MUITO útil
Show de bola, David. Que bom que consegui elucidar alguns pontos 😅 O resto é prática. Com o tempo, você vai memorizando as classes mais utilizadas e nem precisa mais olhar a documentação!
Que conteúdo bom! achei agora, depois de 1 ano haha. Uma dúvida que tive ao ver o vídeo é : esse monte de classes no html, não polui ou confunde as outras classes utilizadas para outros propósitos que não CSS?
Oi, Lana. Obrigado pelo comentário! Quando você tá num projeto totalmente em TailwindCSS, é muito difícil utilizar outras classes. Normalmente só tem classe do tailwind mesmo. Se estiver migrando uma aplicação pra tailwind, pode ficar confuso por um tempo até você eliminar as classes antigas.
@@luisrudge perfeito! Obrigada pela luz!
que aula em, parabens!
Arrepiou! Parabéns!!
Video perfeito e muito bem explicado, graças a vc consegui usar legal o talwind
Valeu pelo comentário! Crédito seu que conseguiu absorver o conteúdo 🎉
Muito bom. Tem vídeos aí de 1h q n ensina metade do que foi ensinado nesse. Parabéns!
Seu video é maravilhoso. Sao poucos que sabem passar com tanta clareza igual a vc. Parabens. Esperando novos videos seus
Obrigado demaaaaaaais pelo comentário!
Achava q bootstrap era bom, mas Tailwind CSS é mt melhor slk
Parabéns pelo vídeo!
Obrigado pelo comentário!
Oh loko parceiro, que aula!
Cara pq você tem poucos vídeos? São essenciais!
Opa, obrigado demais pelo comentário! Eu fiz vídeos de tecnologia que domino e uso no dia-a-dia. Por isso consigo condensar as informações mais importantes em um vídeo rápido e direto ao ponto. Não conseguiria fazer o mesmo com outras tecnologias que tenho menos conhecimento, por isso não faço vídeo sobre tudo que existe por aí hehe. Estou pensando em fazer vídeos mais longos pra compartilhar como eu gosto de trabalhar, mas ainda tô pensando em como entregar os vídeos de uma forma que não fique maçante.
Muito bom! Curti demais a sua didática. Adorei a série. Deixo uma ideia pra video pra incluir nessa série: Vue JS em 13 min 37 Vlw!
Ótimo vídeo.