Esqueça o "Create React App"! Crie Projetos React Assim...

[@andermib021]

As vezes nossa cabeça parece que vai explodir de tanta informação e tanta "sopa de letrinhas". Mas nesse vídeo a informação é tão precisa e simples, que qualquer iniciante consegue compreender

[@douglashenrique6766]

Ja usei CRA e é como vocês apontaram no video, não acompanhou as mudanças de mercado, lento, limitado e afins. Tive que subir recentemente (8 meses =/-), um novo front na emrpesa (visão admnistrativa) que usei o vite, bem performatico e rápido, e na visão publica (Usuário/Cliente) eu usei o NextJS. Não cheguei a usar o SWC.

[@jonathanigorpereira]

Agora vocês me conquistaram, já acompanho de longa data mas sempre tive certos problemas com a criação do React, muito bom o conteúdo!

[@AMJr1974]

Utilizava o CRA, e estava migrando para o NextJS, pois o back era em NodeJS. Mas agora vou estudar essas outras opções. O Vite me pareceu uma boa opção. Obrigado a vocês por me ajudarem mais uma vez no meu desenvolvimento profissional.

[@IsraelHam]

Vocês poderiam fazer um video falando do Yarn e do Npm, quais as diferenças, como usar, a historia dos dois, e como instalar o Yarn e o Npm?

[@renandutra447]

Também tem o pnpm ^^

[@MegaExplosionGamer]

Yarn antes era melhor porquê era bem mais rápido que o npm, mas atualmente essa diferença de velocidade é bem pequena. E o pnpm funciona uma ram (pior que exemplo possível) , ele usa arquivos que já tem na sua máquina pra agilizar. Óbvio que essas não são as únicas diferenças, mas eram as mais gritantes.

[@imf4ll]

pnpm é bem melhor, só de não usar 2TB só pra criar módulos idênticos, já vence de longe

[@otavioluizgonzaga8519]

Quando você aprender a diferença por si só, aí você talvez irá precisar trocar de instalador de pacote, vai por mim

[@itsmelepassos]

Quando você instalar o NodeJS, o npm virá instalado nele. Se precisar instalar também o Yarn, taca um npm install yarn no teu projeto, ou até o npm install -g yarn (instalação global).

[@renanrdsouza]

Bacana, nesse exato momento estou estudando o React e já dei uma fuçada no Next, hoje eu trabalho no back-end mas estudo o front visando migrar pra essa vertente e acabei entrando nesse mundo do front bem no meio dessas mudanças na criação dos projetos.

[@kuryart4586]

Já uso o Vite no Vue desde o ano passado. É o recomendado na doc oficial. Por isso eu não gosto de fazer nada de cabeça, é sempre bom acompanhar a documentação, nela pode haver novas técnicas e ferramentas melhores do que as que você já está acostumado (na verdade essa foi uma ótima desculpa pro fato de que eu esqueço como se faz as coisas, mas no fim das contas acaba sendo bom kkkkk)

[@iridium-x7i]

eu fiquei um tempo sem pc a ponto de esquecer ate que tinha que instalar o node mano. to lendo um tempao a doc do react para achar onde começa no negocio. kkk me deparo com esse video salvador.

[@DhenysonJhean]

Aproveitar feriadao e começar um projeto guardado a tempos, um PWA bem complexos, vou arriscar o Next, ja que conheço a tempos mas nunca tive a chance de testar. Obg pelas sugestoes e nos atualizar sobre as novidades e rumo que as coisas estao tomando, ja que sobra pouco tempo pra pesquisar e cada video de voces é um alivio na minha vida kkkk. Thanks S2

[@andersonvd]

Só queria disse que vocês me motivam muuito para continuar nessa área e querer aprender cada vez mais, sou backend (python) e mobile (flutter) à 3 anos, estou querendo aprender react já tem um tempo porém sempre que abro um projeto nunca consigo entender muito bem o que esta acontecendo. Toda vez acabo deixando isso para depois, agora com essas novas ferramentas da muito mais ânimo para finalmente aprender o front !!

[@karolinecruz3391]

Muito obrigada pelo vídeo, era exatamente o que eu estava procurando!

[@BrunolimaMe]

Já uso muito o vite, mas parece Next ajudar muito mais no desenvolvimento.

[@L3oJr]

