Esse será o fim do Vite? Nova documentação do React.js

[@devjunioralves]

7 CONCEITOS DO TYPESCRIPT QUE VOCÊ DEVE SABE kzbin.info/www/bejne/bXXLnYpofdutqqc QUAL A MELHOR ESTRUTURA DE PASTAS PARA PROJETOS REACT/NEXT.JS kzbin.info/www/bejne/nImzc3iBr8llbMU COMO APLICAR SOLID NO REACT - Inversão de dependência DIP kzbin.info/www/bejne/jGKwZGyegKqSepo [ROADMAP] O QUE VOCÊ DEVERIA ESTUDAR EM 2O23? Fique de olho nessas tecnologias kzbin.info/www/bejne/pGS1Zp-ne5dnnbs TUTORIAL NEXT.JS 13: FETCHING DATA - PARTE 3/3 kzbin.info/www/bejne/fJuYaoljdql1nJo A FORMA CORRETA DE CRIAR ROTAS PRIVADAS NO NEXT.JS 13 - Nova pasta pasta app! kzbin.info/www/bejne/gKSYaYOAqqmDfbs QUANDO NÃO UTILIZAR ESTADOS NO REACT? kzbin.info/www/bejne/q3nbdGt8fZifZ5I MELHORE A USABILIDADE DE SUAS APLICAÇÕES COM ISSO kzbin.info/www/bejne/bZ6uo6Vjd899j5o TUTORIAL NEXT.JS 13: VALE A PENA MIGRAR? PARTE 1/3 kzbin.info/www/bejne/m5y5nZquoJx_grs A FORMA CORRETA DE CRIAR ROTAS PRIVADAS NO NEXT.JS 13 - Nova pasta pasta app! kzbin.info/www/bejne/gKSYaYOAqqmDfbs Signals no React.js?! kzbin.info/www/bejne/m6CUi6Vvbs12Y5Y

[@dev_vitorpereirafontes]

Compartilho da mesma opinião que você, gosto muito do Next e particularmente prefiro iniciar todos os meus projetos com ele, mas como você deixou bem explícito nas suas considerações, cada projeto tem sua demanda e por consequência, uma ferramenta que melhor se aplica aos propósitos. Não acho que o Vite vai morrer, e também acho que o mesmo deveria ter sido citado na nova documentação, já que SPA's ainda são amplamente utilizados na Web e muitas vezes nós desenvolvedores queremos apenas uma solução prática para configurar o que for preciso e sair codando. E mesmo que o Next te dê a possibilidade de criar SPA's, é inegável que o foco do framework é voltado para aplicações multi-pages,SEO, etc. Então cabe ao time ou ao desenvolvedor escolher a ferramenta que vai utilizar. Estou idealizando a criação de um extensão para navegador que utilizará o React, e como é algo inteiramente client-side, não vejo tanto sentido assim usar o Next, já que não vou utilizar grande parte das funcionalidades que o fizeram se destacar na comunidade e no mercado, para o meu propósito o Vite é o suficiente. Gostaria de dizer também que seu conteúdo tem me ajudado bastante, seu trabalho é incrível.

[@devjunioralves]

Sensacional, excelentes pontos que você mencionou Vitor! Cada projeto, são tantas variáveis para levar em consideração que é difícil, mas uma coisa é certa, tão tem bala de prata. As SPA's com certeza não morreram, existem muitos projetos assim e vão continuar. Valeu demais pelo feedback Vitor, agradeço muito mesmo!

[@elziolima6918]

Difícil achar um conteúdo sobre ViteJs mais técnico. Te agradeço 😁

[@emanoelinfinity]

Enquanto eles discutem, nós trabalhamos! Cabe a cada dev ou time escolher a que mais se adequa ao projeto.

[@devjunioralves]

Perfeito!!! Concordo 100%

[@Cookieukw]

Gostaria do vite porque ele é muito rápido, porém não exibe muitos erros e isso atrapalha um pouco

[@devjunioralves]

@@Cookieukw Exato, mas como falamos, são ferramentas com propósitos diferentes, cabe à nós escolher a melhor para nosso problema.

[@duboucault]

ótimo vídeo, me elucidou bastante em relação as versatilidades de ambos os lados

[@devjunioralves]

Excelente Eduardo!!!

[@tavaresevaristo]

Cara vc ganhou um seguidor novo. parabéns pelo conteúdo, eu sou iniciante e amei essa actualização, já até estava me frustrando.

[@devjunioralves]

Fala Tavares, tudo bem? Que massa! Fico muito feliz que tenha curtido o conteúdo, muito obrigado! A documentação está muito boa, recomendo muito você estudar por lá, tem muito exemplo interativo e tudo focado nos hooks, vale muito a pena.

[@aleffreittas]

Cara, muito show seu canal, a explicação. + 1 inscrito.

[@devjunioralves]

Opa, valeu Alef! Muito obrigado.

[@TechCisne]

Que conteúdo relevante! obrigado 🍷

