carlosrberto

<script>alert(123);</script>
<ScRipT>alert("XSS");</ScRipT>
<script>alert(123)</script>
<script>alert("hellox worldss");</script>
<script>alert(“XSS”)</script> 
<script>alert(“XSS”);</script>
<script>alert(‘XSS’)</script>
“><script>alert(“XSS”)</script>
<script>alert(/XSS”)</script>
<script>alert(/XSS/)</script>

carlosrberto

➜  code-to-graph git:(master) yarn test
yarn run v1.7.0
$ jest
 FAIL  ./index.test.js
  ● 1

    expect(received).toEqual(expected)

    Expected value to equal:
      "graph TD

carlosrberto

React Under The Hood

React Fiber

• koba04/react-fiber-resources
• React Fiber Architecture
• Didact Fiber: Incremental reconciliation

React Hooks

• Why Do React Hooks Rely on Call Order? (by Dan Abramov)
• Linked lists in the wild: React Hooks

carlosrberto

Tests Articles

• Genuine guide to testing React & Redux applications
• Testing React Components Best Practices

Jest coverage

• coverageThreshold
• A guide to code coverage, part 1: Code coverage explained

carlosrberto

const input = document.getElementById('input');
const outPut = document.getElementById('output');

const leftKeys = [
  'q', 'w', 'e', 'r', 't',
  'a', 's', 'd', 'f', 'g',
  'z', 'x', 'c', 'v',
];

const rightKeys = [

carlosrberto

Learning Haskell

This is a summary from Yet Another Haskell Tutorial

https://learnxinyminutes.com/docs/pt-br/haskell-pt/

Lazy, pure functional programming language.

Introduction

Definitions

carlosrberto

const fixHex = v => v.length === 1 ? `0${v}` : v;

const decToHex = v => {
    return  fixHex(parseInt(v, 10).toString(16).toUpperCase());
};

// with map
const rgbToHexColor = function() {
    return [...arguments].map(decToHex).join('');
}

carlosrberto

// low perf
const fn = n => Math.pow(-1, n)/(2*n + 1);
const sum = (a, b) => a + b;

const range = (n) => {
    let i = 0;
    let numbers = [];
    while(i < n) {
        numbers.push(i);
        i++;

carlosrberto

const curry = function(fn) {
    const partial = function(prevArgs = []) {
        return function() {
            const nextArgs = [...prevArgs, ...arguments];
            if((prevArgs.length + arguments.length) === fn.length) {
                return fn.apply(null, nextArgs)
            } else {
                return partial(nextArgs);
            }
        }

carlosrberto

const isPromise = fn => fn && fn.then;

const getUser = () => new Promise((resolve, reject) => {
  setTimeout(()=> {
    resolve({name: 'John Lavoier'});
  }, 2000);
});

const getProfile = () => new Promise((resolve, reject) => {
  setTimeout(()=> {