Como inicio meus apps com ReactJS? Next.js, TypeScript, ESLint e Styled Components | Code/Drops #50

Подписаться 367 тыс.

Просмотров 125 тыс.

50% 1

Já teve dúvidas em como iniciar o seu projeto com ReactJS? Será que uso create-react-app ou será que uso algum framework como o Next.js? E pra estilização, tanta gente fala do Styled Components, será que vale a pena?
Nesse vídeo eu demonstro a criação completa do ponto de início de uma aplicação com ReactJS incluindo Next.js, TypeScript, ESLint, Prettier, EditorConfig, Styled Components e até algumas recomedações pessoais como Jest e SWR.
Código do projeto: github.com/rocketseat-content...
-----
Conecte-se a 200mil devs e avance para o próximo nível com a nossa plataforma:
www.rocketseat.com.br
Acompanhe a Rocketseat nas redes sociais:
Twitter: / rocketseat
Facebook: / rocketseat
Instagram: / rocketseat_oficial
Comunidade: comunidade.rocketseat.com.br
Blog: rocketseat.com.br/blog
Inscreva-se na nossa Newsletter!
rocketseat.ck.page/b4b4e90122
Ouça também:
Spotify: spoti.fi/2PwXeUp
Anchor.fm: anchor.fm/faladev
Apple Podcasts: apple.co/2pReOrN
Google Podcast: bit.ly/2Cgj077

Опубликовано:

25 авг 2020

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 268

@calieno2k8 Год назад

esta na hora de rever esse video sim. Esse um tipo de video que merece uma revisão pelo ao menos uma vez ao ano.

@jorgylemos Год назад

No Next13 você faz essas mesmas configurações? Fiz igual e até agora não deu problema. Só essa adição da pasta app que não entendi muito bem, pesquisei na própria documentação e parece que ainda continuo confuso kkkk. Não sei é uma evolução do que a gente fazia: const Home: NextPageWithLayout = () => { return ( Hello World ) } Home.getLayout = (page) => ( {page} ) ou se é o contrário disso... buguei, kkkk.

@marcuuscardoso Год назад

@@jorgylemos eles acabaram de lançar um vídeo de Next13, vê lá!

@franciscogabriel6514 2 года назад

Muito obrigado, Diego e Rocketseat. Vale muito a pena acompanhar suas aulas, fazem grande diferença na minha vida profissional!

@joaovictormendesavila6936 3 года назад

Cara um dos meus vídeos favoritos certeza!! ficou muito top, parabéns por sempre estar dando esse apoio a comunidade com conteúdos de qualidade.

@rocketseat 3 года назад

Que massa João!! Valeeu pelo feedback! 💜💜

@lucasneves8714 3 года назад

Este vídeo é simplesmente incrível! É bastante chato configurar todas essas coisas juntas, sozinho, sem nenhuma base. Neste formato, não só ficou bem explicado o funcionamento de cada config, como a aplicação delas funciona eprfeita em conjunto. Valeu Diegão, GG RocketSeat!

@fabioramatis2373 3 года назад

conteudo excelente como sempre! estou adorando esses conteudos sobre next.js, traz mais pls !

@rocketseat 3 года назад

Fala Fabio! Valeeu pelo feedback! 💜💜

@srsilva2 2 года назад

Perfeição, muito obrigado pelo conteúdo.

@thallysfreitas8087 3 года назад

Ótimo vídeo! Adoro a sua didática, simples e direta. Parabéns!

@rocketseat 3 года назад

Falaaa, Thallys! Didática do Diego é incrível, né!? Valeeeu! 💜 😍

@raulpivaburigo4421 3 года назад

Muito bom, Diego! Uma dica, no minuto 28, quando deu o erro na empty interface, o próprio vs code traz o quick fix para adicionar a exceção à regra na linha ou no arquivo todo

@wizzard8671 3 года назад

Cara ficou muito bom o conteudo, parabéns! Poderia fazer algum conteudo com os testes iniciais dessa estrutura? Estou tendo algumas dificuldades pra configurar eles.

@renansouza351 3 года назад

Muito top!!! Esperando vocês fazerem mais conteúdos com Next.js

@rocketseat 3 года назад

