<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Forem: Caio "Em1dio" Carnelós</title>
    <description>The latest articles on Forem by Caio "Em1dio" Carnelós (@em1dio).</description>
    <link>https://forem.com/em1dio</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F641249%2F5c39fa7b-854d-471c-b66b-7948719fb7bc.jpeg</url>
      <title>Forem: Caio "Em1dio" Carnelós</title>
      <link>https://forem.com/em1dio</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/em1dio"/>
    <language>en</language>
    <item>
      <title>[PT-BR] - Criar conteúdo vale a pena?</title>
      <dc:creator>Caio "Em1dio" Carnelós</dc:creator>
      <pubDate>Tue, 08 Feb 2022 10:24:29 +0000</pubDate>
      <link>https://forem.com/em1dio/pt-br-criar-conteudo-vale-a-pena-1boo</link>
      <guid>https://forem.com/em1dio/pt-br-criar-conteudo-vale-a-pena-1boo</guid>
      <description>&lt;p&gt;No fim de janeiro comemorei um ano de &lt;a href="https://twitch.tv/em1dio"&gt;live na twitch&lt;/a&gt;! Dia 27 de Janeiro de 2021 foi o dia que fiz minha primeira live sobre Ciência e Tecnologia desenvolvendo um overlay que me mostrava os valores do bitcoin. &lt;/p&gt;

&lt;p&gt;Esse overlay por acaso esta na minha live ate hoje. E admito que tenho um carinho especial por ele.&lt;/p&gt;

&lt;p&gt;mas a questão é...&lt;/p&gt;

&lt;h2&gt;
  
  
  Por que comecei a fazer live?
&lt;/h2&gt;

&lt;p&gt;A verdade é que eu sempre quis fazer algo relacionado a isso. Quando os vlogs explodiram no youtube. Felipe Neto, Caue Moura e PC Siqueira eram parte do meu dia e super me via fazendo aquilo. O meu medo: As criticas. &lt;/p&gt;

&lt;p&gt;Não era bonito, não era tão engraçado e me achava particularmente sem graça.&lt;/p&gt;

&lt;p&gt;Uma critica na escola me fazia ficar mal por vários dias. &lt;/p&gt;

&lt;p&gt;E basicamente cheguei ao ponto de pensar que falhar em alguma matéria me faria mais parte do grupo. As pessoas só sentem inveja de quem se destaca. E eu definitivamente não queria aquilo para mim.&lt;/p&gt;

&lt;p&gt;Em 2021 a minha vida não era muito diferente. Morava em uma casa no Sul de Dublin e estava passando por uma crise depressiva que vinha desde Setembro de 2020. &lt;/p&gt;

&lt;p&gt;Um dos meus amigos mais queridos e que hoje já considero parte do meu circulo próximo de amigos percebeu o quanto eu precisava de amigos e me convidou para o servidor do Discord dele. E lá acabei convivendo com alguns caras que sonhavam em ser streamers de games. Um em especial me perguntou por que eu não fazia live. Eu era comunicativo, brincalhão e etc. Mas eu jamais faria de jogos.&lt;/p&gt;

&lt;h3&gt;
  
  
  Conhecendo a comunidade de Ciência e Tecnologia.
&lt;/h3&gt;

&lt;p&gt;Apos me falarem das possibilidades de se fazer Live Coding e o quanto isso era conhecido dentro da comunidade. Eu decidi fazer, conheci alguns canais e abordei um novo nome ("Em1dio") e decidi que era meu momento. &lt;/p&gt;

&lt;p&gt;A comunidade da Twitch diferente da de outras plataformas como o (Twitter) é super agradavel. Normalmente existe uma corrente de apoio para conseguir o sonhado afiliado. Eu mesmo consegui o meu em 4 dias devido ao grande apoio que recebi de outras lives.&lt;/p&gt;

&lt;p&gt;Logo que comecei me tornei referencia por gostar de abordar temas como Cryptomoedas, Blockchain e investimentos (Algo que se duvidar abordo aqui da maneira DEV que gosto de falar sobre.)&lt;/p&gt;

&lt;h2&gt;
  
  
  O Dinheiro vem
&lt;/h2&gt;