[@devjunioralves]

Valeu Leonardo!

[@zzzglgio]

To há 6 meses desenvolvendo alguns projetos e depois de um tempo comecei a me cansar do CRA, uma baita demora pra compilar, criar o projeto, e quando o projeto cresce dá tempo de fazer um café enquanto inicia o server... acredito que pra quem também tá começando o Vite sempre será uma ótima opção. Confesso que não conheço muitas vantagens do Vite e uso mais por questão de desempenho, mas o Next realmente traz algumas facilidades e também dificuldades, que acaba prejudicando quem nao tem uma base sólida no React. Parabens pelo canal Junior, conteudo brabo!

[@devjunioralves]

O Vite realmente hoje, se tornou o "default" para iniciar uma SPA React, o CRA foi interessante quando surgiu, mas parou no tempo. E concordo com você sobre o Next.js, pois, além de precisar ter uma base mais sólida em React, precisa mudar um pouco a forma de programar, por conta do server side, e isso leva um tempo. Valeu demais!!!

[@geronimo5694]

Ótimo vídeo, to adoro os conteúdos do canal parabéns. Teria como compartilhar os links dos artigos do tabnews que você mencionou? Não encontrei eles na descrição do vídeo

[@devjunioralves]

Adicionei os links na descrição. Valeu Geronimo! 👊

[@geronimo5694]

@@devjunioralves Muito obrigado

[@kevenrodriguesmeirelles2241]

Ótimo video, achei que era clickbait mas tem muita qualidade !

[@devjunioralves]

Eu queria trazer um pouco de contexto e algumas reflexões, que bom que você curtiu. Valeu demais!

[@FAELP22]

Engraçado como o mundo da voltas, a mais ou menos 10 anos atrás era assim HTML, CSS, JS + um linguagem tipo PHP. Era tudo junto e misturado código PHP/Python/Etc + HTML, CSS e JS. quem lembra do PrimeFaces? rsrs E isso virou um sacrilégio de fazer, dai começou alguns movimento para separar código PHP, HTML, CSS e JS e dai veio a loucura de um framework JS por minuto etc. etc. etc. isso virou até meme, dai começou a nascer projetos como Grunt, Gulp, Webpack etc. para unir algumas coisas. E agora vemos que aqueles sistemas que antes era visto de uma forma abominável tipo Wordpress (rsrs brincadeira). agora o novo hiper da comunidade JS onde tudo deve estar junto e mistura novamente. Se for esse caso eu não vejo benefício algum e preferiria usar um Django, Laravel, ou Rails ao vez de usar um React pois esses outros frameworks já consagrados resolvem vários problemas a mais de uma década.

[@brito7442]

Boas palavras meu amigo, esclareceu algumas duvidas minhas! Acredito que dizer que uma tecnologia morreu, não é a melhor coisa a se dizer, tendo em vista que ela ainda esta disponível para uso no mercado. Nos que devemos definir se aquela tecnologia ou outra é a mais viável para nós e para nossos projetos. Se for trabalho independente no qual não temos a necessidade de trabalhar em grupo ou empresa que tem aquela tecnologia especifica. Podemos sim utilizar qualquer tecnologia ainda disponível no mercado, pois o conhecimento delas, ira nos proporcionar uma base solida e produtiva de conhecimento. E detalhe... Esse lance de dizer que uma tecnologia morreu, atrapalha muito o estudo ou desenvolvimento de muitos estudantes, pois eles começam a pular de uma tecnologia para outra, apenas porque dizem que aquela tecnologia não é mais utilizada. Travam os seus estudos pulando de uma para outra. Eu mesmo passei por isso. Tmj!👌

[@devjunioralves]

Perfeito Brito, concordo 100% com você. Foi um dos motivos de ter feito esse vídeo, existem muitas pessoas iniciando os estudos todos os dias e essa conversa sobre o Vite começou a tomar uma proporção bem grande na comunidade, o que confunde muito que esta iniciando. Muito obrigado pelo comentário Brito. Tmj! 👊

[@Lotus-SD]

Eu começo com o vite já que sou iniciante, mas estou começando a utilizar o next.js para fazer alguns projetinhos.

[@devjunioralves]

Perfeito Ranier! Esta no caminho certo.

[@nathansantos4197]

Ja tenho um Saas criado no React CRA e não tenho a mínima intensão de migrar para o vite e muito menos para Next ou outros que a documentação "impôs". Concordo com o ponto levantado no video, cada dev ou gerenciador de projetos precisa entender sua propria realidade e necessidade. Pra mim o CRA é mais que o necessário para o que estou precisando, e mesmo com projeção de escalabilidade não vejo motivos pra migrar. Porém tenho outro projeto que ja iniciei com o vite, esse vai se manter no vite até o final. Em relação ao Next e os demais frameworks ja cheguei a estudar mas não vejo motivos pra eu adotar nos meus projetos atualmente!

[@devjunioralves]

