juliomerisio

{
  "align-items": {
    "prefix": "ai",
    "body": "align-items: ${1|flex-start,flex-end,center,baseline,stretch,start,end,self-start,self-end|};$0",
    "description": "initial value: stretch"
  },
  "align-items: baseline": {
    "prefix": "aib",
    "body": "align-items: baseline;$0"

juliomerisio

[alias]
    ps = push
    ci = commit
    co = checkout
    cm = checkout master
    cb = checkout -b
    rb = rebase master
    st = status -sb
    sf = show --name-only
    lg = log --pretty=format:'%Cred%h%Creset %C(bold)%cr%Creset %Cgreen<%an>%Creset %s' --max-count=30

juliomerisio

why is this a React hook?

this is a simplified version of the production/real world version

You can consume roles from context/redux/relay or other place to improve dx and void bugs

juliomerisio

JetBrains IDE Performance Config

High Performance Configuration for Jetbrains IDEs [IntelliJ, WebStorm, etc..]

Motivation

Once you step into the realm of multi-project development, large scale dev, or just have to have like 6 IDE's open. You really start to feel a performance hit on jetbrains IDEs.

This configuration aims to give at least 10x performance increases across the board.

Goals

juliomerisio

Improvement on readability revision

• Version: 1.0
• Date: 2020-07-20
• Author: Julio Merisio
• Status: in discussion

Introduction

In order to add new features and give maintenance on the code, the developers face some barriers.

juliomerisio

function getFileNames() {
  return require.context(
    './',
    true,
    process.env.NODE_ENV === 'production' ? /\.js$/ : /\.ts$/
  )
}

const context = getFileNames()
const files = context

juliomerisio

{"lastUpload":"2021-02-21T18:20:37.642Z","extensionVersion":"v3.4.3"}

juliomerisio

--- Actions ---
$Copy                                              <M-C>
$Cut                                               <M-X> <S-Del>
$Delete                                            <Del> <BS> <M-BS>
$LRU                                              
$Paste                                             <M-V>
$Redo                                              <M-S-Z> <A-S-BS>
$SearchWeb                                         <A-S-G>
$SelectAll                                         <M-A>
$Undo                                              <M-Z>

juliomerisio

This help only covers the parts of GLSL ES that are relevant for Shadertoy. For the complete specification please have a look at GLSL ES specification

Language:

Version: WebGL 2.0
Arithmetic: ( ) + - ! * / %
Logical/Relatonal: ~ < > <= >= == != && ||
Bit Operators: & ^ | << >>
Comments: // /* */
Types: void bool int uint float vec2 vec3 vec4 bvec2 bvec3 bvec4 ivec2 ivec3 ivec4 uvec2 uvec3 uvec4 mat2 mat3 mat4 mat?x? sampler2D, sampler3D samplerCube
Format: float a = 1.0; int b = 1; uint i = 1U; int i = 0x1;

juliomerisio

• Learn how Canvas works
• Learn how Create a scene
• Learn how to Positining elements in a scene
• Learn how to create 3D elements using code
• Learn how to use 3D assets, textures, maps HDRIs
• Learn how to interact based on events, click, scroll, drag
• Learn how Animate elements - Frames
• Learn how Map WebGL elements to DOM elements whilst scrolling
• Learn how Preload and prerender textures (replicates AssetLoader)
• Learn how Manage WebGL resources (create and destroy materials and geometries as needed)