vitkarpov / ask-me

:mortar_board: Ask me about JavaScript, programming and technologies (anything actually)

Hi there 👋

ask-me's Issues

BEMHTML и BEM-XJST: расставим точки под !

Правильно ли я понимаю, что BEMHTML это просто статичный шаблон, который нужно скомпилировать, а BEM-XJST это штука, позволяющая манипулировать BEMHTML-деревом? Что-то похожее на соотношение простого HTML и JS?

Наследование в react

Есть в bem-components блок button. На сколько я понимаю, при клике на этот блок отрабатывает модификатор focused и focused-hard. Т.е. модификатор появляется при фокусе и удаляется после клика.

Думал реализовать это в react.
Компонент Button в нём рендер:
return (<button onFocus={this.handleFocusIn} onBlur={this.handleFocusOut} > <span className='Button-Text'> {this.props.children} </span> </button> );

так вот, если добавить onClick={this.handleFocusOut}, и использовать где-нибудь компонент <Button onClick={тут какая-нибудь магия}>Test</Button>. То клик с handleFocusOut не отрабатывает. Может, конечно, я что-то не то делаю. Так вот вопрос, как наследовать event`ы

Скорость срабатывания CSS-селекторов. Насколько критично?

Собственно, вопрос отражен в топике. Если подробнее, то:

1. Насколько с сегодняшними мощностями браузеров критично использование составных селекторов вроде .nav .item против .nav-item?
2. Каков порог такого составления (то бишь вкладывания) без удара по производительности? Ведь в проектах не столь глобальных как Яндекс, методология БЭМ не всегда удобна и оправданна.
3. Работает ли селектор по id быстрее чем селектор по классу и если да, то почему?
4. Я часто делаю так: * { box-sizing: border-box } для удобства. Может лучше стоит перечислять список тегов? Хотя тогда в каскаде появится вязанка тегов а-ля Reset.css. Или тогда уже лучше определять каждый раз когда это реально нужно?
5. Действительно ли такой селектор: #content * { ... } браузер поочередно будет пытаться замэтчить ко всем элементам DOM'а пока не найдет те, которые действительно находятся внутри #content?
6. Возможно есть еще какие-то "краеугольные" подводные камни в в этой теме..? Также, буду рад полезным ссылкам по теме, раскрывающим принципы работы селекторного движка в браузерах.

JS надежен?

Вопрос в топике немного странен, но я поясню.

Раньше, шанс того, что JS в браузере юзера отключен, был намного выше.
Поэтому предусматривались варианты, например, постинга формы обычным сабмитом, если JS отключен и аяксом её отправить нельзя. И так далее в этом духе.

Так вот, работаю над одним довольно большим проектом, я осознал, что JS всюду и без него как бы будет вообще не то и не так. Но, судя по всему, его поддержка столь повсеместна, что отключенность JS'а даже не стоит принимать в расчет. И больше думать в ключе совместимости кода?

Что думаешь по этому поводу?

Связать state to props

Задача следующая, сделать модальное окно.

Подсмотрел у https://github.com/mui-org/material-ui/blob/303199d39b42a321d28347d8440d69166f872f27/packages/material-ui/src/Modal/Modal.js#L65

Получается, что в <Modal> передаётся props: isVisible, и уже внутри Modal идёт работа со state.
static getDerivedStateFromProps(nextProps) { ... жестко связывает props -> state. Но возникла проблема, что обратно не изменить state -> props

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

Как настроить php (netcat) в качестве бекенда для nodejs-сервера

Данные:
Сервер: Ubuntu node v4.4.3 on 14.04 (digitalocean.com)
CMS: netcat

Было:
Два домена, на одном (php) cms выдаёт json, на другом (express js) json->bemjson->html. Проблема возникла, когда необходимо было в netcat отправлять запросы на добавление товара. (Как я понял, если делать запрос на добавление товара с другого домена, товар не добавится так как необходимы cookie).

Выход: на одном домене поместить nodejs + php

Как я понял: nginx принимает запросы и выступает в роли триггера, раскидывает или на php сервер или на nodejs. Пользователь работает в пределах одного домена.

Вопросы:
Как понять, что nginx выступает в роли прокси-сервера?
Как настроить nginx для работы на одном домене с php и nodejs?

Если мои представления о том как должно получиться не верны, то как должно быть?)))

Как выбирать технологии и не обжигаться?

Поскольку про JS ничего на ум не приходит, задам несколько философский вопрос. Как, в общем-то, жить?

С каждым днём вокруг всё больше и больше всего. Список интересных «штук» растёт не по дням, а по часам. Мой список «прочту попозже» уже давно перешёл за отметку в 1000 статей и никогда уже не вернётся обратно. Всё кажется крутым, увлекательным, интересным и прям воу-воу-воу, дайте две! Но когда всё доходит до дела, часто оказывается, что радугу тут в общем-то нарисовали и никакого золота под ней нет.

Как, будучи во фронтенде, выбирать правильные технологии, которые точно помогут, а не заставят костылять налево и направо? Как решить, что на Ангуляре пилить не будем, а вот Реакт можно и попробовать, и наоборот? Что учитывать при выборе: флексбоксы или по-старинке? Когда следует пойти на поводу «ой, это уже устарело, давайте перепишем!», а когда нет?

И если совсем кратко, то вот так. Что нужно учитывать, при выборе технологий во фронтенде? Когда стоит рискнуть и попробовать что-то новое, а когда нет?

Вопрос размытый донельзя, но зато ответ может быть сколь угодно большим и максимально основанным на личном опыте.

Проектировать по БЭМ

Задача: один modal и много button.

1. можно сделать один блок в самом верху страницы сразу после page, и в нём остальные блоки страницы, но так же будут присутствовать элементы button и modal.
2. на странице в нужных местах реализовывать блок с элементом button, а в конце страницы блок с элементом modal, (минус мне кажется в том, что после визуализации modal, в документе будет пустые 2 div`а)
3. вообще отдельные блоки и глобальный канал для вызова modal