CRIEI UM EDITOR QUE RODA NODE.JS NO BROWSER (WebContainers + TipTap)

[@rocketseat]

Quer evoluir em React? Assista a Masterclass gratuita e exclusiva da Rocketseat: rseat.in/3vYc-mJLj

[@thadeubrito7812]

primeiro figjam, agora um editor, daqui a pouco vai recriar um mini editor de design tipo o canva. muito bom, parabéns!

[@thadeubrito7812]

o engraçado é que o canva aparentemente não usa a tag canvas

[@luantoningalvan8512]

cara, eu já fiz esse exercício pra brincar uma vez e acabei descobrindo uma lib sensacional chamada moveable que faz ficar fácil criar um editor estilo canva, da uma olhada

[@thiagomurtinho3021]

Diego essa ideia é incrível. Temos opções variadas para python e outras linguagens e uma grande necessidade para novo JS/TS. Conte comigo para colaboração. 🚀🚀

[@joarisantiago]

Parabéns pelo vídeo, sempre gostei da didática e dos conteúdos trazidos. Hoje me surpreendi, o Diego é um dos poucos desenvolvedores pronunciando corretamente a palavra sintaxe. 🎉🎉

[@viniciusboneto2279]

tava tentando fazer um projetado parecido, e esse teu video me ajudou bastante a achar algumas ferramentas que eu precisava

[@emersongarrido]

Cada video uma explosão de aprendizado, fora de serio!!! Qual proximo projeto? Bora de editor de imagem simples no browser ?

[@niltonjr21]

Diego é um gênio. E eu aqui ainda fazendo CRUD

[@srsilva2]

Diego metendo o shaipe, brabo demais. 💪

[@odenirdev]

js ta indo pra um outro level

[@henrique-work]

Que loco kkk, muito show essa nova lib

[@Kreulich_]

Na minha cabeça eu consigo fazer isso Kkkkkkkk, brincadeira a parte, excelente conteúdo!

[@higorkkkkk4661]

Ideia legal é integrar isso ao portifolio baseado no vscode que vc fez

[@carlosricardoziegler2650]

Muito bom !!! Onde tá o repo?

[@edu_amr]

Atualmente estou usando o elixir em uns projetos para back-end, e deixei o livebook com algumas anotações, e verdadeiramente sinto falta dele para javacript

[@Jonasprodrigues]

Está rodando muito test osterona aewww.. 💪💪 valew pelo vídeo! Não tarda rodamos um server em um relógio ou mesmo em um tênis! 🚀🛸

[@mathws1]

Sensacional senhores 🍷

[@maykbrito]

Faz um PR no Fronteditor.dev para ter console nele 🥹 Nunca te pedi nada (mentira, sempre peço haha)

[@maykbrito]

E, claro, cria um Vlog sobre isso, né? haha

[@birobirobiro]

Up

[@dieegosf]

Ta

[@devgustavovasquez]

Crossover do fronteditor.dev e do fala.dev. Nunva pedi nada para os dois 🥹

[@thedmellow]

Eu criei um projeto hj usando container e nextjs que possui terminal exatamente como é na máquina e tbm exibe a saida do que voce ta criando ali dentro do webcontainer, como por exemplo, um app em next

[@mauriciocantuu]

Massa demais! WebContainers abre uma possibilidade de não dependermos de Webpack (ou outros empacotadores)? Visto que usando WebContainer o browser teria a capacidade de usar imports e módulos que só conseguimos através do Node…

[@noriller]

deve dar pra fazer algum tipo de jogo ou começar com salas de bate papo, em algum lugar fica a lista das salas disponíveis, mas tudo rodaria no "host" da sala (tipo aqueles coisas de 10/20 anos atras que a pessoa com internet melhor ficava de host, mas se ele caia, todo mundo caia junto)

[@dieegosf]

Cara, tu deu uma ideia braba agora hein!

[@grupodeestudo2182]

vai ser muito bom quando estiver todos os plugins, imagina nao precisar mais instalar tudo no vscode, lembro quando meu vscode cosumia 18gb ram, tive que desabilitar vários plugins kkkkk, começo do dev sempre vamos instalando tudo que nos convém

[@_rubenscjr]

Fiquei pensando/pesquisando sobre como eu poderia criar uma api e usar de outro dispositivo, se é que de fato tem como...

[@josealissonif5796]

Muito massa essa idéia tudo no browser. Fala sobre o chatgpt para programadores, como utilizar da forma correta para aprender mais rápido e evitar a autossabotagem usando-o.

[@julianomueloschat7149]

Já pensou em perguntar isso ao próprio chatgpt? xD

[@josealissonif5796]

@@julianomueloschat7149 já fiz essa pergunta, mas quero ver qual a visão que eles tem sobre isso!!

[@alisonrodrigues3087]

Tá bom, então o webcontainer é um webAssembly?

[@matiaspalheiro]

Que ferramenta poderosa...

