ncesar

Open in Visual Studio Code

• Open Automator
• Create a new document
• Select Quick Action
• Set “Service receives selected” to files or folders in any application
• Add a Run Shell Script action
  • your default shell should already be selected, otherwise use /bin/zsh for macOS 10.15 (”Catalina”) or later
  • older versions of macOS use /bin/bash
• if you're using something else, you probably know what to do 😉

ncesar

// ==UserScript==
// @name         Fix PE Cidadão Agendamento Payload (XHR + Fetch)
// @namespace    http://tampermonkey.net/
// @version      1.1
// @description  Fixes invalid date format in requests to PE Cidadão API
// @author       cesar.dev.br
// @match        https://pecidadao.pe.gov.br/*
// @grant        none
// ==/UserScript==

ncesar

1. docker container run -it --name CONTAINERNAME CONTAINERMIMAGE bash(ou sh) => it will run directly the bash of a container

2. docker container ls => it will show running containers

3. docker container ls -a => it will show all containers(running or not)

4. docker container run -p PORTA:PORTA -d(detach) --name NOME -e(env) random_env=true IMAGEM

5. docker container stats => will show stats about how much ram an image is using

ncesar

Profiler

React 16.4 will introduce a new Profiler component (initially exported as React.unstable_Profiler) for collecting render timing information in order to measure the "cost" of rendering for both sync and async modes.

Profiler timing metrics are significantly faster than those built around the User Timing API, and as such we plan to provide a production+profiling bundle in the future. (The initial release will only log timing information in DEV mode, although the component will still render its children- without timings- in production mode.)

How is it used?

Profiler can be declared anywhere within a React tree to measure the cost of rendering that portion of the tree. For example, a Navigation component and its descendants:

ncesar

In your settings.json workspace config, place: 

{
  "eslint.workingDirectories": ["./server", "./client"]
}

ncesar

  const checkIfComponentIsOutViewport = () => {
    console.log('executed');
    if (componentRef.current) {
      const componentCurrentPosition = componentRef.current.getBoundingClientRect();
      if (componentCurrentPosition.top < 0) {
        console.log('top is out');
      }
      if (
        componentCurrentPosition.bottom >
        (window.innerHeight || document.documentElement.clientHeight)

ncesar

/**
 * @snippet       Display Discount Percentage @ Loop Pages - WooCommerce
 * @how-to        Watch tutorial @ https://businessbloomer.com/?p=19055
 * @sourcecode    https://businessbloomer.com/?p=21997
 * @author        Rodolfo Melogli
 * @compatible    WooCommerce 3.5.4
 * @donate $9     https://businessbloomer.com/bloomer-armada/
 */
 
add_action( 'woocommerce_before_shop_loop_item_title', 'bbloomer_show_sale_percentage_loop', 25 );

ncesar

Tema: Dark+(default Dark)

1. Browser Preview por Kenneth Auchenberg
2. ES7 React/Redux
3. ESLint
5. Prettier
6. VSCode Google Translate por funkyremi
----------------

nvm < para versões do nodejs e npm

ncesar

{
    "workbench.startupEditor": "newUntitledFile",
    "explorer.confirmDelete": false,
    "editor.formatOnSave": true,
    "prettier": { "arrowParens": "always" }
}

ncesar

add_action('admin_head', 'my_custom_fonts');

function my_custom_fonts() {
  echo '<style>
    body, td, textarea, input, select {
      font-family: "Lucida Grande";
      font-size: 12px;
    } 
  </style>';
}