jinnyMcKindy

Различия Vue/Vuex and React/Redux

1. Во Vue данные легко мутировать из-за чего не произойдет апдейт элемента. 2 Virtual Dom сравнятся и не будет изменений. Example: Vue:

const words = this.state.words; //ссылка на массив
words.push('marklar’); //массив мутируется напрямую
this.words = words; //нет изменения

jinnyMcKindy

const head = Symbol('head')
const tail = Symbol('tail')
class DoublyLinkedListNode {
    constructor(value, index=0) {
        this.value = value;
        this.previous = null;
        this.next = null;
        this.index = index;
    }
}

jinnyMcKindy

function bubbleSort(arr) {
    arr.forEach((_, i) => {
        if(arr[i] > arr[i + 1]) {
            let a = arr[i];
            let b = arr[i + 1];
            arr[i] = b;
            arr[i + 1] = a;
        }
    })
    return arr;

jinnyMcKindy

function mergeSort(array, half = array.length/2) {
    if(array.length < 2) { return array; }
    const left = array.splice(0, half);
    return merger(mergeSort(left), mergeSort(array));
}
function merger(left, right) {
    const arr = [];
    while(left.length && right.length) {
        if(left[0] < right[0]) {
            arr.push(left.shift());

jinnyMcKindy

What are some ways you may improve your website's scrolling performance?
JS:
https://github.com/yangshun/front-end-interview-handbook/blob/master/questions/javascript-
questions.md
● Describe event bubbling, capturing. (-)
● Explain event delegation. (-)
● Two main paradigms: OOP & FP. What is, pluses/minuses? In two words. (-/+)
○ (He is confusing functional prog with procedural programming)
● Explain how this works in JavaScript.
○ Said content (in fact conteXt)

jinnyMcKindy

//называем класс согласно сущности, которую он представляет
class Fruit {
	taste = «juicy»;
	name;
	constructor(name) {
		this.name = name;
	}
	public getTaste() {
		return `${this.name} is ${this.taste}`;
	}

jinnyMcKindy

@Prop() type!

switch type {
  case "users":
    api.call("users")
    break;
  case "events":
    api.call("events")
    break;
}

jinnyMcKindy

function delay(callback) {
  setTimeout(() => callback(), 500)
}

function calc(a) {
  return (b) => a + b;
}
calc(1)(2)
//3

jinnyMcKindy

class Context {
    private strategy: Strategy;
    constructor(strategy: Strategy) {
        this.strategy = strategy;
    }
    public setStrategy(strategy: Strategy) {
        this.strategy = strategy;
    }
    public doSomeBusinessLogic(): void {
        const result = this.strategy.printText("test")

jinnyMcKindy

Декларируем типы из graphql файлов

Нужно быстро и не сильно вникая выжать всё самое полезное из graphql файлов. Нам поможет "graphql-codegen", он получит схему с сервера, и опишет типы для наших запросов.

настроим для него конфиг

# codegen.yml