React 18 com Vite em 2022 (boilerplate com Storybook, Jest, Styled-Components, Eslint e Prettier)

แชร์
ฝัง
  • เผยแพร่เมื่อ 23 ม.ค. 2025

ความคิดเห็น • 51

  • @raymondtony1510
    @raymondtony1510 2 ปีที่แล้ว +16

    Top Top. Eu conheci você no teu curso de React da UDEMY. Tu tens uma forma muito boa de passar o conhecimento, muito bom...
    Muito obrigado, de Angola!

    •  2 ปีที่แล้ว +2

      Muito obrigado ☺️

  • @bobcodex5290
    @bobcodex5290 2 ปีที่แล้ว +4

    Obrigado por compartilhar seu conhecimento Professor, estou cursando o curso de JS e TS na Udemy, sua didática é fantástica e o conteúdo bastante completo, já comprei o de GraphQL para emendar assim que terminar este curso, se você lançar um curso de React Native pode ter certeza que estarei lá como aluno, obrigado.

    •  2 ปีที่แล้ว +1

      Que massa, agradeço a confiança

  • @natanrelva
    @natanrelva 2 ปีที่แล้ว +2

    Queria muito agradecer a você Otávio, hoje minha fonte de renda tá sendo o javascript que aprendi com você kkkkk muito obrigado mesmo.

    •  2 ปีที่แล้ว

      Mano eu que tenho que agradecer… fiquei muito satisfeito com a sua mensagem. Muito obrigado 🫶

  • @Gestat
    @Gestat 2 ปีที่แล้ว +1

    Meu Deus do céu, onde vamos parar com tanta coisa pra desenvolver um front?! Haha tenho acompanhado desde a época do jQuery, e sinceramente me desanima cada dia que passa... aprender dia após dia novas ferramentas e tecnologias pra se chegar num resultado praticamente igual, sendo provável que essas mesmas tecnologias estejam em desuso em 1 ou 2 anos.
    Professor vc tem uma ótima didática, e parabéns pelo esforço em compartilhar o conhecimento com a gente!

    •  2 ปีที่แล้ว +3

      Também não gosto disso, por isso gosto do Python. As coisas por lá mudam muito pouco e muito lentamente. O pessoal do JS muda as interfaces praticamente inteiras, fazendo com que coisas antigas não funcionem mais depois de alguns meses. Meus cursos são atualizados constantemente e eu mesmo não consigo acompanhar, mesmo vivendo estudando e ensinando. É complicado.

    • @jesusaunicaverdade
      @jesusaunicaverdade ปีที่แล้ว

      @ Tão falando por ai que o Svelte vem como uma solução pra isso. Será?

  • @gustavoalex2908
    @gustavoalex2908 2 ปีที่แล้ว

    muito top o conteúdo, parabéns!

    •  2 ปีที่แล้ว

      Obrigada 🤙

  • @matheusgwg
    @matheusgwg 2 ปีที่แล้ว

    Boa professor!!!

  • @thiagocampos0361
    @thiagocampos0361 2 ปีที่แล้ว

    Que top professor.

  • @naiandersonbruno1841
    @naiandersonbruno1841 2 ปีที่แล้ว +1

    vite é perfeito, eu sempre uso

    •  2 ปีที่แล้ว

      Pois é, se depender de mim vai se tornar o padrão kkk

    • @naiandersonbruno1841
      @naiandersonbruno1841 2 ปีที่แล้ว

      @ eu tmb, muuuito mais rápido que o CRA kkkk

  • @jonastolentino1332
    @jonastolentino1332 ปีที่แล้ว

    Bom tentei configurar hoje e não funcionou, não encontra a colors no global styles

  • @escoladotraderprofissional9279
    @escoladotraderprofissional9279 2 ปีที่แล้ว

    Primeira contato com essas configurações e StoryBook, muito interessante, obrigado por compartilhar esse conhecimento.

    •  2 ปีที่แล้ว

      Disponha!

  • @andersondascds8120
    @andersondascds8120 2 ปีที่แล้ว

    Massa!!!...Show de bola!!!!

    •  2 ปีที่แล้ว

      🤙🤙

  • @Mysterious-v5k
    @Mysterious-v5k 2 ปีที่แล้ว

    Styled components doesn't work in production build.... What about it?

  • @ricardobraga6433
    @ricardobraga6433 ปีที่แล้ว

    Muito bom prof! Só fiquei meio confuso com essa mudança nas estruturas de ..se eu criar uma outra página, chamo ela dentro de qual arquivo?

  • @leco814
    @leco814 2 ปีที่แล้ว +5

    Bom video Professor, mas seria pedir demais se tivesse parte 2 com Typescript? Hoje em dia Typescript é essencial para quem planeja aprender React.

    • @douglassantos-or4tq
      @douglassantos-or4tq 2 ปีที่แล้ว

      Eu apoio a ideia

    •  2 ปีที่แล้ว +7

      Mas é claro que vai ter 🤟

    • @leco814
      @leco814 2 ปีที่แล้ว

      @ obrigado professor

    • @eudumal
      @eudumal 2 ปีที่แล้ว

      to precisando desse video tambem ein, queria montar um modelinho para meus projetos

  • @MsDiogocouto
    @MsDiogocouto 2 ปีที่แล้ว

    Professor ... Aguardando mais curso seus na Udemy , de especial em Javascript. Top a uala ... TMJ !

    •  2 ปีที่แล้ว

      Tamo junto 👊

  • @catalunham.j.1895
    @catalunham.j.1895 2 ปีที่แล้ว +1

    Tooop. Por isto seu curso na Udemy é minha primeira palavra em termos de JS quando converso com alguem.
    Masssss.
    Vc poderia focar este ViteJS para quem SÒ quer usar o js como backend com node ?
    Pois meu frontend é Flutter e quero o JS apenas para backend com node.
    Fica ai o pedido ou a pergunta.

    •  2 ปีที่แล้ว +1

      Sim, já fiz um vídeo sobre isso. Deve ir ao ar semana que vem.

  • @thiagodalto
    @thiagodalto ปีที่แล้ว +1

    Será criado algum módulo no curso de React sobre o Vite?

    •  ปีที่แล้ว +1

      Não sei dizer ainda. Só vou conseguir saber quando for atualizar o curso (em breve)

  • @kelvinmusselli7066
    @kelvinmusselli7066 2 ปีที่แล้ว

    Os tokens funcionam externamente?

  • @lazarok0963
    @lazarok0963 2 ปีที่แล้ว

    vlw professor

    •  2 ปีที่แล้ว +1

      🙏

  • @criancasanimated6253
    @criancasanimated6253 2 ปีที่แล้ว

    Primeiro contato com ViteJS, Storybook, e Jest... Sou novato ainda não entendo muito , somente javaScript por hora.

    •  2 ปีที่แล้ว +1

      Já pega a onde no início 🤘😍

  • @hexemeister
    @hexemeister 2 ปีที่แล้ว

    Só não me ficou claro para que serve o vitejs... Alguém poderia me dizer? Desculpe se a pergunta é idiota...

    •  2 ปีที่แล้ว

      Ele faz tanta coisa que é até difícil dizer. Mas pensa nele como create React app .

  • @PinheiroPaulo
    @PinheiroPaulo 2 ปีที่แล้ว

    Uma duvida. pq da instalação dos @types em algumas dependências ? Sendo que não esta sendo utilizado o Typescript no projeto. Faz alguma diferença para projetos que são com JavaScript normal ? Abraço Professor.

    •  2 ปีที่แล้ว

      Geralmente isso é só pra melhorar o IntelliSense. Não é um requerimento.

  • @smartfish5462
    @smartfish5462 2 ปีที่แล้ว

    Professor, como vc esta se sentindo depois de assumir a careca ?

    •  2 ปีที่แล้ว +1

      Bem melhor rsrs

    • @smartfish5462
      @smartfish5462 2 ปีที่แล้ว +1

      @ fico feliz. Pq as coisas são relativas. Não existe bonito ou feio, pq todos nós somos um pequeno universo. A unica coisa feia que existe é a violencia e a prepoderancia.

  • @luissena5145
    @luissena5145 2 ปีที่แล้ว +1

    00:21:22 - Testando os testes
    estou com um problema para executar o teste
    o jest sugere que eu troque a extensão do arquivo de configuração de "js" para "cjs". Porém mesmo com esse passo ainda continua com erros
    Se alguem passou por isso e saiba como resolver, eu ficaria grato
    ERRO APRESENTADO
    "$ yarn test
    yarn run v1.22.19
    $ jest
    ReferenceError: module is not defined in ES module scope
    This file is being treated as an ES module because it has a '.js' file extension and 'C:\Users\senal\Documents\courses\vite-react\package.json' contains "type": "module". To treat it as a CommonJS script, rename it to use the '.cjs' file extension.
    at file:///C:/Users/senal/Documents/courses/vite-react/jest.config.js:1:1
    at ModuleJob.run (node:internal/modules/esm/module_job:193:25)
    at async Promise.all (index 0)
    at async ESMLoader.import (node:internal/modules/esm/loader:526:24)
    at async importModuleDynamicallyWrapper (node:internal/vm/module:438:15)
    at async requireOrImportModule (C:\Users\senal\Documents\courses\vite-react
    ode_modules\jest-util\build
    equireOrImportModule.js:55:32)
    at async readConfigFileAndSetRootDir (C:\Users\senal\Documents\courses\vite-react
    ode_modules\jest-config\build
    eadConfigFileAndSetRootDir.js:112:22)
    at async readInitialOptions (C:\Users\senal\Documents\courses\vite-react
    ode_modules\jest-config\build\index.js:396:13)
    at async readConfig (C:\Users\senal\Documents\courses\vite-react
    ode_modules\jest-config\build\index.js:147:48)
    at async readConfigs (C:\Users\senal\Documents\courses\vite-react
    ode_modules\jest-config\build\index.js:417:26)
    error Command failed with exit code 1.
    info Visit yarnpkg.com/en/docs/cli/run for documentation about this command."

    • @luissena5145
      @luissena5145 2 ปีที่แล้ว

      + Quando eu altero a extensão para 'cjs'
      aparece a seguinte mensagem de erro quando eu executo o teste novamente
      " You appear to be using a native ECMAScript module configuration file, which is only supported when running Babel asynchronously."

    • @thiagoelav633
      @thiagoelav633 ปีที่แล้ว

      @@luissena5145 provavelmente no começo do seu package.json o type ta como module (que acredito que seja uma configuração mais nova), acho q se trocar o type para commonjs volte a funcionar com o codigo do video. eu ia tentar fazer o codigo como module, mas como vc ta tendo erro acho q vou trocar pra commonjs e dps tentar refatorar o codigo pra type module

  • @friolis1
    @friolis1 2 ปีที่แล้ว

    Que pena que nao tem typescript. Perdi um pouco do interesse em assistir o video qdo falou que não tinha mas ok. Ótimo video....

    •  2 ปีที่แล้ว +1

      JavaScript e TypeScript são praticamente a mesma linguagem. A adaptação de um para outro é totalmente trivial.