CRA já pode ser colocado no museu há algum tempo... kkkkk Já usava o Vite há bastante tempo pois com o CRA dava tempo de fazer um cafezinho enquanto ele criava a estrutura inicial do projeto. Pra fazer o build então... nem se fala. Excelente conteúdo! Parabéns pelo trabalho.

[@Andruarte-qq6fo]

Vite é top, amo essa ferramenta

[@gabrielcostadev]

Atualmente quando vou criar algo utilizando React Vanilla utilizo o Vite, já pra aplicações maiores eu utilizo o NextJs

[@elieloliveira.dev...]

hmmm, esse vídeo saiu bem na hora que eu estava iniciando meu portfólio kkkk, já estava com npx create-react-app portfolio no terminal kkk

[@denneraladim6190]

Tenho Estudado e criando no React. Vocês podiam falar sobre a nova versão nextjs 13 ?

[@fellipethemaia]

Sério. Eu amo vocês =3

[@emersonjose288]

Adorei o conteúdo, não sabia desses leques a mais do react boilerplate.

[@sal_s_sal]

Excelente vídeo, já estou mexendo com React ah um bom tempo e ver estas alternativas é muito legal e eficiente!

[@salamandralw]

gostei do vite + react, sou iniciante nesse campo, eu tinha uma tabela que sempre estava atualizando alguns dados direto no index.html e toda hora tinha que dar f5 na pagina para ver as mudanças, com o vite react rodando quando o html sofre alteração ele ja altera também na pagina do navegador, achei bem bacana 😀

[@brunowponto]

Atualmente tenho usado o next ou o astro em minnhas aplicações. Acho o Astro mais flexivel e independente de framework, ou podem ser usados até vários diferentes no mesmo projeto como React e Vuejs juntos por exemplo, meu site pessoal foi feito em Astro usando Vanilla.

[@DiogoLScarmagnani]

Coisa de uns 2 ou 3 meses atrás comecei estudar React e já tô estudando com Next. Me parece muito bom (eu nunca estudei nenhum framework de front antes, só tenho conhecimento de JS puro).

[@devsecops-fullstack]

O vite é show, desde o momento que conheci abandonei o cra. Estou gostando muito também do Nextjs.

[@HostingerBrasil]

Informação inovadora, excelente vídeo.

[@cortespoliglota]

Vite+Toolkit+Express =SENSACIONAL

[@iamcarlosjorge]

Sou do react, mas o Vue tem me conquistado. Tô amando, muito bom. E gostei do vite, to assistindo e fazendo uns testes. Até o momento tô gostando e acho q vou aderir. O que mais estou gostando é da leveza e performance. Muito rápido.

[@vejaolucro]

Astro é muuuuuuuito massa! Se puder fazer um vídeo com ele seria ótimo.

[@qualquercoisa173]

Pra começar a aprender react e qualquer framework na realidade o vite é o melhor

[@emanoelinfinity]

Já testei o React, Gatsby e o Next. Atualmente apenas o React, mas estou estudando a possibilidade de usar o Next em projetos reais.

[@RodrigoVieiradaCosta]

estava aguardando há muito tempo esse vídeo! to curtindo o remix!

[@stefanpicciani1551]

Vou assistir agora, acabou mesmo !! Mudou !

[@Nathan2904]

next é coisa linda, sempre atualizando.

[@leandrodeveloper2162]

Ótimo conteúdo, vou explorar todos.

[@leonardogsperin]

Comecei com o react-native já usei react e estou muito interessado agora em angular

[@felipemascena]

Comecei em programação há poucos meses, até agora vi somente React, vinha usando Create-React-App. Vi um projeto com Vite, achei bem interessante sim.

[@und34djam]

E já tá estudando react? Deveria pegar a base da vanilla primeiro

[@thiagosoares5052]

Esse tipo de conteudo que agente procura.

[@kohls20]

Comecei aprendendo React com Vite e só uso ele, porem ainda uso com JavaScript

[@arozendojr]

Spring initializr é interessante, site único, que você baixa um projeto com as dependências que você escolhe no site, pessoal do React poderia se inspirar

[@Carlos.Soares]

Blz 👍👍 Obrigado 🙏

[@eduardofagundesferreira8891]

Esse vídeo foi top mesmo. Parabéns!

[@codigofontetv]

Muito obrigado 😁

[@wellingtonumbelino3140]

Gosto do React, mas prefiro o Vue. A forma de trabalhar com ele é beeem mais clara e simples.

[@camillamendes3732]

Ótimo conteúdo!

