Skip to content

Instantly share code, notes, and snippets.

@viniazvd
viniazvd / index.js
Last active August 23, 2023 20:18
sse.js
const cors = require('cors')
const express = require('express')
const bodyParser = require('body-parser')
const app = express()
let clients = []
const addSubscribe = (req, res) => {
res.writeHead(200, { Connection: 'keep-alive', 'Content-Type': 'text/event-stream' })
@viniazvd
viniazvd / optional.ts
Created July 15, 2023 15:12
Optional.ts
/**
* Make some property optional on type
*
* @example
* ```typescript
* type Post {
* id: string;
* name: string;
* email: string;
* }

Seedz: Teste pr谩tico para Frontend Developer

Objetivo

Imagine que vc 茅 um gar莽om. Ou melhor, est谩 numa mesa de bar com v谩rios amigos e pessoas que voc锚 at茅 n茫o conhece.

Voc锚 j谩 deve imaginar o trabalho que da para o gar莽om atender e, principalmente, gerenciar a comanda com todos os pedidos.

Da mesma forma que quase sempre da problema na hora das pessoas dividirem a conta de um jeito justo.

Pensando nesse cen谩rio, queremos que voc锚 construa uma aplica莽茫o que abstraia esse trabalho do gar莽om, com a

(sendPinOnboarding)
value: string, document: string, validationOption: string | Promise<void>
const data = {
value,
document,
validationOption
}
- post('send-pin-onboarding/send', data)
-----------------------------------------------------------------------------
USERS/
(checkDocument)
document:string | Promise<void>
- get(`users/document/${document}`)
------------------------------------------------
(getChannels)
document:string | Promise<ChannelData>
- usar matchMedia (nuxt-device-detect => this.$device.isMobile, deprecated)
- rscss
- usar estrutura de container/components
- dynamic import dentro de components
- dividir store por m贸dulos
- n usar commits sem actions
- remover/substituir libs de terceiros
- criar componentes pr贸prios e customizados
- mover libs para dev-deps
- refatorar componentes gigantes
.input-group--rounded {
height: 50px;
position: relative;
input {
margin: 0;
z-index: 0;
height: 50px;
display: flex;
padding: 0 1rem;
<template>
<div class="config-table">
<div class="header">
<div class="column" v-for="(title, i) in columns" :key="i">
<span class="label">
{{ title }}
</span>
</div>
<div class="column">
<template>
<span :class="classes" :style="styles">
<c-icon :size="iconSize" v-bind="$attrs" />
</span>
</template>
<script>
import CIcon from '../CIcon'
/**
* A very simple component meant to be used similarly to a tag.
const list = [
{ ref: 'teste 10-1', value: 'nzcxc' },
{ ref: 'M贸dulo 1 - Treinamento B谩sico-1', value: 'Sim' },
{ ref: 'M贸dulo 2 - Treinamento intermedi谩rio-1', value: 'Sim' },
{ ref: 'M贸dulo 3 - Treinamento Avan莽ado-1', value: 'Sim' },
{ ref: 'M贸dulo 4 - Treinamento de Seguran莽a-1', value: '-' },
{ ref: 'M贸dulo 5 - Treinamento Gestores-1', value: '-' },
{ ref: 'EPI (digite com v铆rgula)-1', value: '000' },
{ ref: 'Tamanho da Camiseta-1', value: 'Selecionar' },
{ ref: 'E-mail-1', value: '[email protected]' },