Как можно защитить верстку?

АртемЪ, мышка то доступна, сиди и щелкай сколько влезет через удаленный рабочий стол.

Как можно защитить верстку?

Антон Р., про модные скриншоты уже писали в одном из ответов

Как грамотнее всего реализовать лимит запросов в проекте?

Денис Юрьев, согласен, вопрос не раскрыт.

Как грамотнее всего реализовать лимит запросов в проекте?

а еще лучше проксировать все через nginx и в нем уже настраивать и балансировку и лимиты

Как найти минимальный элемент из разных хэшов?

Алексей Ярков, ну сортировка будет со сложностью ,большей чем O(n). Тут оптимальней будет однопроходный цикл с 2-я внешними переменными (min и max), ну или что то типа

const {max,min}=list.reduce((a,v)=>(a.max=a.max<v.Cur_OfficialRate?v.Cur_OfficialRate:a.max, a.min=a.min>v.Cur_OfficialRate?v.Cur_OfficialRate:a.min, a), {max:0, min: 99999999});

Как изменить regexp?

steef08, поместите весь ваш код (html, css, js) в песочницу (https://jsfiddle.net/ или https://codepen.io/) и скиньте ссылку, тогда я посмотрю и подскажу (самому создавать рабочий аналог в песочнице мне лень)

Как изменить regexp?

steef08, и что выдает вместо id в тех случаях когда не работает?

let id = youtubeGetID(media.src);
console.log(id); // скопируй вывод с консоли

Что будет, если писать весь сервер в одном файле?

Сергей delphinpro, на PHP тоже можно создать чтото типа express-а & ko. Может уже и создали.

Не подумайте, я не радею за пых.

Знаки вопроса при русских символах Jimp js?

читать про кодировки

Как изменить regexp?

Stalker_RED, можно и переименовать, но тогда получение url из media опять надо в фанку заносить

Как изменить regexp?

steef08, вы не в регулярках не разбираетесь, вы в программировании не разбираетесь от слова совсем!!

спойлер

просто у себя замените это

function parseMediaURL(media) {
    let regexp = /https:\/\/i\.ytimg\.com\/vi\/([a-zA-Z0-9_-]+)\/maxresdefault\.jpg/i;
    let url = media.src;
    let match = url.match(regexp);

    return match[1];
}

на это

function youtubeGetID(input){
    var r = input.replace(/(>|<)/gi,'').split(/(vi\/|v=|\/v\/|youtu\.be\/|\/embed\/)/)
    if(r[2] !== undefined) {
        return r[2].split(/[^0-9a-z_\-]/i)[0]
    } else {
        r = input.match(/^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/)|(?:(?:watch)?\?v(?:i)?=|\&v(?:i)?=))([^#\&\?]*).*/)
        if(r && r[1] !== undefined) {
            return r[1]
        }
        else return input
    }
}

а в остальном коде, везде где вы использовали parseMediaURL(mediaю), замените на youtubeGetID(media.src).

И не забудте сказать спасибо @Stalker_RED

Как правильно сделать привязку к this в react?

Даша Циклаури, скажите, а Циклаури это грузинская фамилия (никаких дискриминаций, сам ношу аджарскую фамилию)?

Как правильно сделать привязку к this в react?

и вот еще. Эта формулировка не раскрывает всей сути

потому что стрелочные функции не содержат собственный контекст this

Наверное стоит добавить, что стрелочные функции привязываются к контексту, в котором созданы

Как правильно сделать привязку к this в react?

вот и подвис над пониманием почему же так)

Как правильно сделать привязку к this в react?

просто не обратил внимания что у автора так
handleIncrement={this.handleIncrement}
а не так
handleIncrement={()=>this.handleIncrement}

Как правильно сделать привязку к this в react?

Даша Циклаури, охх, и правда проглядел, извиняюсь)))

Как правильно сделать привязку к this в react?

Даша Циклаури, а здесь?
!this.props.worker.alive

Как настроить материал в программе Блендер?

Эдвин Петрович, ок

Как правильно сделать привязку к this в react?

Попытался ввести в заблуждение

Zhanna_K, я показал вам рабочий пример, в нем нет такой привязки сделанной явно.
Думаю дело в том, что в примере от автора вопроса

class App extends React.Component {
  state = {
    counter: 0,
  };
...
}

есть некоторая реакт-магия. Которая при определенных условиях воспринимает область между {...} класса как функцию или конструктор, и соответственно все фанки объявленные внутри уже будут требовать привязки контекста.

Думаю это поведение можно изменить заменив на такую форму

class App extends React.Component {
  constructor(props) {
    super(props);
    state = {
      counter: 0,
    };
  }  

  handleIncrement() {
    this.setState((state) => ({ counter: state.counter + 1 }));
  }

  render() {
    return (
      <main>
        <h1>React Camp</h1>
        <Counter
          title='Simple counter'
          counter={this.state.counter}
          handleIncrement={this.handleIncrement}
        />
      </main>
    );
  }
}

Извините))))

Как правильно сделать привязку к this в react?

Специально посмотрел, данный синтаксис должен работать и в реакте. Вот живой пример из работающего приложения

...
class Worker extends React.Component {
  constructor(props) {
    super(props);
    // console.log(props)
    // this.state(props.worker);
  }

  kill(pid){
    ws.send("worker.kill",this.props.worker.pid);
  }

  renderButton(){
    if( !this.props.worker.alive ){ 
      return <div className="worker-button">мертв</div>  
    }
    return <button className="worker-button" onClick={() => this.kill()}>убить</button>
  }
  render() {
    return (
      <div className="worker">
        <div className="worker-info">status: <b>{this.props.worker.status}</b></div>
        <div className="worker-info">pid: <b>{this.props.worker.pid}</b></div>
        <div className="worker-info"><b>{this.props.worker.generated}</b> / <b>{this.props.worker.processed}</b></div>
        {this.renderButton()}
      </div>
    );
  }
}
...