[@OluapOirevlis]

Sim, uso react e em breve começo o curso de Angular

[@MauricioPedrodaRocha]

Confesso que eu não quero ter que aprender next kakaka foi tantos meses fazendo projeto em react que parece uma facada ter que aprender next

[@wesleychavesdeveloper]

ameii o conteúdo!!

[@juliokrys]

Só usa React quem não Vue o Angular . Video sensacional.

[@sugaith]

To usando @NX plugins pra gerar apps em monorepos!

[@Rogeriocamarano]

estou fazendo um curso de desenvolvimento e acabamos de concluir o modulo front e hoje eu soube que fomos a última turma a aprender CRA... as próximas já vão migrar pro Next.... Preciso de um tutorial de Next pra me atualizar, que axar....

[@brunomello8824]

O Next realmente será uma mão na roda para projetos maiores e escaláveis, porém como você acabo de aprender com o CRA para aplicações pequenas utiliza o Vite como mostrado no vídeo, ainda mais que você acabo de aprender React você poderia continuar com o mesmo conhecimento e o Vite também é ótimo para projetos pequenos e grandes, lógico que o Next é mais recomendado para projetos maiores, porém nada impede de se usar o Vite, porém por hora recomendo utilizar o Vite pro seu caso por está aprendendo React agora, Next irá ter algumas coisas diferente que poderá te deixar confuso (ou não)

[@rafaelbravim4936]

estou começado agora com react!!!

[@endelnaiva]

um acoisa estranha, aqui pra mim o logo nao gira FICA ESTÁTICO ( parado ) sabem o motivo disso por favor ?

[@cleverssonhames1867]

Obrigado vocês são topss

[@rafaelmonteiro4459]

@Código Fonte poderia trazer no dicionário do programador "Webview"

[@coffee-is-power]

Cadê o create-t3-app? ele é construido em cima do nextjs feito pelo theo, e adiciona várias coisas por padrão como tRPC

[@cod2d]

Estou gostando do Astro

[@rodrigotbrun]

uhu react!

[@DjEdu28]

Uns 2 meses atrás +- a turma do FB publicou uma documentação oficial do react. Eu chamo de a publicação da treta. Praticamente esconderam a possibilidade de usar react sem ser em framework, depreciou o CRA (corretamente) e ignorou a existência de muitas soluções da comunidade como o vite, que tem grande força na comunidade react. O uso de react sem framework é e continuará sendo importante principalmente para projetos de iniciantes, pequenos projetos de rapida construção e/ou que não necessitam de rodar em um servidor.

[@mariox8]

Vcs poderiam fazer um video como funciona essas camadas? Tipo o nextjs eh acima do react, acima do ts acima do js. Eu to começando e essas coisas me deixam confuso.

[@Chainlenger2]

Único que usei até hoje foi electron. Queria aulas concisas sobre VueJs e angularjs.

[@danny91oliver77]

Alguém sabe me dizer COMO ele deu start na aplicação?

[@denneraladim6190]

devo deixar as pastas com a extensão js ou jsx ?

[@codigofontetv]

As extensões são usadas para os arquivos. Os arquivos JS e JSX são ambos usados para escrever código JavaScript, mas eles são usados de maneiras um pouco diferentes. Arquivos .js são arquivos JavaScript padrão. Você pode usar qualquer recurso de JavaScript dentro deles, incluindo sintaxe ES6, operações matemáticas, manipulação de array, expressões regulares, etc. Arquivos .jsx, por outro lado, são usados no React para escrever código que combina JavaScript com HTML. JSX significa JavaScript XML. Esses arquivos permitem que você escreva elementos HTML em seu código JavaScript. Isso torna muito fácil criar e manipular a interface do usuário em seu aplicativo React, pois você pode criar elementos HTML dinamicamente usando JavaScript, mas com uma sintaxe que se parece muito com HTML padrão.

[@denneraladim6190]

@@codigofontetv Muito obrigado

[@oguilhermemoraes]

Já trabalho com o Webflow há um bom tempo, recentemente eles lançaram uma ferramenta chamada DevLink (Meio que uma integração com o react para criação de componentes). Minha dúvida é: Sera que é mais vantajoso aprender react ou aprender uma plataforma no code para desenvolvimento de web apps?

[@GustavoMoreira88]

Clean architeture seria uma opção de criação

[@JaimisonSilva-tk6zg]

Já deixando like.

[@noellefranco5216]