Fala, Renan! Valeeeu pelo feedback! 💜💜

@thalesalonso4046 3 года назад

Mano que conteúdo massa. Muito bom mesmo, didática incrível.

@rocketseat 3 года назад

Valeeu pelo feedback, Thales! 💜💜

@alexandrefernandes793 3 года назад

Quase nunca comento em vídeos, mas gostaria de dar os parabéns para a Rocketseat e para o Diego, conteúdo é sempre de qualidade e bem estruturado, de Dev para Dev. Parabéns.

@rocketseat 3 года назад

Fala, Alexandre!!! Obrigado pelo feedback!!! 💜💜😍

@diegolikescode 3 года назад

Adorei! Terminei o bootcamp a pouquíssimos dias, arranjei um estágio e estou me dando muito bem! Obrigado aí por tudo rapaziada! Tô esperando um vídeo de templatezinho desse com projetos de backend em Typescript! Nois!

@rocketseat 3 года назад

Opa! Deve vir em breve também! Parabéns pela conquista e sucesso na nova jornada!! 🚀💜💜

@lucasbastos8019 3 года назад

Muito massa, parabéns! Façam mais conteúdos com NextJS! Hahaha

@rocketseat 3 года назад

Fala, Lucas! Valeeu pelo feedback! Faremos sim!! 💜💜

@fmontone 3 года назад

Esse vídeo saiu no dia certo! 🙌🙌🙌 Eu estava pesquisando justamente esse tipo de boilerplate.. perfeito! Valeu!!

@rocketseat 3 года назад

Que massa Fábio!! Só vai!! 🚀🚀

@fmontone 3 года назад

@@rocketseat já estou tendo problemas com o root import e travei nisso kkk

@matheusneves688 3 года назад

Show de bola, parabéns pelo conteúdo!

@rocketseat 3 года назад

Faala, Matheus! Valeeeu pelo feedback! 😍💜

@juanvictorDev 2 года назад

Aulas e Cursos 👏🔥

@DiogoMoreira0610 Год назад

muito bom.... ta na hr de um review deste video hein...

@brenohenrique5004 3 года назад

Fala dev, tudo belezura Diego ? cara você poderia fazer um vídeo falando da distro que esta utilizando, quais ferramentas mais utiliza no Linux e tal, para ir dando um norte. valeu ai por tanto conteúdo que ajuda demais a comunidade!

@GustavoBecelli 3 года назад

Obrigado pelo conteúdo!

@rocketseat 3 года назад

Fala, Gustavo! Nós quem agradecemos a participação de vocês. Fazemos todos os conteúdos pensando na comunidade!! 💜💜

@revolutionary_tower 3 года назад

Seria massa um vídeo falando sobre o babel e webpack, imagino que o assunto não é muito prático mas eu tenho muitas dúvidas sobre o funcionamento dele, o webpack eu mal sei pra que serve. Acho a didática do diego muito incrível!

@rocketseat 3 года назад

Boa!! Valeeu pela sugestão Rayon! 💜

@henricopiubello4012 3 года назад

TOOOOOOOP demais !!! Valleeeeuuuu

@gabrielcoelho1170 3 года назад

Excelente vídeo! Eu nem sabia da possibilidade de usar Cypress e Jest juntos haha. Seria bacana demais um vídeo introduzindo o Cypress :)

@rocketseat 3 года назад

Faala, Gabriel! Valeu pelo elogio, e pela sugestão! 💜💜

@thiagobragacaldera 3 года назад

Boa, gostei do vídeo, como sempre boas dicas.

@rocketseat 3 года назад

Faaala, Thiago! Valeeeu! 💜 😍

@kayorenato 3 года назад

"Eita Geovana, que foi que eu fiz?" kkkkkkk Vai com calma Geovana 🤣🤣🤣🤣🤣

@davysson 3 года назад

Prometeram e estão insanos mesmo, vocês são fodas.

@rocketseat 3 года назад

Vocês que lutem hahahaha

@davysson 3 года назад

@@rocketseat O bom guerreiro nunca volta da guerra sem sua espada ensanguentada. Vamos lutar!

@TutoDS2014 3 года назад

Obrigado pelo vídeo! Abraço de Portugal! 😉

@rocketseat 3 года назад