Perfeito Nathan, no final do dia, são apenas ferramentas, o importante é entender o contexto do projeto para daí sim, escolher a ferramenta e não o inverso. Todas elas tem seus pros e contras, cabe ao time escolher a melhor para o seu contexto.

[@leandrocunha3648]

Já tem tempo que optei pelo next e uso vite pro vue. Se for projeto simples uso vite pro react também e tenho tido êxito.

[@devjunioralves]

Boa Leandro! Perfeito, as duas ferramentas atendem muito bem cada propósito.

[@rodrigosantosweb]

nao morre, porque vitejs não é do react e nem foi feito só pra ele. ele da suporte a varios frameworks

[@devjunioralves]

Exatamente Rodrigo! O Vite em si, não vai morrer, talvez o uso dele com React.js diminua com o tempo, mas morrer... isso não.

[@edenpaulocruz]

Era exatamente o que eu iria pontuar. O Vite não nasceu para o React e nem tinha suporte para ele, mas devido sua eficiência em relação ao create-react-app surgiu o apelo da comunidade e passou a dar suporte. Mas não podemos esquecer de uma coisa: "Não existe bala de prata!"

[@devjunioralves]

@@edenpaulocruz Perfeito Eden! Excelente contribuição seu comentário e concordo, não exista "bala de prata", cada projeto é diferente, contextos diferentes, times diferentes.

[@silasrodrigues19]

Conteúdo muito bom mano, tenho uma opinião bem parecida com a sua também

[@devjunioralves]

Show Silas! Valeu demais!!!

[@gustavomoreira7817]

eu comecei estudando react depois de ter uma base boa fui para o Gatsby, mas vi a necessidade de carregar coisas no SSR, nessas novas versoes do gatsby ja é possivel usar SSR mas antes não, ai me achei com Next JS

[@devjunioralves]

Interessante Gustavo, faz tempo que não utilizo o Gatsby. Usei muito, mas tem uns anos que não acompanho ele de perto. Muito massa saber que ele suporta SSR agora também.

[@EnosAlvesSantos-bw3zp]

Opa! E aí Beleza! Que tipo de anotação vc usar, vc usou no vídeo, com interação de cliques.

[@devjunioralves]

Opa, blz e tu? O app chama iThoughts.

[@gab0nezio]

O Next.js é favoravel e vem com suporte fixo para PWAs, por exemplo! com o Vite temos o plugin Vite PWA! queria saber se com NextJS tem isso tambem? ou é algo mais pra um json no pelo mesmo?

[@pallomagualter965]

Valew

[@devjunioralves]

Valeu!

[@sidneydev]

Acho que o que vai definir se uma tecnologia "morreu" é a questão de suporte dos mantenedores com melhorias às novas versões, e também se ainda existe conteúdo no stack overflow...kkkk (briancadeiras a parte).

[@devjunioralves]

Kkkk Brincadeira mas pior que é verdade.

[@mystrader]

muito legal esse programa aí de mindMap? qual seria ?

[@devjunioralves]

Chama iThoughts, curto demais ele.

[@Diasdhiego]

Sensacional o video Junior Alves! Por gentileza, qual é esse programa que utiliza para fazer a apresentação? Achei sensacional voce ir clickando e ele ir abrindo, dando zoom e afins! Obrigado!

[@devjunioralves]

Valeu demais!!! O app chama iThoughts.

[@darioreisjr]

Compartilho tambem sobre o depende, quando quero estudar acabo usando o Vite mesmo, ou criando aplicações pequenas que vai ser para teste mesmo e creio que não vá morrer pois precisamos sempre estudar sobre o ReactJs então o vite seria melhor do que usar o Nextjs ou outro. Mas quando crio aplicações que vão crescer ai sim ja uso o Nextjs, mais vai de cada um não tem uma formula magica mais cada um sabe a dor e o problema que precisa resolver.

[@devjunioralves]

Exatamente Dario! Quando é um projeto maior, com um time, a tomada de decisão é mais complexa e no final do dia, são apenas ferramentas para chegar em um objetivo.

[@cjacobm]

Muito bom seu vídeo. Qual programa você usou para montar o mapa mental?

[@devjunioralves]

Muito obrigado Constantino! O app chama iThoughts.

[@emersonrabelo4944]

Uso pouco de Jquery, mas sinto que deveria usar mais. Facilita muita coisa, porem, nem todo mundo gosta...

[@devjunioralves]

Hoje em dia muita gente não gosta, porém, ele é muito utilizado até hoje.

[@devemprender]

Você poderia fazer um video sobre os database da vercel . Estou curtindo muito o Edge Config e eles estão com a versão beta do Postgress tb.

[@devjunioralves]

Opa, boa Thiago! Eu preciso testar mais, só dei uma por cima.

[@porfiriodev]

9:20 eu uso Jquery no dia a dia. Infelizmente preciso manter 2 legados da empresa em PHP. O bom é que é fácil kkk

[@devjunioralves]