onde eu compro esse moletom do Código fonte?

[@codigofontetv]

Por enquanto não temos ele disponível para venda. Quem sabe se tivermos bastante interessados a gente faz mais. :D

[@pedrobenicio4955]

Pra quem tá indo pro nextjs pode até tomar algum susto. Porque usar o react é bem mais fácil comparado ao next que introduz bem mais complexidade ao código. Só que como resultado, traz também um desempenho maior.. Cabe ao desenvolvedor escolher se vale a pena pra ele ou nao

[@temposesquisitos]

Vocês poderiam abordar também o Expo que tem evoluído bastante principalmente com o Expo-Router

[@mariana-carvalho]

pq no vite vcs digitaram "npm create-vite " e no remix "npx create-remix"?

[@felipemascena]

O npm install é usado para instalar dependências permanentemente no seu projeto, enquanto npx é usado para executar pacotes temporariamente, sem a necessidade de instalá-los localmente.

[@WMaschette]

Usei o vite pela primeira vez pelo git-bash, mas por algum motivo ficou super bugado... A seleção das configurações iniciais não funcionou muito bem, mesmo descendo com a seta do teclado, a interface não respondia aos comandos. Alguém sabe dizer o porque?

[@v0idvlr]

Gosto muito do Next, mas ainda acho que o fato do Vite ser do mesmo criadores do Vue influenciou bastante no React indicar o Next na frente do Vite

[@Vasconcelos_83]

Uma dúvida como iniciante : Cada forma de criar um projeto no React também será uma forma diferente de criar as rotas ?

[@ernanibatista1806]

Eu queroooooooooooo trabalhar com voces pleasseeeeeeee hahaha me da uma camiseta! Meu sonho!

[@Lucas-rz6xk]

Eu tenho um backend com spring boot e tava querendo fazer um front com react. É melhor usar o react com vite ou usar nextjs? Alguém consegue dar uma luz?

[@pachelee]

isso é windows 11 com cmder?

[@codigofontetv]

🎯

[@thebelofiloufeufo]

Já utilizei react e AngularJS e Angular da versão mais recente e gosto mais do react e em segundo lugar dessa lista AngularJS

[@Oculterous]

Minha preferência é React com NextJS, pois é o mais completo e avançado da atualidade, já gostei de VueJS tbm, mas não vi grandes evoluções nos últimos tempos, então hoje acho que o Angula está melhor que o VueJS na minha opinião

[@vitosnatios]

nextjs é fodão demais, ponto pro react botar a responsa pra eles, os caras inovam sem medo e só botam features fodonas na parada

[@LeonardoSantos-pc9bf]

Estou querendo dar os meus primeiros passos na programação, mais confesso que não sei por onde começar. Fiquei desempregado recentemente e quero aproveitar esse momento para poder iniciar nessa área. Se alguém por favor poder me orientar agradeço de coração. Esse casal de canal são tops demais, se puderam me orientar também desde agradeço muito mesmo. Parabéns pelo canal

[@Dr.MoraesRj]

Tenta começar com o básico, aprenda lógica de programação em alguma linguagem amigável, python por exemplo, depois vai aprendendo o básico do front end, html, css e JavaScript, tenta não pular etapas ou virar desenvolvedor em 3 meses, atropelando todas as etapas, vai se familiarizando com o básico, criando projetos, até o ponto de se sentir confiante a aprender ferramentas novas, tipo react, tailwind, node.js e etc... com o tempo e com muita dedicação vai da tudo certo, espero ter ajudado de alguma forma, e lembre-se da frase mais clichê que já escutei, a pressa é inimiga da perfeição, a cada etapa tente buscar o máximo de conhecimento, pois te ajudará lá na frente

[@LeonardoSantos-pc9bf]

@@Dr.MoraesRj Muito obrigado de verdade, seu conselho tem peso ⚖️ de ouro. Foi o único até agora a ajudar. Deus te abençoe imensamente valeu.

[@Oculterous]

O vite tem um jeito de fazer as rotas que não vai mudar toda a semana como no Ract Native?

[@leandrocruz6621]

Nunca consegui roda react native na minha máquina sempre tive problema nesse ambiente de desenvolvimento

[@arozendojr]

Para React-native sem o expo temos alternativa?

[@adrianomingattos5082]

Qual o nome desse terminal usado ?

[@DeveloperALMO]

Boas informações

[@antoniomarcos5664]

