франц

в описании группы есть ссылка на правила

Есть чатик по sql или posrgres?

нашел, спасибо но если что, это не спам

Всем привет ! Ребят подскажите пожалуйста, в генераторе можно как то использовать await или добиться такого же эффекта ?

Эм, async generator пока в каком то раннем stage, а тебе правда именно это нужно?

Но бабель плагин уже наверняка есть

Всем привет ! Ребят подскажите пожалуйста, в генераторе можно как то использовать await или добиться такого же эффекта ?

async generators в stage 3, можно через бабель-плагин

async generators в stage 3, можно через бабель-плагин

я typescript использую, не подскажите куда в tsconfig засунуть этот праметр ?

Тебе уже все киворды дали: бабель плагин, async generator, как бабель подружить с тайпскриптом -- думаю можно узнать по первой ссылке в гугле

Наш чат - метагугл

Тебе уже все киворды дали: бабель плагин, async generator, как бабель подружить с тайпскриптом -- думаю можно узнать по первой ссылке в гугле

зачем бабель если есть ts-loader.. я поэтому и спрашиваю как выглядит ключик для него в compileOptions

А, сорри, не распарсил, ибо не настоящий сварщик тайпскрипта

можно компилить в es6, а потом бабелем

будет в самом редакторе писать ошибку и красным подчеркивать ts-lint, который тоже использует tsconfig, который ниче не знает про асинхронные генераторы

пытаюсь зафулскринить "сетевизор" - тот через которых трансляшка на Эхе идёт и никак нем могу удержаться, от того что бы удалить пару блоков и при сохранении на комп плейер не заводится... меняю ширину у iframe и дальше у тега видео, его ещё нужно инлайново поправить убрав сдвиг влево на 6**px http://echo.msk.ru/tags/2673/

