Как из объекта вернуть верстку в react?

Николай Семенов, итерация через цикл - плохое решение, слишком императивно (ты объявляешь цикл, ты объявляешь массив, пушишь в него, это всё тебе не нужно на самом деле. ты просто хочешь обойти объект)

есть Object.values, который пока не очень распространён, с ним получилось бы идеально.

но можно обойтись и с keys

const nameUnit = {
    1: {
      tagName: 'test1',
      tagValue: 57
    },
    2: {
      tagName: 'test2',
      tagValue: 90
    },
    3: {
      tagName: 'test3',
      tagValue: 25
    }
  };


renderItem(item, i) {
  const {tagName, tagValue} = item;
  
  const barStyle = {
    background: '#F4645'
  };

  const fillStyle = {
    background: '#e0463e',
    width: `${tagValue}%`
  }

  return (
    <li key={i} className="progress-bar__item" style={barStyle}> 
      <span className="progress-bar__value" style={fillStyle}>
        <span className="progress-bar__info">
          <span>{tagName}</span>
          <span>{tagValue} %</span>
        </span>
      </span>
    </li>
  )
}

renderContent() {
  return Object
    .keys(nameUnit)
    .map((key, i) => this.renderItem(nameUnit[key], i));
}

В каких случаях использовать ООП?

Kaizaki, "понимание ООП" и "мы тут всё на ООП пишем" - разные вещи.

Знание вышмата напрямую никак не связано с программированием. Но человек с пониманием вышмата программирует лучше и более привлекателен для работодателя.

Asynchronous js, как создать асинхронный код?

Maks Burkov, а какие после этого остались вопросы?

• Что такое асинхронный код?
  Это код за пределами call stack.
  
  
• Как писать асинхронный код?
  Выноси за пределы call stack.
  
  
• Как?
  setTimeout(() => console.log('так'), 0)
  

Что за фигня с приравниванием в js?

KorniloFF, я-то тебя понял. но объект obj ведёт себя отличным от anotherObj образом.
Захочешь, например, установить прототип для anotherObj или проитерироваться по его ключам, что делать будем?

Что за фигня с приравниванием в js?

KorniloFF, следи за руками:

let obj = {a: 1, b: 2};
let anotherObj = Object.create(obj);

delete anotherObj.a;

console.log(anotherObj.a); // 1

Есть ли функция, которая сравнивает id и возвращает новый массив?

array.forEach(() => {
  anotherArray.push();
})

почему не map?

Как потренировать ещё раз?

это же перевод просто readme.md из репозитория, который выдают за статью

Какой из вариантов правильнее для функционального программирования JS?

Роман Александрович:

каррирование:

const func = array => callback => array.map(callback);

тут имеем:
const func = array => array.map();

не надо отвечать статьёй на конкретный вопрос. я знаю, что такое каррирование.

Какой из вариантов правильнее для функционального программирования JS?

а где тут каррирование?

Чем отличается npm init от npm install?

md5inj: немного не так: можно скопировать package.json, а потом выполнить npm install. npm init не делает ничего кроме создания файла package.json

Уровни абстракции или можно ли так сокращать объём кода?

Константин Китманов:

создать всего 1 роутер (router.post(/multi-router)) и 1 супер-абстрактный метод

На клиенте в данном случае не меняется ничегошеньки, урлы остаются те же самые

Как так-то? Роут-то теперь один.

В этот роутер будет приходить JSON, который будет содержать вид операции, название коллекции и данные для операции.

На клиенте меняется: там появляется алгоритм составления JSON, в котором указаны операции, название коллекции и другие вещи, которые должны быть на сервере. SQL-инъекция без SQL.

А что до безопасности, так валидацию никто не отменял:)

Т.е. multi-router будет валидировать запрос. Тогда он должен знать о подробностях абстракции и тут уже от абстракции ничего не останется.

Метод .splice() портит оригинальный массив. Как этого избежать?

не стоит создавать массив через конструктор, лучше

const arr = [1, 2, 3]
  const copyArr = [...arr]

и для клонирования массива в ES5 достаточно вызвать на самом массиве .slice() как писали выше.

Как правильно записать класс для представления данных?

Максим: чтобы ты открыл этот файл через полгода и понял, что за данные хранятся в объекте.
Ну или представь себе ситуацию: в проекте работают 5 программистов и один из них написал api. Где остальные узнают, с какими данными работает этот api?

Как правильно записать класс для представления данных?

Максим: нет, т.к. в том коде, который будет принимать этот json, не будет типов.
Это обычный javascript, который ничего не знает о User.

Как правильно записать класс для представления данных?

Максим: всё верно, объектом, имплементирующим интерфейс UserRadioSettings.

вот так тоже можно

radioSettings: UserRadioSettings[]

или

radioSettings: Array<UserRadioSettings>

в обоих случаях это будет массив объектов, имплементирующих соответствующий интерфейс.

Есть ли в TypeScript именованный массивы?

arswarog: как решили?

Задачка по js, как решить?

Использовать так:
var handleKey = hadleKeyFactory();

Вы же знаете, зачем нужен new в функции-конструкторе?

Как правильно скрыть доступы при использовании плагина vinyl-ftp?

что такое модули

// pass.js

module.exports = { login: 'Vasya', password: 'murka' };

// gulpfile.js

const pass = require('./pass.js');

console.log(pass.login);
console.log(pass.password);

Почему контейнер не желает смещаться при прокрутке страницы?

Т.е. вы предлагаете нам прочитать этот код, угадать, что вы от него хотите, запустить его (угадав, какой DOM нужен для этого), воспроизвести ошибку и ответить?

Спасибо :)

нет.

Есть ли альтернатива React?

sergealmazov:

typescript и react

пишете как на обычном es6, только с типами. типы спасают жизни.
вот немного точной информации
alt - лёгонький вариант redux'а без мидлвейров и прочего серпантина