raisiqueira

-----BEGIN PGP PUBLIC KEY BLOCK-----

xsFNBFyudTUBEADiqRP7Y+bbL56LrwdRC4A8XPiXBQ2pw91aFnRHicULr+7v
8HK7w/cybkIiYgxPd95VAESlF3s/8xjam6F+J4JZeBvfZ0kfyNMyHe2s1kIe
MdEkkFllAXHwAAPjDwyevLsI7yWDr1RNL0tBEqrr9VyhFByK3EW95fdgABFC
IXUoeCKvyxNTCzLBSPro/g/IuBuRaWeOmZqrq0d0l7RQINzv9LpF/8m6Lqzc
wvI9HOr1PjuUV1mjyZcQ08YFLvKG/uMld0ZEzhspj/MmITW07AZJL6PAJhg7
J4ifjLqV0FJsqNulhUFPHoeZB9ReyMRNKaihnu/NmO7LM9R8+0i3aL3njGgF
Y+ArRZ+hsZaCS4vtIbVj89iGlkHrulTDzNBXyuyY6cGXFJEwmZHixrIRqUDb
ycRPSfEOs1L8ixqoTHAf6DpQPcHtnyRGZfL69xfCv4++EMDVSBICtyx3dKbw

raisiqueira

import { useEffect } from 'react'
import hotkeys from 'hotkeys-js'

export const useHotkeys = (key: string, cb: () => any, inputs?: any[]) => {
  useEffect(() => {
    hotkeys(key, cb)
    return () => hotkeys.unbind(key)
  }, inputs)
}

raisiqueira

<script>
function execPolyfill() {

(function(){
// CustomElementsV1.min.js v1 polyfill from https://github.com/webcomponents/webcomponentsjs/tree/v1/src/CustomElements/v1.
/*
 Copyright (c) 2016 The Polymer Project Authors. All rights reserved.
 This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt

raisiqueira

Contribua

Se você quiser adicionar mais algum tópico deixe seu comentário, o objetico é facilitar para os iniciantes ou aqueles que buscam dominar JavaScript, quais tópicos são importantes para dominar JavaScript.

São tópicos para quem sabe o minimo de JavaScript (declarar variáveis), a ordem em que eles aparecem são por importância para o dominio como um todo. Mesmo que você já tenha experiência com JS, recomendo que leia os links de cada tópico para fortalecer suas bases teóricas e ter um comportamento mais profundo da linguagem.

Lista originalmente criada e compilada por Vinicius Reis

raisiqueira

import React, {PureComponent} from 'react';
import PropTypes from 'prop-types';
import styled, {css} from 'styled-components';

export default class Button extends PureComponent {
  render () {
    return <ButtonStyped>{this.props.title}</ButtonStyped>;
  }
}

raisiqueira

React/Redux Style Guide

Table of Contents:

• React/Redux Style Guide
  • React Guidelines
    • Organization
    • Components
• Container Components

raisiqueira

<style>
  input[type="file"]{
    position: absolute;
    top: -500px;
  }

  div.file-listing{
    width: 200px;
  }

raisiqueira

import Foundation

extension Date {
    
    enum DateFormat: String {
        case short = "yyyy-MM-dd"
        case long = "yyyy-MM-dd HH:mm:ss"
        case time = "HH:mm:ss"
    }
    

raisiqueira

<template>
  <div id="app">
		<p>
			Pending: {{ $store.state.getInfoPending }}
		</p>
		<p>
			{{ $store.state.getInfoData }}
		</p>
  </div>
</template>

raisiqueira

//: Playground - noun: a place where people can play

import UIKit
import PlaygroundSupport

class Responder: NSObject {
    @objc func segmentedControlValueChanged(_ sender: UISegmentedControl) {
        UIView.animate(withDuration: 0.3) {
            buttonBar.frame.origin.x = (segmentedControl.frame.width / CGFloat(segmentedControl.numberOfSegments)) * CGFloat(segmentedControl.selectedSegmentIndex)
        }