&lt;p&gt;Inevitavelmente quando voce deseja criar conteudo em uma plataforma como a Twitch, voce vai ganhar Inscritos(Subs), Doacoes Financeiras (Bits) ou ate mesmo doações por plataformas externas (Pix, PicPay e etc). &lt;br&gt;
Minha dica aqui é agradeca como um presente. Mas nao se apegue no ganho financeiro. Da pra viver de twitch? Da sim. Voce vai conseguir? Depende do quanto de alcance voce tiver. Mas de comeco acho dificil.&lt;/p&gt;

&lt;h2&gt;
  
  
  O maior ganho de se criar conteudo se chama: NETWORK.
&lt;/h2&gt;

&lt;p&gt;É amigos... aqui eu preciso deixar claro. Nunca achei na vida que seria reconhecido por uma serie de pessoas sendo um desenvolvedor. Mas a partir do momento que decidi criar conteudo. Automaticamente ja comecei a ser chamado para conversas, grupos, podcasts e etc. Cada pessoa tem o desejo de crescer mas acabamos descobrindo depois de um tempo que o crescimento vem do todo.&lt;/p&gt;

&lt;p&gt;Ja tive oportunidade de conversar com criadores de conteudos de varias plataformas e a resposta é sempre a mesma. Se puder criar conteudo. Crie! &lt;/p&gt;

&lt;p&gt;Seja no Dev.To, Twitch, Youtube ou mesmo em comunidades. Faça parte e se envolva.&lt;/p&gt;

</description>
    </item>
    <item>
      <title>[PT-BR] - Criando Relatorios CSV com VueJs/NuxtJs</title>
      <dc:creator>Caio "Em1dio" Carnelós</dc:creator>
      <pubDate>Wed, 26 Jan 2022 10:13:00 +0000</pubDate>
      <link>https://forem.com/em1dio/pt-br-criando-relatorios-csv-com-vuejsnuxtjs-5ech</link>
      <guid>https://forem.com/em1dio/pt-br-criando-relatorios-csv-com-vuejsnuxtjs-5ech</guid>
      <description>&lt;p&gt;Para quem me acompanha na &lt;a href="https://twitch.tv/em1dio"&gt;Twitch&lt;/a&gt; sabe que eu estou fazendo um projeto financeiro. (Já fica a propaganda, lives de segunda a quinta das 17h as 20h).&lt;/p&gt;

&lt;p&gt;Uma dos recursos que mais tive vontade de implementar, seria guardar relatórios em formato csv.&lt;/p&gt;

&lt;h2&gt;
  
  
  Solução Encontrada
&lt;/h2&gt;

&lt;p&gt;Estava procurando solucões e encontrei essa &lt;a href="https://www.npmjs.com/package/vue-json-to-csv"&gt;vue-json-to-csv&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Gostei por que é simples e fica facil.&lt;/p&gt;

&lt;h2&gt;
  
  
  instalacao
&lt;/h2&gt;

&lt;p&gt;Como qualquer projeto basta usar o npm&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;npm &lt;span class="nb"&gt;install &lt;/span&gt;vue-json-csv
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;ou o yarn ...&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;yarn add vue-json-csv
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  Utilizando no VueJs
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight html"&gt;&lt;code&gt;&lt;span class="nt"&gt;&amp;lt;download-csv&lt;/span&gt;
    &lt;span class="na"&gt;:data= &lt;/span&gt;&lt;span class="s"&gt;"json_data"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
    Download Data
    &lt;span class="nt"&gt;&amp;lt;img&lt;/span&gt; &lt;span class="na"&gt;src=&lt;/span&gt;&lt;span class="s"&gt;"download_icon.png"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;/download-csv&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;





&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;
&lt;span class="c1"&gt;// Essas 3 próximas linhas sao necessárias apenas dentro do vuejs.&lt;/span&gt;
&lt;span class="c1"&gt;// No nuxt isso ja é incluido/renderizado no plugin. &lt;/span&gt;
&lt;span class="c1"&gt;// (Basicamente, é so sair usando)&lt;/span&gt;
&lt;span class="k"&gt;import&lt;/span&gt; &lt;span class="nx"&gt;Vue&lt;/span&gt; &lt;span class="k"&gt;from&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;vue&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;
&lt;span class="k"&gt;import&lt;/span&gt; &lt;span class="nx"&gt;JsonCSV&lt;/span&gt; &lt;span class="k"&gt;from&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;vue-json-csv&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;