народ шарит кто в БЭМ? Пишу компонент на React`е и тупо не хватает мозгов как создать структуру правильную. Есть к примеру блок .block у него есть два элемента .block__elem1 и .block__elem2 Допустим у .block__elem1 есть ещё элементы, как сделать правильную зависимость?

не очень понимаю, зачем в реакте бэм?

ето религия

не очень понимаю, зачем в реакте бэм?

Ты так говоришь как будто реакт подразумеват отсутствие бэм

Ты так говоришь как будто реакт подразумеват отсутствие бэм

React (обычно) подрозумевает CSS modules, а CSS modules не совместим с BEM ( точнее будет сказать плюсы BEM иррелевантны в рамках CSS modules )

React (обычно) подрозумевает CSS modules, а CSS modules не совместим с BEM ( точнее будет сказать плюсы BEM иррелевантны в рамках CSS modules )

Ты слишком сильно варишься в своём пузыре

Ты слишком сильно варишься в своём пузыре

-.- может быть, просвети... CSS Modules уже не актулальны для React?

-.- может быть, просвети... CSS Modules уже не актулальны для React?

Они вообще не про реакт

Из можно и в пхп использовать

Они вообще не про реакт

Это я знаю. Повторю вопрос еще раз. CSS modules не актуальны для React?

Актуальны

Но подразумеваешь только ты

Актуальны

Ну тогда с каким моим утверждением ты не согласен? Что CSS Modules популярны в React или что BEM и CSS Modules не имеют ссмысла вместе?

Ты так говоришь как будто реакт подразумеват отсутствие бэм

Я на самом деле тут перепутал бэм с цсс

Ну тогда с каким моим утверждением ты не согласен? Что CSS Modules популярны в React или что BEM и CSS Modules не имеют ссмысла вместе?

С этим согласен

Ну я только это и говорил.

> React (обычно) подрозумевает CSS modules Вот с этим не согласен

Ты так говоришь как будто реакт подразумеват отсутствие бэм

* отсутствие цсс

Можно и без HTML/DOM на реакте https://github.com/Flipboard/react-canvas . Может это новый тренд следующий будет, хех.

> React (обычно) подрозумевает CSS modules Вот с этим не согласен

А. Ок. Тут могу быть не прав. Где-то есть статистика или ты тоже исходишь из своего опыта?

А. Ок. Тут могу быть не прав. Где-то есть статистика или ты тоже исходишь из своего опыта?

Из наблюдений гитхаба и твиттера

В create-react-app нет css модулей

Стоит заморачиваться с статичными страницами в приложении? Или яндекс и гугл уже нормально понимают генерацию?

Стоит заморачиваться с статичными страницами в приложении? Или яндекс и гугл уже нормально понимают генерацию?

Стоит

Perceived performance важнее

Из наблюдений гитхаба и твиттера

Статистики толком нигде никакой нет :/ https://github.com/MicheleBertoli/css-in-js Есть 47 имплементаций CSS Modules (точнее сказать CSS in JS - не все из них предерживаются техник на которых базируется CSS Modules) Базируясь на статискику из https://libraries.io 18245 projects depend on react (это прямые Dependency - если смотреть на косвенные/deb зависимости их намного больше и один из репозиториев angular/angular :D) Если исключить CSS loader (от которого зависят 9519 проектов) то мы получим 1090 - приблизительно 6% использует CSS Modules (CSS in JS). Ряд проблем с этими данными - CSS Modules стали популярны относительно недавно, так что выборку нужно делать немного по другому. https://libraries.io учитывает только те репозитории которые запаблешены на NPM Про CSS Loader напишу отдельно.

Статистики толком нигде никакой нет :/ https://github.com/MicheleBertoli/css-in-js Есть 47 имплементаций CSS Modules (точнее сказать CSS in JS - не все из них предерживаются техник на которых базируется CSS Modules) Базируясь на статискику из https://libraries.io 18245 projects depend on react (это прямые Dependency - если смотреть на косвенные/deb зависимости их намного больше и один из репозиториев angular/angular :D) Если исключить CSS loader (от которого зависят 9519 проектов) то мы получим 1090 - приблизительно 6% использует CSS Modules (CSS in JS). Ряд проблем с этими данными - CSS Modules стали популярны относительно недавно, так что выборку нужно делать немного по другому. https://libraries.io учитывает только те репозитории которые запаблешены на NPM Про CSS Loader напишу отдельно.

> Есть 47 имплементаций CSS Modules (точнее сказать CSS in JS - не все из них предерживаются техник на которых базируется CSS Modules) Лол ?

Стоит

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

Статистики толком нигде никакой нет :/ https://github.com/MicheleBertoli/css-in-js Есть 47 имплементаций CSS Modules (точнее сказать CSS in JS - не все из них предерживаются техник на которых базируется CSS Modules) Базируясь на статискику из https://libraries.io 18245 projects depend on react (это прямые Dependency - если смотреть на косвенные/deb зависимости их намного больше и один из репозиториев angular/angular :D) Если исключить CSS loader (от которого зависят 9519 проектов) то мы получим 1090 - приблизительно 6% использует CSS Modules (CSS in JS). Ряд проблем с этими данными - CSS Modules стали популярны относительно недавно, так что выборку нужно делать немного по другому. https://libraries.io учитывает только те репозитории которые запаблешены на NPM Про CSS Loader напишу отдельно.

но css-in-js и css modules это очень разные технологии

в чатике по реакту постоянно холивары между сторонниками одного и другого)

В create-react-app нет css модулей

Несмотря на то что авторы create-react-app утверждают что Some features are currently not supported: - Server rendering. - Some experimental syntax extensions (e.g. decorators). - CSS Modules. - Importing LESS or Sass directly (but you still can use them). - Hot reloading of components. CSS модули на самом деле есть и работают (все благодоря такой штуке как CSS Loader) Создайте приложение с помощью create-react-app. Запустите его 1) в App.css замените .App-header на :local(.App-header) 2) в App.js замените import './App.css' на import cls from './App.css' 3) в App.js <div className="App-header"> на <div className={cls['App-header']}> 4) PROFIT (можете проверить с помощью devTools - в аттрибуте class будет стоять hash) Как такое возможно? Все из webpack модуля css-loader. Он позволяет работать с CSS модулями если мы передали флаг 'css-loader?modules'. В create-react-app этого флага нет. Но на самом деле это не важно. Если заглянуть в исходники css-loader можно увидеть что единственное что меняется от этого флага это префикс для классов по умолчанию mode: moduleMode ? "local" : "global" У css-loader есть два префикса :local(.class), :global(.class). Если нет флага modules то css-loader по умолчанию просто подставляет :global (на самом деле не подставляет но это технический момент) а если мы хотим получить локальный className то нам нужно добавить :local вручную. Если же флаг стоит то по умолчанию подставляется префикс :local и если нужно сделать стиль глобальным то нужно вручную добавить префикс :global. Тоесть CSS Modules всегда включены в css-loader. Вопрос только в настройке по умолчанию. Естественно это не удобно к каждому селектору в CSS вручную добавлять :local. Но по факту работать с CSS Modules можно и без флага modules. Так что create-react-app на самом деле поддерживают "не удобный" вариант работы с CSS Modules

в чатике по реакту постоянно холивары между сторонниками одного и другого)

Тут для меня важнее было понять просто pure CSS vs CSS in JS. 6% достаточно маленькая цифра чтобы сделать некие выдоды (но как я писыл к сожалению статистика эта имеет много погрешностей)

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

react-router поддерживает ssr

react-router поддерживает ssr

Но разве это всё не через ноду будет идти? Я не хочу на сервере ноду держать.

Но разве это всё не через ноду будет идти? Я не хочу на сервере ноду держать.

Тогда у тебя не будет ssr и будут Seo issues

Тогда у тебя не будет ssr и будут Seo issues

А нельзя настроить роутинг(?) как-то по-хитрому? Чтобы и статику показывал и приложение.

Тут для меня важнее было понять просто pure CSS vs CSS in JS. 6% достаточно маленькая цифра чтобы сделать некие выдоды (но как я писыл к сожалению статистика эта имеет много погрешностей)

ну меня не удивляет такая цифра эта вся штука с css modules и css-in-js серьезно популярна начала с пол года назад делаться

но css-in-js и css modules это очень разные технологии

Если говорить о css modules то они появились из одного решения css-in-js, поэтому не правильно утверждать что они разные

ну меня не удивляет такая цифра эта вся штука с css modules и css-in-js серьезно популярна начала с пол года назад делаться

Если честно - 6% это только если учитывать CSSinJS только с учетом React приложений - если подключить Ember и Angular в статистику. То цифра станет еще меньше. А вообще я ожидал увидеть более высокие показатели -.- даже можно сказать так - я был уверен что они намного выше

Если честно - 6% это только если учитывать CSSinJS только с учетом React приложений - если подключить Ember и Angular в статистику. То цифра станет еще меньше. А вообще я ожидал увидеть более высокие показатели -.- даже можно сказать так - я был уверен что они намного выше

Мало людей вообще понимают зачем им это, кто понял тот и использует, статистика тут не показатель, время и опыт решат эту проблему

Если говорить о css modules то они появились из одного решения css-in-js, поэтому не правильно утверждать что они разные

подход просто в результате разный совершенно. все css-in-js решения, сколько бы разными ни были, имели друг с другом куда больше общего, чем с css-modules

Вообще не так

Они изолируют твой css? Уже главное сходство

А нельзя настроить роутинг(?) как-то по-хитрому? Чтобы и статику показывал и приложение.

Ты понимаешь как работает ssr?

Они изолируют твой css? Уже главное сходство

Ни одно решение на рынке не изолирует цсс

Только скоупы

Нейминг это делает

Не делает

Делает

ERROR: S client not available

Нейминг делает скоуп

Но не изоляцию

Никогда два разных селектора не будут иметь одинаковое имя

Это скоупы

Скоуп это и есть изоляция

Нет

Смотри

#app button { font-weight: bold; }

И все

Это называется наследование

Какой бы скоуп не был бы

Цсс не изолирован и подвержен влиянию окружения

Ты хочешь сказать что спека веб компонент это будет учитывать?

Это возможность цсс же

И?

Скоупы на рынке есть, изоляции нет

Следовательно это частный случай который ок

Хорошо

Когда ты это пишешь ты ждешь такого поведения

Только называй это скоупы селекторов

Это точно не изоляция

Если не хочешь ждать, стоит резетить стили компонент, что на мой взгляд в корне не верно

Изоляция это в каком то смысле shadow dom

Так она подразумевает это?

Так она подразумевает это?

Верно. Только поддержка слабая

Если да то это бред, будет куча проблем

Зависимые единицы измерения станут не нужны

Если не хочешь ждать, стоит резетить стили компонент, что на мой взгляд в корне не верно

Мм? Композиция лучше иерархии и наследования

Будем в каждом компоненте прописывать шрифты и типографику

Ты понимаешь как работает ssr?

Понятия не имею, пойду почитаю.

Зависимые единицы измерения станут не нужны

Верно