matvaleriano

const DEFAULT_LOCALE = "pt-BR";

/*
 * Custom vue directive to format date in text content
 */
function localeDate(el, binding) {
  const locale = binding.value || DEFAULT_LOCALE;
  el.textContent = new Date(el.textContent).toLocaleDateString(locale);
}

matvaleriano

Articles

• Advanced functional programming in TypeScript: Maybe monad, by Miłosz Piechocki.

  https://codewithstyle.info/advanced-functional-programming-in-typescript-maybe-monad/

• Simulating Haskell’s do notation in Typescript, by Dhruv Rajvanshi.

  https://medium.com/@dhruvrajvanshi/simulating-haskells-do-notation-in-typescript-e48a9501751c

matvaleriano

Arquivos

Primeiro de tudo vc deve configurar os filesystems do seu projeto através do gatsby-source-filesystem é uma boa nomear de acordo com a necessidade

Como ter performance com imagens no gatsby

Imagens na tela (img)

• usar gatsby-image

matvaleriano

React Resume

Props

Props são atributos que podem ser passados para componentes (não mude eles dentro do component que vc está usando)

Pros are attributes that can be passed to components (don't change them into the component which is using them)

States

A melhor forma de manipular as props que foram passadas e outros atributos do seu component

matvaleriano

# <type>: (If applied, this commit will...) <subject> (Max 50 char)
# |<----  Using a Maximum Of 50 Characters  ---->|


# Explain why this change is being made
# |<----   Try To Limit Each Line to a Maximum Of 72 Characters   ---->|

# Provide links or keys to any relevant tickets, articles or other resources
# Example: Github issue #23

matvaleriano

// set this file into the store -> store/__mocks__/index.js

import Vue from 'vue'
import Vuex from 'vuex'

// your mocks
import state from './state'
import * as getters from './getters'
import mutations from './mutations'
import * as actions from './actions'