&lt;span class="nx"&gt;Vue&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;component&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;downloadCsv&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;JsonCSV&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;

&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;app&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="k"&gt;new&lt;/span&gt; &lt;span class="nx"&gt;Vue&lt;/span&gt;&lt;span class="p"&gt;({&lt;/span&gt;
    &lt;span class="na"&gt;el&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;#app&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="na"&gt;data&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;     
        &lt;span class="na"&gt;json_data&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;[&lt;/span&gt;
            &lt;span class="p"&gt;{&lt;/span&gt;
                &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;name&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;joe&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
                &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;surname&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Roe&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
            &lt;span class="p"&gt;},&lt;/span&gt;
            &lt;span class="p"&gt;{&lt;/span&gt;
                &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;name&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;john&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
                &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;surname&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Doe&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
            &lt;span class="p"&gt;}&lt;/span&gt;
        &lt;span class="p"&gt;]&lt;/span&gt;
    &lt;span class="p"&gt;}&lt;/span&gt;
&lt;span class="p"&gt;})&lt;/span&gt;

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  Usando no Nuxt.js
&lt;/h2&gt;

&lt;p&gt;Para usar dentro do Nuxt.js temos que colocar alguns passos a mais.&lt;/p&gt;

&lt;h2&gt;
  
  
  Criar um plugin
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="c1"&gt;// ../plugins/jsonToCsv.js&lt;/span&gt;

&lt;span class="k"&gt;import&lt;/span&gt; &lt;span class="nx"&gt;Vue&lt;/span&gt; &lt;span class="k"&gt;from&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;vue&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;
&lt;span class="k"&gt;import&lt;/span&gt; &lt;span class="nx"&gt;JsonCSV&lt;/span&gt; &lt;span class="k"&gt;from&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;vue-json-csv&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;

&lt;span class="nx"&gt;Vue&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;component&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;downloadCsv&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;JsonCSV&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  Atualizar o nuxt.config.js
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="c1"&gt;// nuxt.config.js&lt;/span&gt;
&lt;span class="c1"&gt;// incluir dentro de plugins&lt;/span&gt;

  &lt;span class="nx"&gt;plugins&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;~plugins/jsonToCsv.js&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;],&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  Resultado
&lt;/h2&gt;

&lt;p&gt;Se baseando na documentacao oficial o resultado do .csv seria&lt;/p&gt;

&lt;p&gt;Nome do Arquivo: My_CSV.csv&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;name,surname
joe,Roe
john,Doe
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;link do pacote para mais detalhes&lt;a href="https://www.npmjs.com/package/vue-json-csv"&gt;&lt;br&gt;
&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Esse post, tambem foi postado na &lt;a href="https://ahub.tech"&gt;comunidade da Hub&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>javascript</category>
      <category>programming</category>
      <category>tutorial</category>
    </item>
    <item>
      <title>[PT-BR] Usando esbuild com Typescript</title>
      <dc:creator>Caio "Em1dio" Carnelós</dc:creator>
      <pubDate>Wed, 19 Jan 2022 13:28:00 +0000</pubDate>
      <link>https://forem.com/em1dio/pt-br-usando-esbuild-com-typescript-n2k</link>
      <guid>https://forem.com/em1dio/pt-br-usando-esbuild-com-typescript-n2k</guid>
      <description>&lt;p&gt;Esses dias estava em &lt;a href="https://twitch.tv/em1dio"&gt;live la na Twitch&lt;/a&gt; e um follower(arch1tekt_) estava me perguntando o que uso para fazer o "build" dos meus projetos. &lt;/p&gt;

&lt;p&gt;Estudando sobre o tema achei diversos (grunt, webpack, native) mas o que mais me interessou foi o tal do esbuild. &lt;/p&gt;

&lt;p&gt;Indicado por um colega de trabalho que leva a palavra "desempenho" muito a sério. Resolvi analisar, estudar e aplicar este construtor.&lt;/p&gt;

&lt;h2&gt;
  
  
  O que é um builder?
