Diego Fernandes
@dieegosf
Followers
37,218
Following
277
Media
411
Statuses
4,207
cto @rocketseat building @nivovideo
Brazil
Joined March 2015
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
محمد
• 615114 Tweets
メイドの日
• 258788 Tweets
メイドさん
• 99345 Tweets
メイド服
• 79861 Tweets
#ArvindKejriwal
• 73944 Tweets
अरविंद केजरीवाल
• 65773 Tweets
#それスノ
• 59133 Tweets
सुप्रीम कोर्ट
• 56516 Tweets
#दोगली_न्याय_व्यवस्था
• 49534 Tweets
太陽フレア
• 46055 Tweets
#يوم_الجمعه
• 44915 Tweets
ラウール
• 21765 Tweets
マスターソード
• 19581 Tweets
チャージ
• 18927 Tweets
#BACKSLIVEに油を注せ
• 17878 Tweets
アフターエポックス
• 16040 Tweets
モバイルSuica
• 13876 Tweets
Faker
• 10328 Tweets
Last Seen Profiles
a regra é simples:
1. Ter uma nova ideia
2. Comprar o domínio
3. npm init
4. Cria uma landing page
5. Desiste do projeto
54
131
1K
Acabei de migrar um projeto React GIGANTE de create-react-app para Vite e os resultados foram:
✅ npm start: De 32s para 400ms (sim, demorava 30s)
✅ npm build: De 120s para 22s;
Além disso, troquei do Yarn para o PNPM e o install das deps mudou de 24s para 8s 🔥
52
42
1K
Escreve aí, ninguém vai produzir mais conteúdo gratuito de programação do que a Rocketseat em 2020!
58
33
1K
Eu me acho uma pessoa que consegue, apesar dos problemas, continuar produzindo e de cabeça erguida.
Mas essa semana eu to um caos por dentro, infelizmente o COVID levou uma das pessoas que mais amo, meu avô.
Ta sendo difícil...
168
1
1K
Ninguém vai entregar mais conteúdo de qualidade em programação do que a Rocketseat em 2022. Podem anotar!
2021 preparamos muito o terreno para tudo o que vai acontecer em 2022, se preparem.
44
15
792
É muito fácil ser CTO 🤯
Hoje, por exemplo, dei uma dica matadora para meu time que resultou numa redução de latência de mais de 10 rotas para 5ms 👇🏻
Obrigado Deus, é o melhor do mundo, receba!
28
22
713
Algo que me incomoda em projetos JS/TS é a quantidade de arquivos de configuração 🥴
Por isso, usei a feature de agrupar arquivos do VSCode para categorizar e esconder os arquivos de configuração específicos de uma linguagem/ferramenta.
Vou deixar a config nos comentários 👇🏻
25
41
705
Dei uma sumida aqui nas últimas semanas, infelizmente peguei COVID o qual tirou toda minha disposição, mas agora estou voltando!
Feliz ano novo pra todos, 2021 vai ser um ano épico! 🚀
46
5
676
Uma responsabilidade da gente com mais tempo de área na programação é fornecer um ambiente mais acolhedor e menos tóxico para quem está começando 🤙🏻
7
42
678
Eu nunca parei pra estudar a fundo CSS, geralmente uso as propriedades que lembro e vez ou outra descubro coisas super interessantes.
Dessa vez foi o :focus-within que permite estilizar um container se o input dentro dele está focado 🤯
17
57
673
Se você for ouvir TUDO que alguém da comunidade te "recomenda", você vai estudar estudar e no fim não alcançar nada 🥱
Prefira criar da forma errada do que não criar por medo de estar fazendo algo errado, isso só vai te atrasar.
10
58
658
Alguns spoilers para a próxima turma do Bootcamp GoStack:
- 🚀 Github Actions;
- 👮🏻♂️ TypeScript;
- 🔥 SOLID & DDD;
- ✈️ Fastlane;
- 🔄 Suspense API;
- 📱 Offline First;
Já iniciei as gravações e todos alumni receberão as atualizações de forma gratuita 🔥
38
39
661
Durante essa e a próxima semana irei gravar 4 novos conteúdos para o bootcamp GoStack 💜
- 🔌 Curso completo de Web Sockets com SocketIO;
- ⚛️ Curso completo de Next.js;
- 🧮 Aulas sobre background jobs com BullMQ;
- 📢 Aulas sobre Push Notifications;
65
9
649
"Bah Diego, tu precisa ensinar mais o que o mercado usa..."
Nova série PHP, SQL e jQuery tudo junto e misturado:
46
12
640
A gente acaba se preocupando muito com tudo que ainda precisamos realizar que acabamos esquecendo de tudo que já realizamos. Aprecie a jornada 🚀🔥
7
85
627
Amigos, o que foi esse NLW?
Mais de 110 mil devs participando, foi frenético! 🔥💪🏻
36
22
608
Sempre que colocamos algo na interface como "postado há x minutos" é legal manter isso atualizado mesmo que o usuário não atualize a página ⚡️
Montei um hook rapidão aqui que recebe uma data e retorna uma string de quanto tempo passou desde então e mantém isso atualizado 🔥
14
28
597
Gastar 20k em um carro que você usa 2h/dia: É necessário
Gastar 1k em uma cadeira que você usa 10h/dia: Muito caro
31
81
579
Hoje gravei o primeiro vídeo completo no Linux! 🎉
Estou aos poucos trocando meu setup e deixando o Mac apenas para portabilidade e testes no iOS.
Além de mostrar um ambiente mais acessível para os alunos, o Mac estava começando a me estressar em vários pontos.
55
5
573
Ok, agora posso ir dormir! 😴
Foram 8h trabalhando nisso hoje...
22
6
567
Da série: Nem sempre código menos verboso é código mais legível, ou quase nunca 🔥
17
77
548
Deixei a UI do meu VSCode igual ao Sublime/Zed (extremamente enxuta) para 2024 👀
39
11
549
Uma forma de iterar sobre arrays mantendo as keys e usando for...of utilizando desestruturação👀
15
23
526
Estou estudando uma nova linguagem! 🔥
Principalmente pra entender o caminho que as pessoas percorrem ao fazer isso em um dos treinamentos.
Estou documentando o processo e logo vou liberar um vídeo com dicas de estudo! 🚀
No vídeo vou falar a linguagem e as motivações!
25
2
517
lidar com datas continua sendo uma das coisas mais chatas em programação...
por exemplo:
- o mês no JS começa em 0 (janeiro = 0)
- a semana começa em 0 (domingo = 0)
- o mês no MySQL começa em 1 (janeiro = 1)
- a semana no MySQL começa na segunda-feira (domingo = 6)
17
30
513
Uma dica para quando estamos criando botões com ícones é resetar o font-size no CSS🧙
Isso porque o tamanho padrão dos botões é definido pelo tamanho do texto interno e isso pode causar um desalinhamento no ícone⚡
7
38
504
3 formas de consumir API no front-end antes mesmo do back-end estar pronto 🔥
1⃣ API fake com json-server;
2⃣ API fake com MirageJS;
3⃣ Mock do service worker com mswjs;
O MirageJS é o mais completo enquanto o MSWJS permite inspencionar a requisição nativa na aba network ⚡️
8
49
509
Criar uma estrutura em React ⚛️ de SaaS com organizações, usuários, cargos, permissões, etc...
Isso é algo que me pedem muito como conteúdo fullstack.
Você acha que seria um conteúdo legal? Se sim, quais são as principais dúvidas? 👀
34
4
504
Nessa edição do bootcamp teremos 10x mais preocupação com design e experiência!
Uma pequena preview do app do GoBarber desenvolvido durante a jornada.
37
20
493
Minha produtividade de gravação no Linux está sendo muuuuuuito melhor que no MacOS.
Mas a edição e exportação do vídeo ainda era melhor antes.
Cada dia vou aprendendo coisas novas e entendendo como deixar o ambiente melhor.
31
3
494
Um hack que uso no Axios para desenvolvimento é colocar um delay aleatório nas requisições para ter visão de como minha aplicação irá funcionar se a internet ou a API estiverem lentas 👇🏻
Nesse caso o delay é aleatório entre 0 e 2000 milisegundos.
8
18
491
Workaholics não são heróis. Os verdadeiros heróis são os que encontram um jeito de produzir com menos esforço.
12
45
481
Hey, sabe aquela aba pinada aí no seu browser que você deixou pra ler depois?
Tenho uma má notícia, provavelmente você não vai ler, então fecha ela aí 🤭🤗
26
25
475
Preparando o esperado vídeo sobre Monorepo 🔥🚀
- Node.js, ReactJS e React Native;
- Compartilhamento de código;
- Reuso de dependências com workspaces;
- Publicação no NPM com Lerna;
- Conversão de um projeto para monorepo;
Alguém tem mais dúvidas sobre o assunto? Manda aí 🤗
24
16
467
Mostre que você não pode ser derrotado por nada. Que tem paz interior, uma saúde incrível e uma energia constante. Se você tentar alcançar essas coisas todos os dias, os seus resultados serão óbvios 🤘🏻
11
33
458
Essa parte da minha vida, essa pequena parte, chama-se felicidade 🎉 Deploy automatizado para loja do iOS sem nunca abrir Apple Developer Portal utilizando Github Actions e Fastlane 🔥
23
12
441
Se rodeie de pessoas que te motivem a ser melhor todos os dias. Assim, para quando você não estiver bem, te acolherem e, para quando você estiver, te impulsionarem 🚀
8
70
434
Quase finalizando as aulas de Next.js pros alunos e alunas do GoStack! 🔥
Se tudo der certo, amanhã cedo está no ar! 🚀
25
3
432
Estou atualmente programando o app da Semana OmniStack 11.0 🔥
Vai ser algo muito diferente de tudo o que já fizemos, não só visualmente, mas também tecnicamente.
Bora codar! 🚀
ps.: a imagem é relacionada com o app 🤘🏻
28
25
429
Estou preparando um curso de WebSockets para alunos(as) do GoStack e está ficando demais 🔥
No curso vamos usar o WebSocket nativo dos browsers evitando a necessidade de utilizar o SocketIO, deixando tudo ainda mais rápido 🏎️
Vamos cobrir autenticação, segmentação, grupos, etc.
23
6
426
git commit -m "testando"
git commit -m "agora vai"
git commit -m "vai desgraça"
git commit -m "testeeeee"
git commit -m "aaa"
23
43
412
Semana que vem a Rocketseat completa 4 anos de existência🎂
Ah, e não vamos ficar sem comemoração (em breve solto mais spoilers)🤐
Mas segue uma foto de quando tudo era mato🌳
17
7
411
Só queria dizer que finalmente gravei um vídeo sobre Deno com minha opinião sobre tudo o que está acontecendo.
Vai ao ar amanhã no canal da Rocketseat! Vlw flw! 👀
17
7
400
Em breve vamos abrir o Design System da Rocketseat a público! Vai ser épico.
9
12
401
Esse app do NLW ficou muito lindo, meu deus, que gosto de programar isso 😍🔥
Fica com esse spoiler de sexta-feira aí, semana que vem posso soltar mais alguma coisa 😅
15
19
398
Acabei de finalizar as gravações da aplicação em Node.js mais completa que já desenvolvi em um evento da Rocketseat nesses 5 anos! 🤯
A ideia é criar um microsserviço com NestJS, Prisma, testes automatizados e conceitos de clean arch e DDD.
Ficou incrível, sério 🤗
18
4
394
A Semana OmniStack morreu ☠️
Mas, com isso, o nosso novo evento mão-na-massa, online, gratuito e inédito está no ar! 🔥
Agora com duas trilhas baseadas em seus conhecimentos prévios, inclusive pra quem nunca programou. Bora?
16
59
387
Para quem estava ansioso(a)! 👀
Saiu a primeira parte do projeto de SaaS full-stack multi-tenant com Next.js 14 com autorização RBAC!
Já disponível na plataforma da Rocketseat 🔥
27
6
392
Estou em processo de gravação das aulas de ReactJS do Ignite (sucessor do GoStack) e estou curtindo demais o resultado 🔥
A ideia é trazer pontos de conexão em como a tecnologia é utilizada no dia-a-dia e ainda e também novidades para levar os apps pro próximo nível 😊
24
3
382
Mandei pro Tiago (UI Designer) aqui na Rocketseat: "ow, quando tiver um tempo gostaria de bater um papo contigo".
Resultado:
21
8
373
Quer fazer deploy de um projeto Node.js na Vercel? (Funciona com frameworks como NestJS) 👇🏻
Basta criar um arquivo "vercel.json" na raiz com o conteúdo da imagem.
Pronto, agora aproveite 100gb-hrs (no plano free) de execução lambda que deve funcionar pra maioria dos apps 🔥
18
31
375
eu estou naquele momento que eu já testei tanta coisa pra resolver um determinado bug e agora simplesmente funcionou e eu não faço a menor ideia do que eu fiz pra funcionar e eu não sei se eu tento descobrir o que eu fiz ou se eu só deixo assim e pronto
21
6
369
Estou codando um dos projetos da trilha de ReactJS no Ignite que vai servir pra reforçar os conceitos do Next.js de geração estática e funções serverless ⚡️
Vamos criar um projeto de assinatura de conteúdo em texto usando Prismic CMS, API do Stripe, Next Auth e FaunaDB 🤗
16
6
352
Quais conhecimentos técnicos você pretende adquirir em 2021? 🧐
Além de entrar mais a fundo nas tecnologias que já utilizo pretendo aprender mais de Elixir e GraphQL 🔥
Me conta aí! 💜
131
3
340
Aproveitei o tempo do almoço pra criar um login/dashboard usando Next.js com Chakra UI 🔥
O código está bem bagunçado ainda, mas já dá para visualizar como está ficando, caso alguém se interesse vou deixar o repositório que vou atualizando com o tempo 🤗
21
7
341
Estou criando uma lib pra trabalhar com responsividade no React Native e, com isso, to descobrindo cada vez mais o quanto o TypeScript é interessante.
Por enquanto a lib traz funcionalidades como media queries e REM dentro do RN e uma integração sólida com Styled Components 🔥
12
4
329
Stack do novo site do Diablo IV: Node.js, ReactJS e Next.js.
11
26
337
App criado com Next 14 utilizando Server Components, Server Actions, cache revalidation, intercepting routes, etc...
Depois vou pegar um app semelhante feito todo com JavaScript pelo client-side e comparar a performance e tamanho do bundle.
Compartilho os resultados aqui 🔥
8
7
333
Tenho estudado muito sobre arquitetura de software, segurança, serverless, cloud, entre outros. Dando uma boa focada na camada back-end/devops ultimamente. Quero trazer muito conteúdo sobre isso com algumas parcerias da comunidade ⚡️
5
3
323
Os dois helpers de tipagem mais úteis do React 👇🏻👀
➡️ ComponentProps: extrai a tipagem das props de qualquer componente ou elemento nativo do HTML
➡️ ElementRef: extrai a tipagem correta da ref do elemento
6
18
327
Ai minha garganta... preciso tomar mais água enquanto gravo 🥤
Algumas vezes acaba a água mas eu não quero parar.
Acabei de gravar umas 20 aulas pro Ignite sobre Next.js, SSR, SSG e API do Stripe 🔥
18
2
325
Acabei de gravar um vídeo realizando deploy de um projeto Next.js na AWS com todos recursos de SSR, SSG, ISR, cache, otimização de imagens, etc...
Além também de toda performance de usar o Cloudfront com multi-region e Lambda Edges⚡
Vai ao ar semana que vem! 🚀
14
8
322
O
@maykbrito
criou um app que permite usarmos a câmera nas gravações sem medo de ficar por cima de algo importante na tela 🔥
Podemos reposicionar, redimensionar e utilizar atalhos para controlar a câmera durante a gravação 📽
Todo feedback ajuda! 💜
16
36
321
Hoje o dia foi muito louco, sério, ainda não posso contar, mas tem muita coisa nova rolando na Rocketseat e eu estou super feliz e muito empolgado 🔥
Ah, e com isso, estou aqui gravando para o NLW essa hora da noite, fazendo várias piadas sem graça no meio da aula 🤣
19
3
313
Meu deus, os apps do NLW 05 estão muito massa, alguém me segura pra não soltar spoilers...
26
3
315
Essa semana teremos a continuação do projeto de SaaS multi-tenant full-stack com Node.js (back) e Next.js (front).
Dessa vez criando o back-end da aplicação com checagem de permissões (RBAC) nas rotas.
👇🏻🔥
16
4
323
Às vezes eu fico tão bitolado em estudar apenas React ou coisas mais avançadas que, quando paro pra ver mais de HTML/CSS/JS puros, eu fico impressionado com o que dá pra fazer hoje em dia sem libs 🤯
Tive essa sensação com o último BoraCodar do
@maykbrito
(link na resposta)
10
6
310
Além do Prisma ser um ORM incrível pra Node.js, ainda resolve automaticamente o problema de N + 1 no GraphQL e está criando um proxy pra controle de conexões em ambientes serverless.
Não tem mais como ficar sem usar Prisma.
6
6
311
Já posso descansar um pouco? 😮💨
Mais 25 aulas gravadas hoje p/ plataforma da Rocketseat onde criamos um dashboard para controle de pedidos de um app de delivery.
⚛️ Front-end: React, React Query, Tailwind & shadcn/ui
⚙️ Back-end: Bun, Elysia.js, Drizzle & PostgreSQL
13
3
310
como é o workflow de front-end onde você trabalha? você precisa rodar o back-end localemente? usa mocks? usa algum ambiente de staging?
76
8
303
Se você usa TypeScript, precisa conhecer o Zod, uma biblioteca incrível de manipulação de dados via schema 🔥
No exemplo abaixo:
1️⃣ Recebo um array e valido seu formato;
2️⃣ Removo items desabilitados;
3️⃣ Converto os horários em minutos;
4️⃣ Valido a diferença de pelo menos 1h;
9
13
302
Simplesmente a API NATIVA de áudio p/ texto🤯👇🏻
➡️ O "continuous" serve pra não interromper a gravação;
➡️ O "maxAlternatives" limita o número de alternativas de transcrição;
➡️ O "interimResults" permite lermos o texto ENQUANTO o usuário fala;
Seria isso um spoiler? 👀
7
7
310
Ainda sinto o mesmo prazer de anos atrás em criar um projetinho do total zero 😄
Esse é um app de back-office para um app de delivery de comida que estou preparando pro Ignite 🚀
18
2
307
Dica: não comece projetos React usando create-react-app, prefira utilizar Snowpack, Vite ou Next.js! 🔥
O seu eu do futuro vai me agradecer 🤪
Não é não
@sogustavo_
? Hahahaha
20
15
301
Se possível, prefira salvar estados originados de ações do usuário na URL (Search Parameters) 🔥
Dessa forma você:
1️⃣ Pode acessar o estado globalmente;
2️⃣ Permite o compartilhamento do link da página;
3️⃣ Não perde estado no recarregamento.
3
10
305
A Rocketseat ficou no top 10 em duas categorias do Startup Awards 🎉🔥
Fomos destaque nas categorias startup do ano e educação.
Obrigado a todas pessoas que votaram! 💜
12
19
299
Uma das formas de visualizar o que você precisa desenvolver, é anotar em forma de lista ordenada os passos do fluxo completo da funcionalidade.
Ah, lembrando, se você tem conhecimento do fluxo completo, provavelmente TDD iria te ajudar ainda mais! 🦾
5
21
291
Finalizando o app full-stack implementando um SaaS com RBAC/ABAC p/ controle de permissões! 🤯
O back-end está bem simples em estrutura para focar na parte de permissões tanto a nível de entidades quanto de atributos.
Em breve aulas na plataforma e código aberto! 🔥
7
2
295
Os primeiros componentes do Design System da Rocketseat estão nascendo 🎉
Acessíveis, testados e lindos! 💜
13
4
289
A estratégia de uma boa parte das pessoas pra ser superior é rebaixar os outros ao invés de crescer. Por isso, foque nos seus objetivos, seja integro e você estará blindado contra tudo isso 🔥
7
49
281
Essa semana está massa demais na Rocketseat:
🎨 Iniciamos o Design System;
📱 Estamos finalizando o app mobile;
⚛ Estamos incrementalmente adicionando Next.js no front-end com TypeScript;
📦 Iniciamos dev de 2 micro-serviços no back-end com Nest.js + GraphQL;
Só começando 🚀
5
5
280
Bora recriar o feed do Instagram no React Native com: Lazy load em imagens pelo scroll, carregamento de imagem em baixa resolução como pré-loader, scroll infinito para paginação e refresh puxando a lista pra baixo (Pull to Refresh)? Em breve no Youtube da Rocket! 🔥🚀
11
17
278
estudando coisas novas:
1. começa com o básico;
2. cai num artigo sobre algo avançado e começa a tentar implementar;
3. alguns bugs surgem, você abre 40 abas diferentes p/ entender mais sobre aquilo;
4. você desiste, volta pro básico e anota pra um dia voltar naquilo.
9
24
284
No Next.js podemos usar o SSR para evitar o acesso não-autenticado às páginas privadas do app 🔐
Com esse código, podemos verificar a autenticação nas páginas do Next.js apenas adicionando:
export const getServerSideProps = withAuth(() => {
return { props: {} }
})
⚛️🔥
6
16
274
Pra vocês o VSCode também fica lento do nada? 🧐
Eu já tirei todas extensões possíveis e, às vezes, o editor simplesmente fica "pensando"...
Acredito que o problema esteja no language server do TypeScript.
Existe alguma forma de mudar o language server do VSCode?!
58
5
277
Uma das coisas que empreender me ajudou muito a enxergar é que na maioria das vezes vale mais a pena pagar por uma solução do que criar ela dentro de casa.
Claro, existem momentos e se faz parte do core do seu negócio, uma hora ou outra, você vai desenvolver a própria! 🚀
3
2
273
Já pensou saber todas PRs e Issues que estão aguardando sua interação pelo terminal? 🤯
Vi o
@birobirobirodev
dando star nessa lib semana passada e achei fenomenal, você integra ela com a CLI do GitHub para ter um dashboard das interações pendentes 🔥
8
31
275
Aqui na Rocket a gente se dedica muito para entregar todos conteúdos da forma mais incrível possível.
E hoje começou o NLW, gratuito, online e uma aplicação inédita por trilha🔥
Corre lá pra aprender ReactJS, React Native, Flutter, Elixir ou Node.js.
8
29
269