Boa tarde mestres do CDF. Bom, vamos lá... o que eu penso sobre soluções de software... Sei que muita gente aqui pode não concordar mas penso que frameworks não deveriam ser tão intrusivos nas soluções. Para ser mais claro, nossa soluções não deveriam depender de frameworks em suas camadas de negócio. Quando nossa solução depende para funcionar de um ORM ou outra ferramenta de terceiros, quando uma solução tenta ser encaixada num framework, estamos além de aceitando um acoplamento arriscado, apostando em cartas que não estão em nossa mangas. O que tenho visto muito hoje é uma excessiva aposta em Frameworks, assim como ferramentas de terceiros. De nada adianta frameworks se as camadas de negócio da aplicação e das entidades não estiverem bem definidas e protegidas. Um framework, deveria se plugar a nossa aplicação e não ser a RAZÃO DE SER de nossa solução. Não quero dizer com isso, que não devemos usar frameworks mas que eles deveriam apenas tocar as fronteiras de nossa aplicação, seja como atores primários ou secundários. Desta forma, o ciclo de vida do sistema seria mais longevo e o custo do mesmo se pagariam com o tempo (caso cumpra o seu dever de entregar os requisitos do negócio) devido a mudanças mais flexíveis. Mudanças de frameworks ou desusos ( como foi o caso reportado ) seriam contornados na fronteira entre a camada de devices e os use cases. Espero ter contribuído com o canal.

[@anarktv8098]

Mas agora...o que usar? React com vite ou react com next? Fiquei com essa duvida.

[@caducoder]

Depende ...

[@andreciobezerra1198]

Que tal um vídeo falando do Rescript?

[@leloazevedo]

Vue s2

[@denisquintasluiz506]

muito bom o video

[@WSORDev]

Uso react a 3 anos, mas estou seriamente pensando em migrar para o angular por ter menos concorrencia shdashdsahdahs. 3 anos e 0 vagas

[@denneraladim6190]

A melhor opção para um iniciante deve ser vite ou um framework nextjs ?

[@caducoder]

Vite com certeza, Nextjs é um framework feito pro React, então é aconselhável aprender bem a base

[@mateusloubach]

Opa, eu acabei de aprender que o React.Js não é mais reconhecido como Framework no Brasil, e sim uma Lib.. - pelo visto eu agora só posso trabalhar fora do Brasil onde ele ainda é um framework.

[@LanBRK]

Vocês podia falar sobre a nova linguagem Mojo, que vai operar como um novo Python.

[@cesiodomeia-ponte444]

Conte mais sobre isso

[@kbgalvao]

Amo php mais estou aprendendo js e python

[@Oculterous]

Faz outro vídeo sobre

[@adelinosilvasilva8504]

1. O Next.js faz sites responsivos? Não, Next.js por si só não faz um site responsivo automaticamente, assim como React. A responsividade depende do layout e das técnicas CSS usadas (media queries, Flexbox, CSS Grid etc.). O Next.js oferece mais recursos de otimização de performance, mas a responsividade continua sendo responsabilidade do desenvolvedor. ==================================================================================================== 2. O Next.js cria PWA? Sim, Next.js pode ser usado para criar um PWA (Progressive Web App), mas isso não é automático. Para transformar um site Next.js em um PWA, você precisa configurar um service worker e um arquivo manifest.json. Há pacotes como next-pwa que facilitam essa configuração.

[@Kapthos]

e como um júnior, eu estudo qual? 😢

[@eligarciajunior5570]

O Vite é mais parecido com o CRA: é pra mim o melhor para fazer essa transição.

[@WagnerBon]

Sou do time Vue, e a organização não só do projeto como do .Vue é muito melhor que React!

[@orcisantos]

Minha dor é participar de um BootCamp que ensina com CRA, extremamente desatualizado. Entre outras coisas fora do mercado.

[@HezekiahKyle]

qual é a melhor maneira de ganhar dinheiro com negociação de criptografia?

[@hvilelaeng]

Só eu que acho ese "use client" do Next meio zuado? Parece só um texto jogado no código... Uso de boa, mas é só uam observação.

[@davidben_dev]

eu prefiro Angular, mais consistente.

[@tsz5868]

Aqueles módulos e rotas são de doer...uso ele mas aquilo enche o saco

[@HudsonAfonso]

Crie projetos assim `flutter create`

[@scoutzera]

sempre usei o vite, mil vzs mais rapido que o create react app