Olha aí, tem muitos projetos que ainda utilizam jQuery no mercado, e vão continuar por um bom tempo ainda né man!

[@tentandoTancarOBostil]

Custo, muito caro o caminho que estavamos seguindo, primeiro microserviços, microfornends, BFF, caraca!! O Custo para se desenvolver software está muito grande, como diminuir isso? Voltando a como faziamos antes, simplificando arquitetura. É só lembrar do webmaster, que virou full-stack e agora full-cycle.

[@xiankleberc.benjamim7]

Acredito que a tendência é a evolução do mercado, o vite é uma ferramenta excelente. Júnior qual o nome dessa ferramenta que você usou no vídeo para a explicação?

[@devjunioralves]

Exatamente! Chama iThoughts.

[@rickrec]

O Documento simplesmente indica frameworks ideais para o proposito. Mas ele não torna absoleto o create-react-app. Em outras partes do doc ele usa o CRA.

[@devjunioralves]

Sim, de fato. Só não vi onde eles usam o CRA na nova doc, poderia me dizer, por favor?

[@aepsantosdev4248]

o que vc acha da dependência que parece estar sendo criada entre react, next e a vercel?

[@thiagonunesbatista6887]

Qual o App que você utilizou no video para exibir/esconder o mapa mental?

[@gabrielmedeiros9806]

O ruim de usar projetos como o vite é que dado o mundo como está, as coisas mudam mto rápido. Usar formas padrões sugeridas pela doc acho que deve facilitar a vida no futuro. Mas se for aplicações pequenas e projetos pessoais, aí nem me importaria não. Por isso, usaria o Next se de fato eu sentir que tem features que hj no react não existem ou seria bem complexo de fazer, não começaria com o vite e seus afins, até pq o vite é concorrência para os caras, n sei se o time do Meta iria aceitar mto bem. Logo, pensando em javascript, normalmente utilizo node (nestjs), react com typescript e alguma empresa grande pra guardar isso tudo, como a azure, aws etc...

[@devjunioralves]

É um ponto bem interessante. Depende muito do projeto e do time também, pois não adianta tu escolher o Next.js pela features e o time nunca ter usado ele, a produtividade vai ficar baixo por meses. São várias variáveis para se levar em consideração na escolha.

[@actiong1393]

Sempre que inicio uma aplicação utilizo o vite, principalmente para estudar mais sobre o React. Pela a facilidade e praticidade que ele me dá. Estou estudando aos poucos o Next e por estar aprendendo ainda sobre o React, ainda não me sinto confiante em utilizar o Next para tudo, pq sei que não irei usufruir nem 30% que o next tem a me oferecer. Posso estar falando abóbora, mas eu entendo eles estarem "empurrando" a rapaziada pra os frameworks full-stack, mas eu acho que isso foi meio pessoal, pensamentos devs do react: o criador do Vue, o concorrente do React, decide fazer um starter para o nosso ReactJS? Bora botar esse cara no seu devido lugar. Eu sei que pode ser teoria da conspiração, mas eu creio que eles querem abafar o vite.

[@devjunioralves]

Entendi seu ponto e concordo com você sobre iniciar os projetos com o Vite, ainda mais pra estudo. Sobre o caso dessa "disputa" com o Evan You, acho que não faz muito sentido, pelo menos, não deveria.

[@SohaaTitanio]

Pelo que entendi do Next é um framework que faz a renderização Server Side, ou seja, como se o servidor mandasse a página renderizada pro cliente. Nesse meu entendimento, uma aplicação só teria sucesso usando o Next se ocorresse poucas requisições pro servidor

[@devjunioralves]

Não, esta incorreto ver dessa forma, por exemplo, existem portais gigantes, ecommerce (olhar na doc os showcases) criados com o Next.js, e eles possuem muitas requisições.

[@andersonmatias398]

Na minha opinião o time do React iniciou o processo para ser adquirido pela Vercel. O Next está se tornando muito maior que o React e a jogada deles é se unir para não ficar pra trás. Na minha humilde opinião.

[@actiong1393]

@@devjunioralves Esse é o ponto, muitas coisas não deveria fazer sentido na sua plenitude e pura essência, mas ainda assim, existem. Por exemplo, um buraco negro, a sua própria existência é um mistério para o mundo, como pode um evento produzir um corpo celeste super massivo capaz de engolir tudo ao seu alcance para sempre? Sem trajeto, sem destino e muito menos uma escapatória, isso é o que lhe aguarda ao presenciar de perto de uma das coisas mais sem sentido que conhecemos. O impossível é possível e a lógica, algumas vezes, pode não fazer sentido. Se você leu tudo isso, parabéns vc perdeu o seu tempo com a minha brisa.

[@rcarubbi]

o vite não é só pra react, por mais q react não esteja mais sugerindo vite como default, ele serve até pra vanilla js

[@devjunioralves]

Exatamente Raphael! É uma ferramenta incrível.

[@cesiodomeia-ponte444]

Ótimo

