Por admin

#aprendi – Desenvolvimento Web

14.07
#aprendi – Desenvolvimento Web

💡 #aprendi é um canal interno onde os Vizires compartilham aprendizados do dia a dia e esta seção visa trazer alguns destes posts.


#aprendi que é possível salvar Json já formatado com indentação no Node sem nenhuma biblioteca. O nosso conhecido JSON.parse() e JSON.stringify() são muito mais poderosos do que eu geralmente usava. Normalmente além de usar com apenas um argumento para serializar o objeto, o método aceita mais dois argumentos. O segundo parâmetro é uma função que recebe como argumentos (chave, valor), que pode ser usado para transformar o objeto. O terceiro parâmetro é um número que pode ser usado para colocar espaçamento para “pretty-printing”.

const object = {
    name: "John",
    age: 35,
    hobbies: ["skating", "surfing", "piano"],
    smokes: false,
{
JSON.stringify(object, undefined, 2);

E como resultado temos:

{
  "name": "John",
  "age": 35,
  "hobbies": [
    "skating",
    "surfing",
    "piano"
  ],
  "smokes": "boolean"
}

Se usarmos o segundo argumento dá pra fazer coisas como:

const transformer = (key, value) => {
  if (typeof value !== 'object') return typeof value;
  return value;
}JSON.stringify(object, transformer, 2);

Para obter:

{
  "name": "string",
  "age": "number",
  "hobbies": [
    "string",
    "string",
    "string"
  ],
  "smokes": "boolean"
}

Por Fábio Luis


#aprendi uma forma de pra tirar css q não está sendo usado: https://www.purgecss.com (quem nunca importou o bootstrap inteiro, e só usava o grid rs)

About PurgeCSS

PurgeCSS is a tool to remove unused CSS. It can be part of your development workflow.When you are building a website, you might decide to use a CSS framework like TailwindCSS, Bootstrap, MaterializeCSS, Foundation, etc… But you will only use a small set of the framework, and a lot of unused CSS styles will be included.This is where PurgeCSS comes into play. PurgeCSS analyzes your content and your CSS files. Then it matches the selectors used in your files with the one in your content files. It removes unused selectors from your CSS, resulting in smaller CSS files.

Por Fabrício Campos


#aprendi essa bagacita que gera uma interface com os datatype de um payload json http://json2ts.com/

Exemplo input:

{"menu": {
  "id": "file",
  "value": "File",
  "popup": {
    "menuitem": [
      {"value": "New", "onclick": "CreateNewDoc()"},
      {"value": "Open", "onclick": "OpenDoc()"},
      {"value": "Close", "onclick": "CloseDoc()"}
    ]
  }
}}

Exemplo output:

declare module namespace {

    export interface Menuitem {
        value: string;
        onclick: string;
    }

    export interface Popup {
        menuitem: Menuitem[];
    }

    export interface Menu {
        id: string;
        value: string;
        popup: Popup;
    }

    export interface RootObject {
        menu: Menu;
    }

}

Por João Santos

Autor do Post

Recentes