&lt;/h2&gt;

&lt;p&gt;Antes de qualquer coisa podemos afirmar que um bundler é um pacote que tem como objetivo separar a construcao do projeto. Propondo sempre fazer algo de maneira mais completa, segura ou mais rapida.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://pt.wikipedia.org/wiki/Builder#:~:text=Builder%20%C3%A9%20um%20padr%C3%A3o%20de,constru%C3%A7%C3%A3o%20possa%20criar%20diferentes%20representa%C3%A7%C3%B5es."&gt;Segundo a Wikipedia&lt;/a&gt;(&lt;em&gt;que nao deve ser considerada como uma fonte 100% eficaz ok!&lt;/em&gt;)&lt;br&gt;
Builder é um padrão de projeto de software criacional que permite a separação da construção de um objeto complexo da sua representação, de forma que o mesmo processo de construção possa criar diferentes representações.&lt;/p&gt;

&lt;p&gt;Para ficar mais claro. Vamos fazer um teste aqui com o esbuild.&lt;/p&gt;
&lt;h2&gt;
  
  
  Criar um arquivo typescript basico
&lt;/h2&gt;

&lt;p&gt;Para nosso teste vamos criar um programa super simples e chama-lo de "app.ts" e copie o codigo abaixo se quiser.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight typescript"&gt;&lt;code&gt;&lt;span class="kr"&gt;interface&lt;/span&gt; &lt;span class="nx"&gt;IUser&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
   &lt;span class="nl"&gt;name&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="kr"&gt;string&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
   &lt;span class="nx"&gt;age&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="kr"&gt;number&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;
&lt;span class="kd"&gt;function&lt;/span&gt; &lt;span class="nx"&gt;getName&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;user&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nx"&gt;IUser&lt;/span&gt;&lt;span class="p"&gt;})&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="k"&gt;return&lt;/span&gt; &lt;span class="nx"&gt;user&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;name&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;

&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;usuario&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
   &lt;span class="na"&gt;name&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Joao das Couves&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
   &lt;span class="na"&gt;age&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mi"&gt;51&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;

&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;getName&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;usuario&lt;/span&gt;&lt;span class="p"&gt;))&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  Sobre o esbuild
&lt;/h2&gt;

&lt;p&gt;De acordo com o &lt;a href="https://dev.tourl"&gt;site oficial&lt;/a&gt;, o esbuild é um empacotador JavaScript extremamente rápido (&lt;em&gt;"An extremely fast JavaScript bundler"&lt;/em&gt;). E sou obrigado a concordar. Fiz testes com codigos pequenos, medios e grandes e o resultado foi surpreendente.&lt;/p&gt;

&lt;h3&gt;
  
  
  Instalando o esbuild
&lt;/h3&gt;

&lt;p&gt;Vamos instalar o esbuild de maneira Global.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;npm i &lt;span class="nt"&gt;-g&lt;/span&gt; esbuild
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Testando esbuild
&lt;/h3&gt;

&lt;p&gt;Ao rodar esbuild no terminal voce deve receber essa infomacao.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;PS C:&lt;span class="se"&gt;\U&lt;/span&gt;sers&lt;span class="se"&gt;\E&lt;/span&gt;m1dio&amp;gt; esbuild

Usage:
  esbuild &lt;span class="o"&gt;[&lt;/span&gt;options] &lt;span class="o"&gt;[&lt;/span&gt;entry points]

Documentation:
  https://esbuild.github.io/

Repository:
  https://github.com/evanw/esbuild
...
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Configurar o esbuild
&lt;/h3&gt;

&lt;p&gt;Aqui vai a melhor resposta de todas! Depende!&lt;br&gt;
Depende do que? Do ambiente que voce esta querendo construir.&lt;/p&gt;

&lt;p&gt;Indico para ambientes de desenvolvimento e homologacao&lt;br&gt;
cria um arquivo chamado "esbuild.js" e coloque esse campo.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;esbuild&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;require&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;esbuild&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;