[@devjunioralves]

Valeu!

[@albtein]

A questão principal é pq eles estão vendendo React no server side deste modo. Poucas pessoas vão entender que isso é só mais um PHP e vai custar processamento de servidor. Esse novo padrão está meio estranho.

[@spartakinho]

Qual site de Mapa Mental, você esta usando neste vídeo?

[@devjunioralves]

É um app, chama iThoughts.

[@CSBFS]

Como se chama esse mindmap que vc usou no video?

[@devjunioralves]

Chama iThoughts.

[@soprodovulcao]

Disseram que ChakraUI tbm pode morrer, oq vc acha?

[@devjunioralves]

Fala Hugo, blz? Como o Vite, eu acho muito difícil "morrer", o que pode acontecer é a utilização diminuir, assim como deve acontecer com o Vite (com o React).

[@tavareshenrique]

Ótimo video mano! Uma dúvida, qual nome do app do mapa mental que você usa?

[@devjunioralves]

Show, valeu mano! Chama iThoughtsx.

[@proarchertv]

Ué quando a gente fazia conexao direto da pagina aspx os caras reclamavam e essa parada ai meu irmao kkk

[@devjunioralves]

Kkkkkkkkkkkkkkkk

[@JonasFrancoDev]

qual o nome do app que você usou para fazer o mapa mental?

[@devjunioralves]

Chama iThoughts Jonas.

[@eduardoribeiroduraes9211]

bom dia que ferramenta interativa é essa usada nesse vídeo?

[@devjunioralves]

Bom dia man, o app chama iThoughts.

[@3es77ey]

Que plataforma é essa que vc usou para te auxiliar na apresentação? achei legal

[@devjunioralves]

É um app, chama iThoughts, curto muito ele também!

[@joaocosta1228]

Man quar app você usa para criar esse balões?

[@devjunioralves]

O app chama iThoughts man

[@henrique-work]

Acho que vc confundiu o que é o vite, ele não é algo como CRA, ele é uma ferramenta equivalente ao webpack o que vai além de apenas apps SPA. Por exemplo o webpack converte o typescript para javascript normal no front-end por debaixo dos panos (tanto para dev ou prod), o vite faz a mesma coisa só que usa ferramentas e uma estrutura mais moderna que faz vc ganhar mais velocidade e performance. O que pode e provavelmente vai acontecer e os frameworks Next, Gatspy, Expo que usam o webpack hoje por debaixo dos panos vão migrar para o vite mais tarde ou deixar ele como alternativa para quem quiser usar, pq ele é bem mais rápido que o webpack.

[@devjunioralves]

Fala Henrique, blz? Sobre o Vite vs CRA, eu comentei sobre eles pois, falando no contexto do React, ambos são starters/bundlers, ou seja, uma forma rápida de iniciar um projeto em React. Isso, a grosso modo, claro, pois o CRA tinha vários problemas. Sobre o Next.js, na versão atual, não utiliza o webpack por baixo dos panos, e sim o turbopack que é feito em Rust (e é bem mais performático do que o webpack), é um "sucessor" do webpack, então não vejo ele migrando para o Esbuild que é o que o Vite utiliza. Valeu pelo comentário!

[@ThiagoDaurizio]

Qual site ou programa eh este ao qual usa no video?

[@devjunioralves]

É um app, chama iThoughts.

[@1222guilherme]

Eu acho que o Vite não vai morrer na verdade ta bem longe disso, frameworks como Svelte vem com o Vite como padrão, e se não me engano Nuxt tambem, fora que o Vite não é exclusivo para React, e eu tenho minhas duvidas se caira em desuso pelo pessoal do React , muitas pessoas que ja codam (eu por exemplo) que vim do Vue e estou aprendendo React, vou continuar usando Vite por muito tempo ainda, React é muito bom, o problema é empresa por tras dele com umas decisões altamente duvidosas

[@devjunioralves]

Exatamente, o Vite é amplamente utilizado por várias tecnologias, além do React.js. Morrer, não acredito também, o que pode acontecer com o tempo é o uso dele com o React diminuir. Isso falando à longo prazo, pelo menos é o que eu penso.

[@leandrocunha3648]

Vue 3 usa Vite como padrão.

[@1222guilherme]

@@leandrocunha3648 O Vue 3 tinha um criador de projeto parecido com o do React CRA, que até então vinha com webpack como default, devem ter mudado isso recentemente, embora na documentação eles semprem recomendassem o uso do Vite

[@devjunioralves]

@@leandrocunha3648 Exatamente. Ele hoje atende muitas tecnologias diferentes.

[@leandrocunha3648]

@@1222guilherme No vue 2 eu lembro de usar, era com vue create sendo cli e tinha o vue ui também. Vue 2 que está em extended support segundo site oficial e vi um artigo ensinando usar o vite com esta versão também. O template oficial do vue 3 é com vite rodando npm init vue@latest foi Evan You que criou tanto o vue e o vite.

