Customizações extras e pincelada final - D3.js + React = @vx

Customização e estilização básica do gráfico - D3.js + React = @vx

Filtros e eventos no gráfico - D3.js + React = @vx

Gráficos dinâmicos no frontend - D3.js + React = @vx

Entenda a diferença e quando usar o Array.every e quando usar o Array.some.

Array.every & Array.some | Explicando o JavaScript #6

Você sabia que é possível gerenciar as imagens do Docker direto nos IDEs da JetBrains (PhpStorm, IntelliJ, WebStorm)?

Gerenciando imagens do Docker no IntelliJ (JetBrains)

Use essa api do jest para mockar apenas as funções necessárias quando estiver testando um módulo.

Mockando um módulo parcialmente com jest.requireActual

Formate strings para dinheiro com javascript nativo usando a classe Intl.NumberFormat.

Formatando Dinheiro com Intl.NumberFormat | Explicando o Javascript #5

Integrando Flagsmith com Next.js através do getInitialProps e FlagsmithProvider (React Context)

Integração com React e Next.js | Feature Flags com Flagsmith #2

Pare de exportar os tipos do seu componente utilizando o React.ComponentProps e React.

React.ComponentProps | Explicando o TypeScript #4

Primeiros passos de como rodar a aplicação através do ambiente dockerizado. https://www.flagsmith.com/ ...

Instalando e rodando aplicação | Feature Flags com Flagsmith #1

Styled components oferece uma opção única de alterar o estilo do filho/componente baseado no estado do elemento pai.

Reverse Selector - Styled Components 101

Torne seu objeto ou enum a _single source of truth_ e evite duplicação de tipos com typescript.

keyof typeof | Explicando o TypeScript #3

Com essa utility type você consegue flexibilizar as chaves do seu tipo parcialmente sem afetar o resto da sua aplicação.

Partial | Explicando o TypeScript #2

Como usar discriminated unions e type guards para estreitar (narrow) seu código em Typescript.

Discriminated unions, type guards & narrowing | Explicando o Typescript #1

Acumulador, current, index… Chegou a hora de aprender como se usa o array.reduce, preparados?

array.reduce(); | Explicando o Javascript #4

Entenda o uso do Set() dentro do javascript, sua API e ideias de como incorporar dentro do seu código

new Set() | Explicando o Javascript #3

Vamos criar um hook customizado para gerenciar altura e largura do seu browser? Aprenda também como ouvir por mudanças na janela sem impactar a performance.

useWindowSize | Custom React Hooks

Já ficou na dúvida de como exibir o conteúdo do seu post usando Themosis?
Nesse tutorial explico como usar a diretiva @loop, com ela você tem acesso não só a postagem, como seus metadados e até informações sobre o autor do post.


Como usar a diretiva @loop e classe Loop para exibir dados e conteúdos da postagem

Exibindo conteúdo do post com diretiva @loop  | ABC do Themosis #2

12:20 - Dica número 1 (mapsort) 18:30 - Dica número 2 (Intl.Collator) Pra que serve, como funciona e como usar o método sort para arrays com javascript.

Array.sort | Explicando o Javascript #2

Instalei o Themosis e estou rodando local, mas como que faço pra ver meus posts? Já teve essa dúvida, esse video vai explicar como você faz para renderizar, visualizar e começar a customizar seu site Wordpress.

Meu primeiro post com Themosis | ABC do Themosis #1

Como rodar queries, mutations, introspecção em GraphQL utilizando os softwares da JetBrains, nesse video vou utilizar o IntelliJ.

Client GraphQL dentro do IntelliJ e IDEs da JetBrains

Exercício fácil para checar se uma palavra está presente em uma frase.

Gabaritando as Entrevistas #8 - Check If a Word Occurs As a Prefix in a Sentence | Leet Code

Requisições Ajax de maneira simples graças à classe nativa do Themosis.

Ajax no Wordpress - Classes do Themosis Framework

Quiz para testar os conhecimentos e peculiaridades do Javascript.

Gabaritando as Entrevistas #7 - Javascript Web Quiz

Video explicando mais sobre o Array.from no Javascript, como e quando utilizar.

Array.from | Explicando o Javascript #1

Integrando o Flagsmith com um projeto React e criando primeiras flags.

Feature Flags com Flagsmith | #2 Integração com Front End em React

Entenda como inverter a ordem das palavras em uma string.

Gabaritando as Entrevistas #6 - Reverse Words in a String | Leet Code

Formatando a mensagem printada no terminal e toques finais para compilar.

CLI em Rust com tabela do Brasilerão - Final

Instalação e explicação sobre o que são feature flags e seus principais casos de uso.

Feature Flags com Flagsmith | #1 Conceitos e Instalação

Algoritmo para retornar a soma máxima do coeficiente "apreciação-tempo gasto" para na preparação de um prato.

Gabaritando as Entrevistas #5 - Reducing Dishes | Leet Code

Criando cliente http, structs e lógica para printar valores vindos da API.

CLI em Rust com tabela do Brasilerão - Parte 2

Conheça o Chalk, pacote muito utilizado para customização e estilização de strings no Terminal.

Chalk | #1 Queridinhos do NPM

Algoritmo para solucionar qual a quantidade mínima de moedas para devolver de troco.

Visualização de Dados

Javascript, Visualização de Dados

Customizações extras e pincelada final - D3.js + React = @vx

Javascript, Visualização de Dados

Customização e estilização básica do gráfico - D3.js + React = @vx

Javascript, Visualização de Dados

Filtros e eventos no gráfico - D3.js + React = @vx

Javascript, Visualização de Dados

Gráficos dinâmicos no frontend - D3.js + React = @vx