| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta name="description" content="Observer parttern"> | |
| <meta charset="utf-8"> | |
| <title>JS Bin</title> | |
| </head> | |
| <body> | |
| <script id="jsbin-javascript"> |
| module.exports = { | |
| "extends": "airbnb", | |
| "parser": "babel-eslint", | |
| "plugins": [ | |
| "react", | |
| "jsx-a11y", | |
| "import", | |
| "jest" | |
| ], | |
| "globals": { |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width"> | |
| <title>JS Bin</title> | |
| </head> | |
| <body> | |
| <script id="jsbin-javascript"> |
| var a = new Promise(res => setTimeout(()=>{ | |
| res(1) | |
| }, 2000)); | |
| var b = new Promise(res => setTimeout(()=>{ | |
| res(2) | |
| }, 1000)); | |
| var c = (fn) => new Promise(res => console.log(fn)); |
| import React , { Component } from 'react'; | |
| export default class ControlledComponent extends Component { | |
| constructor(props) { | |
| super(props) | |
| this.state = { | |
| name: '', | |
| idade: 0, | |
| } | |
| } |
| import React , { Component } from 'react'; | |
| export default class ControlledComponent extends Component { | |
| handleSubmit = event => { | |
| const { name, idade } = event.target; | |
| console.log(name.value, idade.value) | |
| event.preventDefault() | |
| } | |
| ╔═════════════════╦═════════════════╦═════════════╗ | |
| ║ feature ║ Não Controlados ║ Controlados ║ | |
| ╠═════════════════╬═════════════════╬═════════════╣ | |
| ║ buscar valores ║ ║ ║ | |
| ║ de um único ║ [ V ] ║ [ V ] ║ | |
| ║ ponto ex:submit║ ║ ║ | |
| ╠═════════════════╬═════════════════╬═════════════╣ | |
| ║ validar ao ║ [ V ] ║ [ V ] ║ | |
| ║ submit ║ ║ ║ | |
| ╠═════════════════╬═════════════════╬═════════════╣ |
People
 :bowtie: |
😄 :smile: |
😆 :laughing: |
|---|---|---|
😊 :blush: |
😃 :smiley: |
:relaxed: |
😏 :smirk: |
😍 :heart_eyes: |
😘 :kissing_heart: |
😚 :kissing_closed_eyes: |
😳 :flushed: |
😌 :relieved: |
😆 :satisfied: |
😁 :grin: |
😉 :wink: |
😜 :stuck_out_tongue_winking_eye: |
😝 :stuck_out_tongue_closed_eyes: |
😀 :grinning: |
😗 :kissing: |
😙 :kissing_smiling_eyes: |
😛 :stuck_out_tongue: |
| const arr1 = [1, 2, 3, 4, 5]; | |
| const arr2 = [0, 2, 4, 6, 10, 11]; | |
| const DIFF = [1, 3, 5, 0, 6, 10, 11]; | |
| function diffWithFor(arr1, arr2) { | |
| const holderArr = []; | |
| for(let i = 0; i < arr1.length; i++) { | |
| if (arr2.indexOf(arr1[i]) === -1) { | |
| holderArr.push(arr1[i]); |
| function createNode(value) { | |
| return { | |
| value: value, | |
| next: null | |
| } | |
| }; | |
| function createLinkedList() { | |
| return { | |
| head: null, |