[@Nando006]

Amigo, qual o nome desse mapa mental?

[@Kitkathyn]

Tem muitas aplicações feitas com vite, acho que vai demorar um pouco para quererem migrar pro react com algum framework.

[@devjunioralves]

Exatamente Kathlyn, além do Vite não ser utilizado apenas com o React.js

[@CarlosEduardo-gi4xf]

Eu realmente acho errado o time do React menosprezar e tentar força alguém a não usar algo que talvez não fosse as SPAs o react não seria o que é hoje, o vite é muito massa e para projetos simples cai como uma luva, e depois fica muito mais fácil aprendrer o next e ter mais noção o que o next resolve e porque usar.

[@devjunioralves]

Exatamente, de fato o React deve muito às SPAs e ter uma menção oculta, no finalzinho do texto, não ficou legal. A doc em si, ta excelente, mas, na minha opinião, esse ponto eles poderiam ter feito melhor, colocar o Vite como primeira opção, assim como era o CRA.

[@raimundojunior8547]

a grande questão é que as pessoas que ja trabalham com react, sabe que não tem como matar jquery ou até classes em react, eu mesmo peguei um projeto de 2018 feito 100%¨em classes, antes da "era" dos hooks, parece que voltei na era dos mais, astecas e incas, mas enfim, vite pra minha pessoa que passava longos minutos morrendo de ódio do CRA, é a salvação divina, ele não vai sumir e nem vai morrer, além do mais o NEXT é um framework pra quem domina react, e tem quer trabalhar com full stack, não faz sentido um novato usar next se o cara não sabe o significado de "query, api, database e por ai vai"

[@devjunioralves]

Perfeito Raimundo! O Vite é maravilhoso se comparado com o CRA (que já morreu oficialmente inclusive). Além dos pontos que comentou, ainda tem o projeto em sim, pois dependendo, não há necessidade de um framework, o Vite já resolve tranquilamente.

[@edenpaulocruz]

Tenho 44 anos e trabalho com Ruby on Rails há 11 meses, minha primeira experiência como dev após longos anos como técnico de informática. Estou retornando os meus estudos da stack JavaScript e vou estudar tudo jQuery, React com classes e da forma mais moderna com Hooks e modules, porque no mercado de trabalho não vamos sair criando projetos do zero (talvez nunca), vamos trabalhar em sistemas que já existem. Como faremos manutenção em código legado se não soubermos como funciona? Aprendi JS mas nunca tinha estudado jQuery e tive que aprender a fazer algumas coisas na marra porque precisei do jQuery em código legado. Fica a dica!

[@devjunioralves]

​@@edenpaulocruz Concordo com você sobre aprender como as coisas funcionam, até acrescentaria entender a base de programação, depois da linguagem. Porém, existem sim situações onde criamos projetos do zero, concordo que são minorias, mas, na minha opinião, com base em que ja trabalhei, existem sim várias oportunidades de criarmos projetos do zero em empresas. Nas ultimas 3 empresas que passei, todas trabalhei com legado, mas também criei novos projetos, iniciando do zero. Mas ressalvo novamente, não são a grande maioria dos casos, mas acontecem.

[@brunomanso9428]

Vite se dirige para o 'cemitério' onde o JQuery, o PHP e o Bitcoin estão 'enterrados'.

[@devjunioralves]

Boa kkkk

[@gabrielzfr]

Vite é tech, Vite é top, Vite é tudo. Os cara do React quer impor muita regra na minha opinião eles tão se preocupando mais em como você vai usar o react ao invés de se preocupar com o react em si

[@devjunioralves]

Pelo fato de React ser "apenas" uma lib, existem alguma limitações aí é onde o Next.js, Remix, Gatsby e Expo entram. Porém, realmente não entendo muito o porque, pois o o Vite seria o "basico", ou seja, deveria ser a primeira opção (dependendo do projeto).

[@gabrielzfr]

@@devjunioralves exatamente, foi pelo vite que eu começei a aprender React pois era o mais facil de se usar

[@devjunioralves]

@@gabrielzfr E ainda é, e vai continuar sendo. Pois de fato ele é bem simples e prático.

[@sobrevivendo-no-front]

Longe disso. Vite é usado por muitos outros frameworks como Astro e Qwik, por exemplo.

[@devjunioralves]

Com certeza, ele é o starter mais utilizado atualmente para várias tecnologias.

[@nerd_ao]

Sempre que cria um novo projecto React com vite da erro ao executar npm run dev

[@douglaspoma]

Cara eu não entendo como surge essas "preocupações", parece que programadores estão passando mais tempo em redes sociais do que programando/estudando... Nunca entrei no site da documentação do React para ver sobre o vite, eles tem o próprio site... Discussão de quem não tem o que fazer..

[@devjunioralves]

O único ponto que vejo de interessante discussão nessa história é para quem está iniciando os estudos com React, pra essas pessoas, que entrarem na doc e ja se depararem com um Next.js ou Remix, sendo recomendado de cara um framework. Fora isso, também acho uma preocupação boba.