&lt;span class="nx"&gt;esbuild&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;build&lt;/span&gt;&lt;span class="p"&gt;({&lt;/span&gt;
    &lt;span class="na"&gt;entryPoints&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;app.ts&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;],&lt;/span&gt;
    &lt;span class="na"&gt;outfile&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;out/app.js&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="na"&gt;bundle&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="kc"&gt;true&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="na"&gt;minify&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="kc"&gt;true&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="na"&gt;sourcemap&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="kc"&gt;true&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="na"&gt;platform&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;node&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="na"&gt;target&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;node14&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;
&lt;span class="p"&gt;}).&lt;/span&gt;&lt;span class="k"&gt;catch&lt;/span&gt;&lt;span class="p"&gt;(()&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="nx"&gt;process&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;exit&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="mi"&gt;1&lt;/span&gt;&lt;span class="p"&gt;));&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Caso queira saber o que cada informacao dentro desse build significa, indico muito ler &lt;a href="https://esbuild.github.io/api/#build-api"&gt;a documentação&lt;/a&gt;.&lt;/p&gt;

&lt;h3&gt;
  
  
  Executar a build
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;node esbuild.js
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Mas para facilitar voce pode colocar um script no seu "package.json"&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight json"&gt;&lt;code&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="nl"&gt;"name"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"enterpryze-middleware"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="nl"&gt;"description"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"Enterpryze Middleware/API"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="nl"&gt;"version"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"1.21.1213.1"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="nl"&gt;"scripts"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
        &lt;/span&gt;&lt;span class="nl"&gt;"build"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="s2"&gt;"node esbuild"&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Ao coloca no &lt;em&gt;package.json&lt;/em&gt; podemos apenas executar no bash&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;npm run build
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  Executar seu codigo
&lt;/h2&gt;

&lt;p&gt;Com tudo pronto vamos executar e ver isso ai funcionando!&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;node esbuild.js
node out/app.js
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



</description>
      <category>javascript</category>
      <category>programming</category>
    </item>
    <item>
      <title>[PT-BR] 8 Coisas que aprendi durante minha jornada que podem te ajudar em 2022.</title>
      <dc:creator>Caio "Em1dio" Carnelós</dc:creator>
      <pubDate>Wed, 12 Jan 2022 12:08:12 +0000</pubDate>
      <link>https://forem.com/em1dio/pt-br-coisas-que-aprendi-durante-minha-jornada-que-podem-te-ajudar-em-2022-4ai1</link>
      <guid>https://forem.com/em1dio/pt-br-coisas-que-aprendi-durante-minha-jornada-que-podem-te-ajudar-em-2022-4ai1</guid>
      <description>&lt;p&gt;Adoraria comecar meu primeiro post falando sobre Hardskills. Linguagens, Frameworks, Libs e etc que prometem bombar em 2022. &lt;em&gt;- que prometo falar em outro post! -&lt;/em&gt; Mas vou falar nesse projeto sobre dicas de softskills que bombam ... pasmem... desde SEMPRE.&lt;/p&gt;

&lt;h2&gt;
  
  
  1. Saber minúcias não te fazem um bom profissional.
&lt;/h2&gt;

&lt;p&gt;Acredite. Sabe aquele cara que quando você fala sobre aquele novo protocolo/biblioteca/framework e ele sabe TUDO sobre o novo protocolo? Mas nao sabe o mais importante que é como aquilo pode trazer valor pro dia a dia. Definitivamente, não seja esse cara. Procure o que cada tecnologia pode te trazer de benefício. Ao compreender a tecnologia supõe-se que você sabe para quais casos ela mais serve e como ela pode ajudar seu cliente a se desenvolver.&lt;/p&gt;

&lt;h2&gt;
  
  
  2. Ser individualista te diminui.
&lt;/h2&gt;

&lt;p&gt;Caso você seja aquele cara que tem o seguinte pensamento: "Não preciso de mais ninguém, resolvo tudo sozinho". Você está errando feio, errando rude! Compartilhe seus conhecimentos. Faça parte de um time. A velha frase ainda vale: &lt;em&gt;"Quer ir rapido? va sozinho. Quer ir longe? Vá em grupo!"&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  3. Voce será mais conhecido pela maneira que lida com os desafios do que pela sua qualidade de software.
&lt;/h2&gt;