Valeeeu dev! Abraço! 💜💜

@alineemanuelle8417 Год назад

thanks, it actually let me through so i could download it.

@tiagoc9754 3 года назад

Muito bom o vídeo. Tirando a parte do Next (que eu estou começando a estudar), o restante é muito parecido com o que eu sigo. Além destes que você colocou, eu geralmente adiciono husky, dotenv, apollo ou relay, e graphql. Às vezes i18n também

@rocketseat 3 года назад

Faala, Tiago! Que show! 💜🚀

@mateusgarcia1650 3 года назад

Porra Diegão, #Onfire kkk porrada de conteúdo.... Fera demais.. ⚛️

@rocketseat 3 года назад

É só o começo haahha 💜💜

@elsonaraujojr 2 года назад

Está na hora de atualizar esse vídeo rs as atualizações do nextjs e suas lib`s ... Forte abraço!

@paulohenriqueoliveirasanta6092 3 года назад

Fala Diego! Vídeo e conteúdo show de bola (como sempre). A dúvida que fica é: porque mudou do CRA pro CNA? Faz sentido mudar mesmo que meu site seja client-side-rendering? Abraços!!!

@brunoeduardodesouzamedeiro1397 3 года назад

A estrutura ficou muito boa! Acho que também seria interessante configurar os react-hooks no eslint e os root imports, mas os dois são bem fáceis de fazer

@rocketseat 3 года назад

Faala Bruno! Valeeu pelo feedback. Sim, com certeza, mas esses outros ajustes é mais tranquilo de fazer mesmo conforme a necessidade! 💜

@rbltv 3 года назад

topp demaissssss

@ivanfagundes5612 Год назад

Thanks... it's working... Good Job...!

@erikmaia9599 3 года назад

Ótimo conteúdo parabéns

@rocketseat 3 года назад

Fala, Erik! Muito obrigado pelo feedback! 💜💜

@leandroreal5258 3 года назад

Sensacional, será se zerar o canal da rocketseat já dá as 10000 hrs pra ficar top, como sempre conteúdo excelente

@Guarumidia 3 года назад

As 10 mil não sei, mas que já sou um desenvolvedor melhor graças à rocketseat isso tenho certeza

@rocketseat 3 года назад

Fala, Leandro! Valeeu pelo feedback! 💜

@oakleychandler3697 2 года назад

sorry to be so off topic but does any of you know of a trick to log back into an instagram account?? I somehow forgot the login password. I love any assistance you can give me!

@fletcherdominic5931 2 года назад

@Oakley Chandler Instablaster =)

@guilhermeaugusto1404 3 года назад

Traz mais videos sobre Next.JS , uma explicação mais aprofundada sobre como funciona, quando usar.

@rocketseat 3 года назад

Faala, Guilherme! Valeeu pela sugestão! 💜

@luanccp 3 года назад

Video top! @Diego como você configuraria o SEO junto com o NEXT? Você acha legal usar NEXT para uma landpage? Ou é uma basuca para matar uma formiga?

@VerdadeTop 2 года назад

Opa, que video maravilhoso! Uma pergunta: eu preciso estar usando as extensoes de Eslint e Prettier - Code Formatter ??

@leonardobraz5223 3 года назад

#PR Oi, turma. Conteúdo sensacional sempre. Eu queria que vocês opinassem nesse novo hype que está saindo na comunidade com SSR. Demoramos muito tempo pra estruturar uma ideia fenomenal que é client-side com mais responsabilidades (e olha que tô nessa desde o Ember, Backbone, Mocha, Angular's) e agora voltar pra trabalhar com renderização no server... Parece aquelas piadas de que em 2020 temos tutoriais de como converter sistemas monolitos em microserviços e futuramente terá guias para voltar ao monolito (que com certeza vai ter um nome mais gourmet pra tentar disfarçar, assimilando ao SSR para tecnologias que trabalham no server kkk)

@rocketseat 3 года назад

Hahaha. Valeeu pela pergunta, Leo!! #PR 💜💜

@mauriciorenan2942 3 года назад

Muito bom! Vocês pretendem fazer algum vídeo relacionado à hospedagem de projetos Next? Se vale mais a pena Vercel, AWS, Azure, etc? acredito que seria um tema interessante hahaha... Btw, ótimo vídeo!!

@MrMatheus195 3 года назад

@RegisCrysis1 3 года назад

boaa, tenho curiosidade tbem

@matheusaraujo8617 3 года назад

@victorBrapp 3 года назад

Vercel é muito bom pois é de graça tem cdn para qualquer lugar do mundo e funciona muito bem

@wagaodev 3 года назад

Se não tem no canal da rocket tem no do deschamps. Mas que eu lembre tem esse video falando sobre ( Acredito que seja no do deschamps )

@tiagoc9754 3 года назад

Por volta dos 38:35 você utilizou o logo como component. Como fica a questão de acessibilidade? Alt, title, aria, etc.

@Felipe360x 3 года назад

Fala Diego. Para aplicar correções ou, no caso desse vídeo, desabilitar regras do ESLint, basta passar o mouse no Quick Fix que aparece quando o ESLint reclama. Ali tem opção para desativar a regra na linha ou no arquivo todo. Abraços

@rocketseat 3 года назад

Fala Felipe! Essa é uma boa solução para pequenos ajustes, mas para evitar fazer isso para cada regra que você quiser mudar e acabar com inúmeras exceções acaba sendo melhor configurar diretamente nele. Ainda mais quando falamos em criar um template para aplicações. 💜

@gabrielpaz2148 3 года назад

Ótimo vídeo, estou trabalhando com nextjs em um projeto e gostaria de saber se tem como usar tanto SSR quando SPA em um mesmo frontend?

@evertonlimaaleixo1084 3 года назад

Opa! Ótimo video! Fiquei com uma dúvida, o meu arquivo global.ts não completa, nem faz sugestões sobre o CSS. Preciso fazer mais algum passo?

@andrecoelho2775 3 года назад

Show 🚀🚀🚀

@MelquiMartins42 Год назад

Um junior na terra de seniors...

@JeffersonSilva-mc2xz 3 года назад

Estava tentando usar o next e esse vídeo veio na hora certa, muito top. Teria como fazer um vídeo falando sobre a hospedagem da vercel ??

@victorBrapp 3 года назад

É muito boa. Tem cdn e é grátis e rápida.

@igorthierry 3 года назад

Faz um vídeo sobre React Native Paper

@popupjs 3 года назад

Tenho usado o react-query no lugar do SWR, tive que lidar com muitos bugs no SWR

@lucasguima 3 года назад

demais conteúdo, valeu msm! testando em um projeto Next.js estou com conflito do Eslint e do Prettier na regra "object-curly-newline". a cada save, ele coloca e tira de mais de uma linha. não achei como desabilitar no Prettier, como vc fez para o singleQuote e outros, sabe me dizer comofas? valeu!

@josuebarros-desenvolvedorw2490 3 года назад

Eu sou do VUE e uso o NuxtJS, acha que eu me adapto facil ao NextJS? Estou aprendendo React!

@renesilvaferreira7942 3 года назад

Opa fantástico o vídeo. Você poderia fazer um tutorial do mesmo jeito só que para react native TypeScript, ESLint e Styled Components

@rocketseat 3 года назад

Faala, Renê! Valeeeu pela sugestão! 💜

@murilorerisondesousapaz5065 Год назад

Com a nova atualização com next da doc do react: hoje utilizaria Tailwind ou StyledComponent?

@pedrocontraomundo3377 3 года назад

Diego faz um de react native tb Aquele projetão brabo 2020

@rocketseat 3 года назад

Opaa! Valeeu pela sugestão, Pedro! 💜

@juniorpetrini3877 3 года назад

como fariar para separar os tipos que estão dentro da minha pagina? criaria um 'home.d.ts' dentro da pasta pages?

@deyvischarles 3 года назад

*Qual ferramenta vocês utilizam para fazer logos SVG naquele formato novo? Eu uso illustrator 2020 mas gera um svg bagunçado :(*

@ronnyacacio9944 3 года назад

Não consigo acompanhar, é muito vídeo 🤣 Valeu pelo excelente conteúdo Rocket 💜

@rocketseat 3 года назад

Vocês que lutem hahahaha 💜

@maykonlacerda5410 3 года назад

@@rocketseat Hahahahah, nem foi pra mim mas serviu igualzinho

@astolfoFredor 4 месяца назад

Ou, como faz pra trocar aquele quadradinho com a cor gerada no CSS e deixar ela assim, formando um background completo no código da cor?

@diogoluis6179 3 года назад

Houve alguma atualizaçao no nextjs sobre o _document? Parece que ao adicionar esse metodo render com uma head geral duplica as tags na build

@zevdvlpr 3 года назад

Eu sempre uso Next.js com Typescript nos meus Projetos React. Recomendo bastante, ele agiliza muito na hora de buildar o projeto, pois usando o create-react-app tem muita dependência que ocupa muito espácio aí fica complicado pra iniciar o projeto pra que tem um pc/notebook ruim.

@rocketseat 3 года назад

💜💜💜😍

@farbauth 3 года назад

Percebi isso há pouco tempo e vou concordar contigo, man...

@felipemillhouse 3 года назад

Se já tenho um projeto usando JS e configuro o typescript, sabe dizer se tem como o ESLINT tratar (parse) os arquivos JS e TS de forma diferente?

@AdrianoMoreira1994 3 года назад

Bem massa a aula, poderia criar um vídeo mostrando como deixar o ambiente linux igual o seu rs abraço

@rocketseat 3 года назад

Fala, Adriano! Valeeeu pelo feedback e sugestão! 💜💜

@LeandroCorso 3 года назад

Quando eu crio um StyledComponent eu gosto de injetar o theme, acho que assim a sintaxe fica mais legível, gosto pessoal... export default createGlobalStyle`${({ theme }) => ` * { margin: 0; padding: 0; box-sizing: border-box; } body { background: ${theme.colors.background}; color: ${theme.colors.text}; } `} `

@RaydenNnN 3 года назад

Fala ai minion gigante, cara eu acho uma bobiça gigante tu trocar o style guide standard sendo que o vídeo todo tu demonstrou já estar acostumado com o style guide airbnb. Mas show de bola o vídeo! Obrigado!

@edu-correia 3 года назад

Esse tutorial funcionou pra alguém em 2021? O meu ta dando erro no next-images

@asuosnotielc 3 года назад

13:52 "Eita, Giovana"! kkkkk

@karylchesman2475 3 года назад

Alguém da um help aí! Assisti esse vídeo agora, segui todos os passos a risca, e tô tendo problemas ao tentar carregar imagens png,jpj entre outras, qualquer uma que não seja svg :\ O Next ta na versão 11, e uma coisa que percebi é que sempre que rodo o "yarn dev" ele apaga a referência "/// " do arquivo next-env.d.ts... Porém consegui testar com essa referência lá e não funciona de jeito nenhum, tanto usando a tag como usando a next/image( ). Alguém sabe se da versão usada no video para 11 mudou a forma de configurar a importação de imagens fora da pasta public?

@willianvieira711 3 года назад

Alguém sabe me dizer qual modelo do Teclado que ele usa ?

@vitordelfino952 3 года назад

Muito bom o conteúdo Diego, Como fica a configuração desse projeto usando redux redux-saga e reactotron ?

@rocketseat 3 года назад

Fala Vitor! Esse tipo de configuração as vezes não é muito recomendada para um template, mas é bem tranquilo para adicionar posteriormente se precisar! 💜

@fabioms1000 3 года назад

Diego, sobre a tipagem do componente. Vi na documentação do Next que podemos usar a tipagem NextPage invés de React.FC. >> import { NextPage } from 'next' >> const SignIn: NextPage = () => {

@rocketseat 3 года назад

Faaala, Fábio! 🚀 Valeu demais pela dica! 😉

@maiconsilva8628 3 года назад

Só faltou configurar o path aliases pra facilitar os imports! nextjs.org/docs/advanced-features/module-path-aliases Muito bom o vídeo

@rocketseat 3 года назад

Boa!! Valeu pelo feedback, Maicon! 💜

@vagnermengali4110 Год назад

O passo a passo desse video ainda continua sendo o mesmo processo da versão atual do next.js?

@gilneyn.mathias1134 3 года назад

Lidar com Eslint, Prettier e babel no começo dos projetos é a coisa mais chata de todas pra mim kk' Vlw por mais um ótimo video!

@rocketseat 3 года назад

Hahaha até acostumar é bem chatinha mesmo. Valeeu Gilney! 🚀💜

@felipedantas3048 3 года назад

Realmente. Fora os problemas que a gente acaba tendo no início do projeto. Um exemplo mesmo é o bug no Parsing que está ocorrendo agora por conta de não haver suporte do Eslint para a versão 2021 do Ecma.

@vinisaveg 3 года назад

Faaala Diegão, video massa!! você conhece a extensão Octotree? ela ajuda bastante quando você precisa vasculhar enormes repositórios no github... valeu! abraços.

@rocketseat 3 года назад

Faala dev! Conhecemos sim, e utilizamos ela bastante por aqui. Inclusive recomendamos ela para nossos alunos do bootcamp em um módulo sobre ferramentas ! 💜💜🚀

@wolvesmedia9786 3 года назад

PS C:\myproject> yarn dev yarn run v1.22.10 warning package.json: No license field error Command "dev" not found. Alguém pode me ajudar? ocorre esse erro ao executar YARN DEV

@jhonboandio 2 года назад

Diego, eu fiz exatamente como está no vídeo, mas no momento de desabilitar o javascript, meus estilos somem :(

@gustavo.saraiva 3 года назад

Por favor mantenham essa música na intro !!! 🤩🤩🤩

@simeithander 3 года назад

faz um video ai falando do KDE que vc usa, quais as personalizações e se é o kubuntu ou KDE Neon.

@revolutionary_tower 3 года назад

O Guilherme Rodz fez um video muito bem explicado sobre customização do KDE

@simeithander 3 года назад

@@revolutionary_tower massa vc sabe dizer qual foi? Eu procurei mas não achei, o único vídeo que vi foi dele falando por que mudou do Mac pro Linux que era devido ao hardware ser mais barato e que ele precisava mais de processamento.

@revolutionary_tower 3 года назад

@@simeithander ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-h-FsG-QpgfI.html na hora!

@adriel_borges 3 года назад

Esse vídeo ainda vale mesmo para a versão 10 do next.js ?

@WagnerDavinci 3 года назад

Caramba bom demais, eu não sabia sobre o SWR, eu ontem estava fazendo manutenção em um site com next que eu usei o isomorphic-fetch. Muito top o conteúdo de vocês. Gostaria de sugerir conteúdo: deploy de aplicações strapi integrado com next, tenho reparado que a galera ta usando muita essa combinação. Abraço!

@Oculterous 3 года назад

Pq não utilizar o padrão do módulos próprio do nextjs para páginas ou componentes e deixar o stylos junto aos componentes como neste projeto por exemplo github.com/maccali/Site-Pessoal

@paulospiguel 3 года назад

Fala Diego sou muito seu fã e pra mim vc é o "Sr. Miyagi" dos Devs. Mais minha dúvia é: Utilizado o NextJS posso criar aplicações complexas com muitas regras de negocio e consultas a um backend (API RESTFULL), usando renderização de graficos, geração de pdf, redux, JWT, entre outros? Ou ainda o create react app tradicional ainda é a melhor opção para este tipo de aplicação? Resumindo, com o nextJS posso fazer de tudo (sem exceção) o que uma aplicação comum com CRA faz?

@rocketseat 3 года назад

Faala, Paulo! É possível fazer muita coisa sim, inclusive com as vantagens que ele tem, pode se tornar até melhor para muitos dos casos! 💜

@WiuverRibeiro 3 года назад

Diegão podia disponibilizar a ISO dele pra gente.... ou mostrar como está o ambiente de desenvolvimento dele!

@Junior.Nascimento 3 года назад

O Rodz tem um ambiente parecido, vc pode tentar dar uma olhada pra ver se curte

@Leonardo-ux3fg 3 года назад

Em algum lugar o Diego ja mostrou essa configuração do KDE que ele fez?

@lima_life 3 года назад

Se alguém puder me ajudar iria ficar muito feliz. Quando eu desativo o javascript meu GlobalStyle não carrega igual o Diego fez... Fiz as mesmas coisas e mesmo assim não funciona...

@EduardoBail 3 года назад

Alguem sabe como ajustar o tamanho do svg?

@GustavoBorderOUnico 3 года назад

Pergunta! Que versão do Linux vc está usando? E mano, excelente conteúdo.

@rocketseat 3 года назад

Faala, Gustavo! O Diego está usando o Ubuntu com KDE Plasma! 💜

@MisterOne_ 3 года назад

Like só por causa da intro

@alexanderrojas3213 3 года назад

Quando vai abrir vagas

@dhovadick 3 года назад

13:30 podem adicionar a rule "react/jsx-filename-extension": [1, { "extensions": [".tsx"] }] ao .eslintrc.json que é sucesso tbm

@brunagomesdasilva7777 3 года назад

Mesmo adicionando essa regra o Eslint ainda reclama... sabe alguma outra solução?

@MrPaminondas 3 года назад

Salve, Diego. Algum motivo específico para ter escolhido o KDE? Honestamente, estou usando o GNOME há mais ou menos 1 ano e meio, e tenho tido diversas issues com componentes visuais que me fazem ter vontade de migrar de desktop envioroment.

@rocketseat 3 года назад

Fala, Bruno! Essa você pode mandar para ele lá no Discord também 😄. Mas a liberdade na personalização com certeza foi um ponto bastante considerado! 💜

@victorlimavocals 3 года назад

Qual gnome vc tá usando? O do ubuntu? Se for, eu não gosto mt desse não, mas talvez seja uma boa idéia pra tu testar o gnome mais original do Fedora ou do PopOS (recomendo o Pop). Se não, recomendo testar o cinnamon, que é padrão no linux mint. Atualmente uso ele pq o GNOME tava dando uns problemas de compatibilidade com minha placa de video.

@AboveDofus 3 года назад

_document.tsx ta quebrando as regras dos hooks. Alguem arrumou?

@MrMatheus195 3 года назад

Mesmo eu estudando há um tempinho o NextJS, eu fico em dúvida ao quando eu deva criar uma API usando o Next e quanso eh devo criar da forma "tradicional".

@MrMatheus195 3 года назад

@@xdrap1 Cara eu falei isso porque em muitos casos (no reddit do nextjs eu vi bastante isso) eu vejo gente criando as APIs a parte do NextJS, pelo motivo de "desacoplamento" ou por simplesmente querer usar outra linguagem. A decisão de desacoplamento que me traz dúvidas.

@DhenysonJhean 3 года назад

Ola guys, alguém sabe informar como qual arquivo mexer ou conf, para resolver meu problema de EsLint e Prettier só funciona em arquivos de .jsx, não definir este valor em lugar nenhum, ja mexi em todos arquivos e não consigo resolver.

@DhenysonJhean 3 года назад

Eu poderia excluir o comentário, mas prefiro responder caso alguém tenha cometido o mesmo erro que eu. Abrindo o arquivo de configuração do VsCode (no Windows CTRL+SHIP+P e digita JSON), abrindo Preferences? Open Settings (JSON), seguindo o vídeo no valor "editor.defaultFormatter" estava "vscode.typescript-language-features", não estou usando Typescript por isso o erro, então mudei para "vscode.typescript-language-features".

@lucasdecalves 3 года назад

Coisa linda ver o Linux e não o Mac rodando nos vídeos, chega arrepiar.

@lucasdecalves 3 года назад

@@xdrap1 Eu uso MAC e não gosto.

@JeffersonOliveiraCE 3 года назад

Queria saber todos esses atalhos que você usa :X

@magaiv3r 3 года назад

poxa, bem bacana trabalhar com esse framework. só precisa instalar 628 bibliotecas e gastar 5horas configurando que já ta prontinho pra usar 🥰

@DhenysonJhean 3 года назад

Isso é a titulo de aprendizado, na pratica usa-se Docker ou praticas onde a estrutura inicial já vem praticamente pronta. Mas enfim, sempre haverá os dos contra.

@bruh291 3 года назад

Galera, se alguém puder me ajudar: segui o video certinho, com styled-components e tal. Mas quando eu tentei colocar uma div com background de cor diferente, um navbar, por exemplo, não consegui. Ela pega a cor do pai, no caso o Container, ou do estilo global. Alguém sabe como resolver isso?? Obrigada