[@douglaspoma]

@@devjunioralves Poucos que estão começando em React vão na documentação, a maioria faz um curso ou pega alguma coisa no youtube, medium etc... Documentação mesmo é pra consulta sobre coisas específicas como hooks, ou alguma outra funcionalidade.

[@devjunioralves]

@@douglaspoma Douglas, infelizmente isso é verdade. Vão direto num stack overflow, só pra resolver o problema (apagar o incêndio) e não de fato entender e aprender o problema.

[@ribafs]

Uso o Vite e continuarei usando. Não gosto da equipe estar interferinndo. Será que a equipe não uer nos empurraar para o autor do Vide? Penser.

[@devjunioralves]

Sim, de fato, para vários cenários, o Vite se encaixa super bem e não há necessidade mudar.

[@gabrieldeoliveirasilva8291]

O vite não vai morrer, talvez não usem ele com React, mas por si só, ele ainda vai ser utilizado. O Vue e o Nuxt usam vite. Alem de outros frameworks/toolkits/libs, como o svelte

[@devjunioralves]

Exatamente, e é oq eu particularmente vejo acontecendo.

[@denneraladim6190]

O iniciante deve iniciar pelo vite ou nextjs ?

[@devjunioralves]

Pode iniciar pelo Vite, para aprender os fundamentos do React. Depois estude um framework, como o Next.js.

[@denneraladim6190]

@@devjunioralves Muito obrigado

[@marcolongitude]

next virando um php rsrsrsrsrsr, query dentro do file de render de html, montando a pagina no server e enviando pro client, php do puro

[@devjunioralves]

Kkkkkk php raíz

[@fabriciomoeller1]

Não sou usuário do React, mas sei que o Vite é mais do que um Start para iniciar um app. Eu o uso e posso afirmar que ele substituiu o Webpack com muito habilidade. Hoje a compilação é quase instantânea em comparação ao Webpack alem de gerar um build bem menor e isto gera performance.

[@JPilsonSumbo]

A questão "Será que o vite vai morrer" não faz lá muito sentido. Vite não tem nenhuma dependência do React e nem é apenas usada para React nem !? React pode tomar um rumo que exclui a utilização do vite mais isso não significa que o vite morre 😐

[@devjunioralves]

Exato, tem muita gente que acaba não usando o Vite com outras tecnologias e acabam não sabendo que ele é um starter para várias outras tecs.

[@edu_amr]

Sim eu uso jquery no dia a dia... Vergonha da profissão

[@devjunioralves]

Vergonha nada, existem muita aplicações que utilizam o jQuery que estão rodando firme e forte no mercado. Ta pagando os boletos...

[@leonardomoraes1658]

Tá mais pra coragem kkkkkkkkkk

[@devjunioralves]

@@leonardomoraes1658 Exatamente kkkkk Raíz da profissão.

[@diegofernandes8357]

Não vejo a morte do Vite nem a curto ou médio prazo (longo só Deus), onde trabalho há backends que nascem em diversas linguagens quase todos os dias e eu não vejo vantagem de usar o Next nesses cenários. Assim acredito que os SPAs ainda tenham bastante espaço no mercado.

[@devjunioralves]

Exatamente, concordo com você, até porque o vite não é apenas utilizado somente com React, existem várias outras que utilizam ele como starter.

[@ArthurBarros-p2j]

Voltamos para o PHP? kkkk

[@matheusribeiro4387]

Os jovens dinâmicos e seu JS. Tudo hipe!

[@devjunioralves]

Jovens dinâmicos, aí tu apelou kkkkk

[@matheusribeiro4387]

​@@devjunioralves kkkkkkkkkkk

[@lacrador_idiota]

Que navegador é esse?

[@devjunioralves]

É o Safari.

[@alisson_bike_adventures]

Esse porcaria desse caminho que estão levando pro universo JS é tosco. Os caras voltando pra 2011 onde se colocava SQL dentro do HTML no PHP. Ainda colocam esse exemplo extremo. Eu realmente espero que a comunidade vá pra um caminho de arquitetura hexagonal dentro do front end. Ainda assim acho ruim.

[@devjunioralves]

Realmente, em alguns momentos dá uns "calafrios" pensar nisso, como o próprio Filipe Deschamps fala no artigo dele. Começa a ter muitas responsabilidades no frontend.

[@ramonStones]

"Ficou sensacional" Hahahahahahahaha! Sou infinitamente mais a antiga. Mas beleza, cada um tem sua opinião.

[@devjunioralves]

Fala Ramon, bl? Tu prefere a documentação antiga? Não entendi.

[@ramonStones]

@@devjunioralves O formato da antiga é melhor, na minha opinião, muito mais limpo.

[@devjunioralves]

@@ramonStones Saquei. No geral, eu curti mais a atual, os exemplos interativos, explicações e etc.

[@esbnet]

