Funções
1 - Funções
Funções são blocos de código que podem ser reutilizados em diferentes partes do seu projeto.
1.1 - Estrutura geral da função
const params = {
username: String,
password: String,
}
const handler = (ctx, args) => {
const { event, router, element } = ctx
const { username, password } = args
}
module.exports = {
params,
handler
}1.2 - Parâmetros (opcionais)
const params = {
username: String,
password: String,
}Esse objeto é opcional e define os parâmetros que a função receberá. - Opções de tipo: - Corda - Número - Booleano - Objeto - Array - Data
1.3 - Manipulador
const handler = (ctx, args) => {
const { event, router, element } = ctx
const { username, password } = args
}O handler é a função que será executada quando a função for chamada. Ele recebe dois parâmetros:
ctx: Contexto da função, contém informações sobre o evento, funções de navegação e elemento atual
const { event, router, element } = ctx
const {
navigate,
...rest,
} = routerPodem ser diferentes dependendo do evento que acionou a função. Event
args: Argumentos de função, contém os valores dos parâmetros da função. E se estiver dentro de um componente, contém um objeto item com o item do elemento que chamou essa função. List
1.4 - Exportação
A função precisa ser exportada para poder ser usada em outros lugares.
module.exports = {
params,
handler
}1.5 - Funções de importação
Melhores práticas: Importar módulos fora do handler, porque se importados dentro do handler, eles serão carregados toda vez que a função for executada, impactando o desempenho da aplicação.
Esta é uma função que carrega um módulo e é necessário usar a sintaxe para importar o módulo. require~<module-name>
- Módulos padrão:
- ~libs/router
- ~libs/elements
const params = {
username: String,
password: String,
}
const auth = require("~libs/router")
const elements = require("~libs/elements")
const handler = (ctx, args) => {}
module.exports = {
params,
handler
}