&lt;p&gt;Acredite ou não. Isso vai acontecer. Hoje com mais de 10 anos nessa indústria e tendo passado e tido contato com milhares de pessoas posso te garantir. A maneira na qual você lida com desafios e crises. Como voce se comunica, como voce resolve os passos que voce percorre para investigar e corrigir o problema. Você será lembrado por isso. Muito mais do que a solução em si.&lt;/p&gt;

&lt;h2&gt;
  
  
  4. Faça Network. Nem que seja online.
&lt;/h2&gt;

&lt;p&gt;Caso voce more em um centro urbano. Procure coworkers. A ideia é básica. Voce senta e faz seu trabalho. Enquanto alguém aleatório com uma história, trajetória e desafios 100% diferentes dos seus senta próximo a voce e durante aquele dia vocês têm a possibilidade de conversar sobre as dificuldades do dia-a-dia e quem sabe você não encontra um amigo ou até mesmo parceiro para futuros negócios. Hoje o que mais me aparece são pessoas que me admiram como profissional e me procuram para saber se eu faço "freela".&lt;br&gt;
Caso voce more fora de um grande centro urbano. Procure comunidades onlines! Eu por morar fora do Brasil participo da &lt;a href="https://ahub.tech/discord"&gt;Hub no Discord&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  5. Nao banque o herói.
&lt;/h2&gt;

&lt;p&gt;Esse ponto é simples e objetivo. Conheça seus limites.&lt;br&gt;
Saiba o que você domina. Aquela ideia de aceitar qualquer coisa sem ter o menor nível de conhecimento e entregar o projeto de qualquer maneira. Pode até te render uma grana. Mas um dia você vai falhar. E isso pode te dar problemas legais. A ideia é basica. Nunca viu sobre? Antes de dizer "eu consigo fazer" estude sobre. Ninguém precisa dizer sim no primeiro momento.&lt;/p&gt;

&lt;h2&gt;
  
  
  6. Se venda bem ou melhor, Negocie SEMPRE!
&lt;/h2&gt;

&lt;p&gt;Você vai receber propostas boas e propostas ruins. Mas se coloque um valor próprio. Evite trabalhar por nada (ex: "Seu trabalho por uma ideia milionaria"). Sou da opinião  que gostaria de pagar nem que fosse 50 reais pelo serviço de alguém. Esta pessoa vai entender que eu valorizo o trabalho dela. E eu vou entender que o trabalho de uma outra pessoa tem custo. Não  sabe qual o valor e como cobrar? De início faça aquele velho calculo... Demoro 10 horas pra fazer esse software. O preço da minha hora é 10 e o custo para manter isso por mes é 10?&lt;br&gt;
&lt;em&gt;Número de Horas * Preço de Horas + (Custo * 12)&lt;/em&gt; &lt;br&gt;
Não tem erro. ok ;) Aos poucos voce vai saber metrificar melhor.&lt;br&gt;
*Lembrando que o custo seria por ano.&lt;/p&gt;

&lt;h2&gt;
  
  
  7. Tenha mais de uma fonta de renda!
&lt;/h2&gt;

&lt;p&gt;Parece óbvio, mas busque tua saúde financeira. É muito importante que você  busque nao depender apenas do seu emprego. Tenha uma reserva de emergência, faça investimentos de baixo/médio e alto risco. Tudo de acordo com o que você quer fazer. O Seu "eu" de 2032 vai me agradecer por isso.&lt;/p&gt;

&lt;h2&gt;
  
  
  8. Seja Humilde
&lt;/h2&gt;

&lt;p&gt;Você vai chegar nos objetivos que você quis. Você alcançar aquele valor financeiro. Vai se dedicar e vai concluir seus projetos. Não esqueça de ajudar quem está comecando. Converse, mentore e aceite que a realidade deles possivelmente será mais fácil do que a sua. Hoje em 2022 existe muito mais material para se estudar do que quando eu comecei la por 2008-2009. As novas linguagens e servicos fazem o que demoravamos horas em poucos segundos. Não diminua a qualidade de quem está comecando. E por fim não se esqueça: &lt;em&gt;"Juntos somos mais"&lt;/em&gt;&lt;/p&gt;

</description>
      <category>productivity</category>
      <category>beginners</category>
      <category>programming</category>
    </item>
  </channel>
</rss>