[@devgustavovasquez]

Diegão, acha uma boa utilizar WebContainer para facilitar a geração de PDF dinâmico? Ao invés de usar Puppeteer no back?

[@maykbrito]

Sabia que foi uma das possibilidade de pensei ao ver o vídeo? Mas pensei em rodar o Puppeteer na WEB mesmo.. 😜

[@devgustavovasquez]

@@maykbrito mas puppeteer roda na web? pensei que era apenas server-side

[@maykbrito]

@@devgustavovasquez é o que o Diegote está mostrando no vídeo "rodar NODEJS no Browser" 💜

[@adrielschmitz]

Alguém aí pode me dizer qual a marca e o modelo dessa cadeira do Diego?

[@esbnet]

O bom filho a casa retorna! A volta do node para o Browser...

[@versaleyoutubevanced8647]

se o node roda o v8 do chrome fora dele, então rodar node no chrome deveria ser algo mais nativo não? estar num ambiente que ja roda a v8 no browser, ai usar algo que usa a v8 fora dele, dentro dele... parece um caminho a mais tudo isso por que o node tem apis que a web n tem? n sei se oq falei faz sentido ótimo vídeo ❤️

[@maykbrito]

Isso mesmo. O Node virou um ambiente de execução JS tão gigante, que trazer ele para o Browser facilita o uso de todo o ecossistema.

[@diegokrause6347]

Alguem sabe que tema é esse do VSCODE ?

[@arozendojr]

Estão com problema com expo e simulador iOS com react-native, expo no simulador abre a fecha, crash

me lembrou mto o Jupyter Notebook

[@bonk1463]

achei isso muito interessante e pensei em várias coisas, mas tenho medo do pessoal meio que abusar isso e acabar com a perfomance de sites, já que pelo que eu vi, o webcontainers guarda tudo na RAM, não?

[@dieegosf]

Ele tem acesso à Filesystem API então nem tudo fica em RAM. Mas com certeza tem um propósito específico, não é pra gente sair criando tudo que criaríamos com back-end dentro de um webcontainer da vida.

[@bonk1463]

​@@dieegosf Ahh, não tinha ideia que o browser dava acesso ao disco, tinha pensado nisso porque usei o stackblitz uma vez pra um projeto em next e consumiu quase 2GB e meio de RAM.

[@thalespica]

node tentando fazer o que o PHP sempre fez 😂😂😂 obs: é meme caraiiii

[@thiago75501]

qual a diff disso pra webassembly?

[@dieegosf]

WebAssembly é bem mais pesado pra carregar. Com WebContainers a gente sobe o ambiente praticamente instantaneamente.

[@thiago75501]

@@dieegosf tendi vlw. Poderia trazer mais conteudo sobre wasm

[@danilochagasdev]

Jaz faz um framework, jovem

[@vitorsousa6126]

Alguém iniciou o código ou sabe se ele subiu no github ?

[@SohaaTitanio]

Vi muitos vídeos da Rocketseat falando sobre o expo, mas do que se trata realmente? Ele é apenas um app que emula seu app mais facilmente? Tem alguma outra alternativa viável em 2023?

[@lysandroc]

Seria interessante fazer uma integração para ler arquivos em js a partir do gist

[@maykbrito]

Ooopaa!! Só pra dizer que no fronteditor.dev eu fiz isso e o repo é aberto. Para quem interessar, só d;a uma olhadinha nele, quem sabe já tem um direcionamento..

[@jerryalmeida]

Ténis especial para pessoas especiais 😅

[@Matheus_1582]

Alguem da rocket ja sabia que ja lançaram uma versão Beta do TypeScript...typescript 5.0.0

[@matheuszvidal]

Diego, voce tem algum canal stand alone?

[@dieegosf]

Não entendi, tu diz um canal no KZbin? Não, posto tudo aqui no da Rocket mesmo! Fora isso, posto no meu instagram pessoal um pouco da jornada diária

[@matheuszvidal]

@@dieegosf isso, um canal apenas seu. Esse tipo de conteúdo me pareceu muito com um vídeo a parte da Rocket que estaria em um canal seu hahaha Sem contar que seria uma ótima ideia, colocar teus conteúdos e projetos pessoais sem misturar com os da Rocketseat

Preciso de um editor decente para React Native!!!! Algum para indicar?

[@ryannnkl]

vs code, vs code é simplesmente perfeito pra maior parte do ecossistema JS, React, React Native, VUE, Angular, Adonis, Nest, Express... enfim

@@ryannnkl estou falando editor de texto para colocar dentro do projeto mesmo rss, uso somente o vs code para codar

[@klebersonromero9819]

EU só consegui prestar atenção nos dois pingos de café fora da xícara....sou normal?

[@maykbrito]

nesse momento o mundo parou por aqui também haha

[@dieegosf]

uasdhasuhdasuhsda

[@guilherme-my4pl]

primeiro

[@anthonycs8]