Cara, esse movimento está acontecendo já tem um tempo. Não é que as SPAs vão acabar. O que ocorre é que o back e o front vão estar juntos. Não vai ser necessário criar dois servidores distintos, em ambientes distinto. O back e o front irão subir justos e trabalhar integrados. Essa tendência é real e não tem mais volta!

[@devjunioralves]

Vejo isso mesmo Edmilson. O próprio Next.js na versão 13, esta extremamente alinhado com o que você falou.

[@joaoleal4327]

Não sei quanto tempo você está na área, mas a um tempo atrás era assim, back e Front juntos (Aplicações desktop chamando o banco de dados ao mesmo tempo que exibe na tela). Dizer que é o caminho natural pra mim é sem sentido. Parece ser só algo do react em si, ciclos que vem e vão. E ainda vamos ter as outras frameworks por aí, talvez isso dê mais força ainda para as concorrentes do react brilharem bem mais.

[@n4k1b4n]

o irônico nisso tudo é que retorna ao estilo fullstack antigo exemplo um projeto php se conectando ao banco e a montando a regra de negócio e servindo HTML na sainda final , na época a dificuldade era pra ter outro client chamando o mesmo servidor já que teria q criar rotas auxiliares e duplicar regras de negócio muitas das vezes pra poder mandar dados pra um client mobile por exemplo nesse cenário q surge as soap , rest etc e agora com o next 13 esse dilema deve retornar servi um ou mais client vai ser o principal requisito na hora de escolher qual ferramenta usar.

[@devjunioralves]

@@n4k1b4n Exatamente Monark!!! Resumiu bem a atual situação.

[@esbnet]

@@n4k1b4n Sim! Com a vantagem de estar utilizando a linguagem nativa dos browsers. O PHP entrega muito processamento para o navegador (AJAX). Já o React (Next) está tentando entregar o mínimo possível de JS, visto que ele roda sobre o V8 (engine dos browsers - node).

[@AntunesGean]

se nem o PHP morreu ainda(brincadeira amantes da linguagem. Mas convenham que ela é feio pacas!). O JQuery vai durar anos ainda. E o vite é maravilho para criar algo rápido e prático. No mais, acho bizarro chamar o DB de qualquer lugar.

[@devjunioralves]

De fato, essa de chamar o DB direto do frontend, dentro de um componente é tenso.

[@curtiuseucomentario6203]

Eu lembro de ter visto só um pouco de jquery um tempo atrás e tinha achado muito gostoso usar ele. Nunca foi tão fácil, pra mim, manipular as coisas. Desde trocar o texto de um botão ou fazer um efeito toggle, era tão fácil de entender como funcionava

[@devjunioralves]

@@curtiuseucomentario6203 O jQuery quando surgiu, foi revolucionário! E contribuiu muito com tudo oq veio posteriormente.

[@curtiuseucomentario6203]

@@devjunioralves Deixaram de usar ativamente ele?

[@devjunioralves]

@@curtiuseucomentario6203 Não, tem muito sistema que ainda roda e que utiliza ele.

[@ohervis]

React tá tomando caminhos estranhos.... Vue já é mais performático e colocando o Next dessa forma, tá muito estranho. Vercel tá investindo pesado

[@devjunioralves]

Os times do Next.js e do React estão muito próximos, a Vercel contratou vários integrantes do core team do React recentemente, realmente eles estão investindo pesado.

[@danielhertal7277]

um PHP em js...

[@devjunioralves]

Será??

[@ir4nbala]

Vite morre nada, até projetos com o astro usam o vite, até o nuxt pode ser instalado com ele.

[@devjunioralves]

Concordo Iran! Ele realmente é uma ferramenta incrível

[@jonnyborgesdev]

Por isso o facebook é um dos sites mais laggados e bugados que existem. Olha que time mer* os caras tem. Nextjs está virando um PHP, me sinto voltando duas decadas quando vejo gente querendo acoplar backend e frontend.

[@devjunioralves]

Pq tu diz que o time deles é ruim? Tem um pessoal fora da curva la.

[@AlesaGillespie]

Cês fazem cada drama.

[@devjunioralves]

Isso gerou um movimento na comunidade, por esse detalhe. São vários pontos de vistas diferentes. Doido né?

[@shadowsplay1852]

Nossa, que bagunça o código, o cara tratar query de banco de dados, junto com a aplicação, pegar o valor do return no mesmo local, pelo amor de Deus, ta parecendo PHP nos anos 90 onde era tudo misturado, html, css, php

[@devjunioralves]

De fato, isso gera um acoplamento e complexidade absurdas.

[@shadowsplay1852]

@@devjunioralves Exato mano, imagina você pegar um componente neste estado para dar manutenção, com um monte de query misturada com funções, com componentes vindo de outro arquivo, se loco haha

[@devjunioralves]

@@shadowsplay1852 Manutenção nisso aí é uma missão impossível kkkk Vai ser aquele componente que depois de feito, ninguém coloca a mão mais kkkk