Ярн поставил мне бабели-вебпаки-пресеты-етц повторно за 7 секунд, в первый раз за 20

:/

https://github.com/yarnpkg/yarn/pull/669

это не про то

✨ Done in 41.32s.

Колд

pnpm делает маленькие node_modules для твоих проектов

я не успел мессаж в PR дописать, уже заменшнили

это не про то

А, ты имел ввиду показать итоговый node_modules

вообще я хотел попробовать приватный registry добавить

но вот только сел исходники посмотреть

вообще я хотел попробовать приватный registry добавить

А приватные пакеты оно умеет?

нет

хотя хз, мне важнее приватный регистр какбе по работе

хотя хз, мне важнее приватный регистр какбе по работе

Мне приватные пакеты по работе важны

Через @scope

Надо будет посмотреть

это не приватные пакеты

Ну они приватны

это просто неймспейсы

Да

Но они приватны (у меня)

хз короч, наверное не умеет

Поэтому главное, чтобы оно умело неймспесы и приват

я еще не успел вообще на код посмотреть говорю же

Оно кстати все 3 системы поддерживает?

Никто не смотрел

Я просто с телефона

на винде жалуются в ишусах

Но они приватны (у меня)

приватный пакеты ≠ приватный регистр

приватный пакеты ≠ приватный регистр

Я понимаю. Второе мне особо важно в данный момент >_>

Я имел ввиду первое

про scoped packages есть комментарии в коде

приватный пакеты ≠ приватный регистр

они могут быть приватными на npmjs.org за деньши

они могут быть приватными на npmjs.org за деньши

могут быть, но иногда ты не можешь/не хочешь хостить у других, даже если оно там будет приватное

конечно

привет, как вам yarn?

но от этого они не перестают быть приватными

у меня большого проекта под рукой нет, но вебпак за 9 сек качает :)

Maxim robox Kolesnikov, [12.10.16 01:16] У меня с js не очень хорошо. Тупой вопрос: <button key='chat' className={buildTabClasses()} onClick={this.tabButtonHandler}>Project Channel</button> Как мне получить значение key в любой из функций? Если фунция стрелочная, то this'ом будет текущий класс. А если обычная, то вроде как window получаю в this.

Maxim robox Kolesnikov, [12.10.16 01:16] У меня с js не очень хорошо. Тупой вопрос: <button key='chat' className={buildTabClasses()} onClick={this.tabButtonHandler}>Project Channel</button> Как мне получить значение key в любой из функций? Если фунция стрелочная, то this'ом будет текущий класс. А если обычная, то вроде как window получаю в this.

Ответ - никак

Нужно создать доп поле и его уже дергать

key - что-то типо служебной инфы, которую нельзя достать.

Нужно создать доп поле и его уже дергать

А можешь привести пример?

Хотя я, кажется, понял, о чём ты.

<button key='chat' keyValue='chat' />

<button key='chat' keyValue='chat' />

А дёрнуть его как?

А чем ты хочешь его дернуть, обработчиком своим?

Да, наверное.

можно, например, передать в него этот параметр при рендере

<button key='chat' onClick={this.clickHandler.bind(this, 'chat')} />

Получится так, что в первый аргумент функции будет попадать значение "chat"

Но, соотв., нужно этот параметр добавить в функцию первым

<button key='chat' onClick={this.clickHandler.bind(this, 'chat')} />

Мне не нравится, что я должен ещё в каждую функцию передать этот аргумент. Как-то это не DRY. Но, насколько я загуглил, в js/react иначе не получится.

Ну, один вариант уже есть :)

Мне не нравится, что я должен ещё в каждую функцию передать этот аргумент. Как-то это не DRY. Но, насколько я загуглил, в js/react иначе не получится.

Можно добавить data- аргумент, и его тащить

Думаю, так будет лучше всего

Можно добавить data- аргумент, и его тащить

Я тут нагуглил, что с точки зрения производительности вообще нежелательно при рендере назначать функции.

ты же через онклик будешь дергать

Она вызывается с объектом клик ивента

А от туда ты достанешь все что нужно

A bind call or arrow function in a JSX prop will create a brand new function on every single render. This is bad for performance, as it will result in the garbage collector being invoked way more than is necessary.

Разве это не мой случай?

На сколько я понимаю, если делать через data- - тоне твой

Ща, сек

let onClickHandler = (e) => { console.log(e.currentTarget.dataset.value) } return ( <div data-value="VALUE" onClick={onClickHandler} /> )

Вернет в консольку VALUE

Сейчас попробую.

Maxim robox Kolesnikov, [12.10.16 01:16] У меня с js не очень хорошо. Тупой вопрос: <button key='chat' className={buildTabClasses()} onClick={this.tabButtonHandler}>Project Channel</button> Как мне получить значение key в любой из функций? Если фунция стрелочная, то this'ом будет текущий класс. А если обычная, то вроде как window получаю в this.

В твоем случае - добавь параметр для получения ивента в свой хендлер, который в классе прописан

let onClickHandler = (e) => { console.log(e.currentTarget.dataset.value) } return ( <div data-value="VALUE" onClick={onClickHandler} /> )

Спасибо. Получилось. Но ещё один вопрос остался. Я пытаюсь className динамически построить ещё. Тоже в зависимости от key. Вот там уже, я так понимаю, как раз применяется то правило и нежелательно использовать функции?

На сколько я понял, то это касается только тех, которые передаются через props

Где у тебя эта функция находится, в render ()?

Если функция вызывается при рендеринге - не страшно Если создается в момент рендеринга - траблы

Где у тебя эта функция находится, в render ()?

Да, в render.

Вынеси ее в класс

Многие знают - недавно Facebbok запустили Workplaces, нашёл сейчас PDF по архитектуре, может кому полезно будет https://fbatwork.files.wordpress.com/2016/05/facebook-soc-3-atwork.pdf

Многие знают - недавно Facebbok запустили Workplaces, нашёл сейчас PDF по архитектуре, может кому полезно будет https://fbatwork.files.wordpress.com/2016/05/facebook-soc-3-atwork.pdf

Спасибо

В общем, вроде yarn круто работает. Кроме приватных пакетов на npmjs с токеном

Чем он лучше pnpm?

Тем, что это не костыль над нпм

Не использует симлинки

Это как плюс, так и минус

Плюс в качестве compability. Минус в плане disk usage

А зачем на него с npm переходить?

Может кто-нибудь сделает lightning talk на React Moscow Meetup?

26го

у yarn детерминированный инстал

Вот щас инвесторы нпм лютуют

он сразу аналог shrinkwrap генерирует

А зачем на него с npm переходить?

Тем, что пакеты ставятся как минимум в секунды, а не минуты

npm очень долго инсталлит пакеты с нуля

вот я читаю сейчас как раз http://yehudakatz.com/2016/10/11/im-excited-to-work-on-yarn-the-new-js-package-manager-2/

и нестабильно

Сразу в топы влетел

Насколько больно видимо людям от npm :D

Вот щас инвесторы нпм лютуют

++

вот я читаю сейчас как раз http://yehudakatz.com/2016/10/11/im-excited-to-work-on-yarn-the-new-js-package-manager-2/

Хороший блогопост

https://www.crunchbase.com/organization/npm#/entity

$10M