Luís Rudge
Luís Rudge
  • 5
  • 56 405
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
มุมมอง: 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...

ความคิดเห็น

  • @animaisfelizes1723
    @animaisfelizes1723 3 วันที่ผ่านมา

    13 ???????????????????

  • @animaisfelizes1723
    @animaisfelizes1723 3 วันที่ผ่านมา

    Nossa igualzinho o bootstrap que top vlww

  • @PansiereCyberSecurity
    @PansiereCyberSecurity 6 วันที่ผ่านมา

    Sensacional. Obrigado pelo vídeo, ajudou bastante

  • @tatilima3276
    @tatilima3276 6 วันที่ผ่านมา

    Sensacionalll Parabéns

  • @JoaoVitor-hf9em
    @JoaoVitor-hf9em 12 วันที่ผ่านมา

    Pica demaisss!!

  • @alexm8035
    @alexm8035 15 วันที่ผ่านมา

    Que didática fantástica.... Obrigado por compartilhar teu conhecimento.

    • @luisrudge
      @luisrudge 14 วันที่ผ่านมา

      Obrigado pelo comentário!

  • @dvpatrick1203
    @dvpatrick1203 25 วันที่ผ่านมา

    Top, trás um vídeo do chadcn, iria ser um gancho p esse video tbm

  • @brunoliveiraab115
    @brunoliveiraab115 26 วันที่ผ่านมา

    Excelente! Muito Obrigado!

  • @Lucas_Cavallcante
    @Lucas_Cavallcante หลายเดือนก่อน

    você tem curso? caramba que explicação sensacional!! s

    • @luisrudge
      @luisrudge หลายเดือนก่อน

      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!

  • @elvispalace
    @elvispalace หลายเดือนก่อน

    13:38*

    • @luisrudge
      @luisrudge หลายเดือนก่อน

      Poisé.. infelizmente o youtube reporta tempos diferentes pra mobile e desktop 😅 13:37 no desktop, 13:38 no mobile.

    • @elvispalace
      @elvispalace หลายเดือนก่อน

      @@luisrudge kkk nn sabia

  • @agenteplays1
    @agenteplays1 หลายเดือนก่อน

    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.

  • @lunexastudio
    @lunexastudio หลายเดือนก่อน

    Mais didático que isso impossível. Parabéns bro.

  • @michaelbittencourt138
    @michaelbittencourt138 หลายเดือนก่อน

    muito bomm!

  • @paulohenriqueoliveirasanta6092
    @paulohenriqueoliveirasanta6092 หลายเดือนก่อน

    Baita formato de vídeo aula!!!

  • @cassiogp
    @cassiogp หลายเดือนก่อน

    Muito bom! Obrigado!

  • @fabriciofeitosadecastro3170
    @fabriciofeitosadecastro3170 หลายเดือนก่อน

    Didática excepcional. Parceiro você administra curso?

    • @luisrudge
      @luisrudge หลายเดือนก่อน

      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.

  • @gabrielesgalha4119
    @gabrielesgalha4119 หลายเดือนก่อน

    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.

  • @_GhostDev
    @_GhostDev หลายเดือนก่อน

    Por mais vídeos assim, diretos ao ponto, sem a síndrome da celebridade.

  • @cosmoandre3596
    @cosmoandre3596 หลายเดือนก่อน

    Só uma correção, a todo momento voce fala, compilador, compilação.., é transportador e transpilação, são coisas completamente diferentes.

    • @luisrudge
      @luisrudge หลายเดือนก่อน

      Certíssimo! Obrigado pela correção.

  • @CSouSa0210
    @CSouSa0210 2 หลายเดือนก่อน

    As pessoas que criaram tailwind não são pessoas comuns não, são uns prefeitos..

  • @ThiagoLeatherArtisan
    @ThiagoLeatherArtisan 2 หลายเดือนก่อน

    Tudo que eu precisava. Parabéns pelo vídeo. Sensacional

    • @luisrudge
      @luisrudge 2 หลายเดือนก่อน

      Valeu pelo comentário, Thiago!

  • @riceontopofbeans534
    @riceontopofbeans534 2 หลายเดือนก่อน

    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!

    • @luisrudge
      @luisrudge 2 หลายเดือนก่อน

      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 😅

  • @wawingiantonio8138
    @wawingiantonio8138 2 หลายเดือนก่อน

    Imaginemos que eu tenha uma classe A que será chamada em várias divs ou componentes, terei que customizá-los de forma independente?

    • @luisrudge
      @luisrudge 2 หลายเดือนก่อน

      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>

    • @wawingiantonio8138
      @wawingiantonio8138 2 หลายเดือนก่อน

      @@luisrudge bgdo professor 👏👏👏👏

  • @williansantos746
    @williansantos746 2 หลายเดือนก่อน

    MUITO BOM!!!!!! Obrigado pelo vídeo amigo.

  • @pedroandriotti5640
    @pedroandriotti5640 2 หลายเดือนก่อน

    Ótimo conteúdo! já sabia mexer com tailwind e mesmo assim em 13 minutos ainda consegui absorver mais conhecimentos

    • @luisrudge
      @luisrudge 2 หลายเดือนก่อน

      Obrigado pelo comentário, Pedro!

  • @pedroandriotti5640
    @pedroandriotti5640 2 หลายเดือนก่อน

    Ótimo vídeo! Muito bem explicado!

  • @nataliaartigasQ
    @nataliaartigasQ 2 หลายเดือนก่อน

    Conteúdo excelente! Parabéns!

    • @luisrudge
      @luisrudge 2 หลายเดือนก่อน

      Obrigado pelo comentário!

  • @davidoratoria
    @davidoratoria 2 หลายเดือนก่อน

    Que canal incrivel! Mais um inscrito

  • @rique0601
    @rique0601 2 หลายเดือนก่อน

    Excelente aula!!

  • @richardfeliciano752
    @richardfeliciano752 3 หลายเดือนก่อน

    Ganhou um inscrito

  • @vasconcelosdev
    @vasconcelosdev 3 หลายเดือนก่อน

    Sou dev flutter e não conhecia o canal, tava curioso e cai aqui e mt boa a didática parabéns.

  • @wessleysilva7812
    @wessleysilva7812 3 หลายเดือนก่อน

    Tá de parabéns, Luis! Vídeo muito bom, e extremamente didático! Ajudou muito!

  • @kairocosta6469
    @kairocosta6469 3 หลายเดือนก่อน

    Gostei to ate seguindo o canal agora, eu sabia que era muito parecido com o bootstrap mais é muito mais flexível

  • @pc_jean
    @pc_jean 3 หลายเดือนก่อน

    Muito bom o video, fala da "diferença" entre MongoDB e mysql e como usá-los?

  • @gabrielscarvalhoo
    @gabrielscarvalhoo 3 หลายเดือนก่อน

    video excelente. Parabéns!

  • @LEVIUTIMA
    @LEVIUTIMA 3 หลายเดือนก่อน

    que aulão

  • @douglasmatos2134
    @douglasmatos2134 3 หลายเดือนก่อน

    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

    • @luisrudge
      @luisrudge 3 หลายเดือนก่อน

      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.

  • @davidrocha4767
    @davidrocha4767 3 หลายเดือนก่อน

    Mano, muito obrigado!!1 Peguei um projeto de React com Tailwind e Vite e tava PERDIDASSO. Essa extensão ai tbm foi MUITO útil

    • @luisrudge
      @luisrudge 3 หลายเดือนก่อน

      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!

  • @lanagomes2063
    @lanagomes2063 3 หลายเดือนก่อน

    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?

    • @luisrudge
      @luisrudge 3 หลายเดือนก่อน

      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.

    • @lanagomes2063
      @lanagomes2063 3 หลายเดือนก่อน

      @@luisrudge perfeito! Obrigada pela luz!

  • @klebercoelho
    @klebercoelho 3 หลายเดือนก่อน

    que aula em, parabens!

  • @marcondesferreira8056
    @marcondesferreira8056 3 หลายเดือนก่อน

    Arrepiou! Parabéns!!

  • @hildeandantas1166
    @hildeandantas1166 4 หลายเดือนก่อน

    Video perfeito e muito bem explicado, graças a vc consegui usar legal o talwind

    • @luisrudge
      @luisrudge 4 หลายเดือนก่อน

      Valeu pelo comentário! Crédito seu que conseguiu absorver o conteúdo 🎉

  • @ssergiomaia
    @ssergiomaia 4 หลายเดือนก่อน

    Muito bom. Tem vídeos aí de 1h q n ensina metade do que foi ensinado nesse. Parabéns!

  • @istefanifranca8688
    @istefanifranca8688 4 หลายเดือนก่อน

    Seu video é maravilhoso. Sao poucos que sabem passar com tanta clareza igual a vc. Parabens. Esperando novos videos seus

    • @luisrudge
      @luisrudge 4 หลายเดือนก่อน

      Obrigado demaaaaaaais pelo comentário!

  • @uiuwill5131
    @uiuwill5131 4 หลายเดือนก่อน

    Achava q bootstrap era bom, mas Tailwind CSS é mt melhor slk

  • @tariknavarro87
    @tariknavarro87 4 หลายเดือนก่อน

    Parabéns pelo vídeo!

    • @luisrudge
      @luisrudge 4 หลายเดือนก่อน

      Obrigado pelo comentário!

  • @haroldojunior9910
    @haroldojunior9910 4 หลายเดือนก่อน

    Oh loko parceiro, que aula!

  • @matheusarruda4407
    @matheusarruda4407 4 หลายเดือนก่อน

    Cara pq você tem poucos vídeos? São essenciais!

    • @luisrudge
      @luisrudge 4 หลายเดือนก่อน

      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.

  • @marcelocorrea1290
    @marcelocorrea1290 4 หลายเดือนก่อน

    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!

  • @sr-7164
    @sr-7164 4 หลายเดือนก่อน

    Ótimo vídeo.