а для тех кто в танке можно повторить?)

webpack? плагин Provide тебе в помощь

fuf

ага спс

я так lodash пробросил

причем он не глобал переменную делает а подключает модуль там, где он используется

не стоит так делать)

отон

прими мой пулл реквест лучше)

Ребят, извините, что снова поднимаю эту тему, но поиск по чату мне ничего внятного не дал. У меня есть таблица. в которой строки собираются динамически. Проблема в том, что IDшников у строк нет, а для сборки через map нужен уникальный key для элементов. Кто-то может что-то посоветовать в этом плане?

используй uniqueId от лодаша

Ребят, извините, что снова поднимаю эту тему, но поиск по чату мне ничего внятного не дал. У меня есть таблица. в которой строки собираются динамически. Проблема в том, что IDшников у строк нет, а для сборки через map нужен уникальный key для элементов. Кто-то может что-то посоветовать в этом плане?

.map((value, index) => <i key={index}></i>)?

.map((value, index) => <i key={index}></i>)?

We don't recommend using indexes for keys if the items can reorder, as that would be slow. You may read an in-depth explanation about why keys are necessary if you're interested.

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

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

Сегодня они не пересортировываются, А завтра клиенту стукнет моча в голову

Да, поэтому второй вариант

ну неужели у тебя у каждой строки идентификатора нет? по которому ты потом ее в базе сохранить должен? при пересотрировке потеряешь же

или это таблица для отображения, а не редактирования?

или это таблица для отображения, а не редактирования?

Для отображения

Пока что

Но завтра всё может поменяться))

Тогда храни в value индексы хотяб внутри

И их же как кей и юзай

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

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

<div className=""> {this.renderForms()} </div>

хотя вроде сам накосячил)

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

return <${dictionary[item]}/>

<Input/><Textarea/><Photo/>

нужно динамически формы создавать

let components = {Photo, Input} ... let Component = components['componentName'] ... <Component/>

спасибо, сейчас посмотрю

кстати вроде как в фибере хотят добавить вычислямые имена и пропсы

За это не fiber отвечает

А вот в JSX 2.0 добавят

можешь попробовать вот https://habrahabr.ru/post/309958/

спасибо, хороший гайд :)

как сделать чтобы вторая строка заработала?

let Input2 = <Input /> let Input3 = <${Input}/>;

или такие штуки только вручную делать?

нид хелп! сдружовываю постцсс и вебпак. Не рботают импорты.

ошибка вот такая:

loader поставь лол

let Input2 = <Input /> let Input3 = <${Input}/>;

Зачем ты такое вообще делаешь?)

лоадер https://i.imgur.com/4Iejdlr.png постцсс конфиг https://i.imgur.com/CX4e3jc.png

И вебпаку скажи чтоб юзал его

loader поставь лол

поставил же

let Input2 = <Input /> let Input3 = <${Input}/>;

сделать реквест в jsx

И вебпаку скажи чтоб юзал его

https://i.imgur.com/FrHWlSH.png лоадеры поставлены. а что ещё сказать вебпаку ?

Чтобы он пайплайнил файлы через них

Откуда он знает, что ты там поставил

style!postcss

Откуда он знает, что ты там поставил

я в лоадере это указал .. смари выше я скрин лоадера добавил https://i.imgur.com/4Iejdlr.png

Для test: /pcss$/

там test: /\.p?css$/,

сделать реквест в jsx

т.е это точно никак не сделать по нормальному?) если нужно 10 компонентов динамически показывать/убирать, создавать такие переменные нужно ручками?

уже больше времени на разбирания потратил, можно было создать эти переменные)

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

let components = {Photo, Input} ... let Component = components['componentName'] ... <Component/>

.

Для test: /pcss$/

bump

уже больше времени на разбирания потратил, можно было создать эти переменные)

Почитал б уже доку фейсбука)

я в лоадере это указал .. смари выше я скрин лоадера добавил https://i.imgur.com/4Iejdlr.png

С моего дивана ситуация я выглядит так что ты почемуто указал postcss, а ридми соответствующего лоадера говорит что надо postcss-loader

дык вебпак умеет отбрасывать лоадер

ERROR: S client not available

но я попробую

не ну без импортов всо работает без ошибок :(

а как импорт добавляю так трабла

С моего дивана ситуация я выглядит так что ты почемуто указал postcss, а ридми соответствующего лоадера говорит что надо postcss-loader

не. Не проканало :( https://i.imgur.com/AWS8tTy.png

короч в ишьюсе камент оставил :) https://github.com/postcss/postcss-import/issues/268#issuecomment-280328417

хай разбираются сами.

Кто как разруливает вебпаковский import() на сервере?

Кто как разруливает вебпаковский import() на сервере?

я не шарю. и мы просто рендерим глупым компонентом всо что надо. импорты к тому времени уже все отрезолвлены в бандле :) и мы эти компоненты просто приреквайриваем и рендерим

ты видимо никогда не разбивал приложение на несколько чанков

ты видимо никогда не разбивал приложение на несколько чанков

не вижу связи

грюж . на сервере одна здоровая котлета. В которой всё-привсё. мы импортим из неё один компонент и при помощи него рендерим разметку для ssr для нужного роута

не вижу связи

вебпак 2 предоставил import() для того чтобы динамически импортить чанки НО бандлить сервер это не лучшая идея

а .. я говорю же что не шарю .. щас бы допилить эти грёбаные постцсс импорты...

ох жесть

ох жесть

сталкивался ?

да, вот как раз поэтому пишу плагин бабеля import(any) -> Promise.resolve(require(any))

ок

@sovamist pr сюда не хочешь сделать? https://github.com/thgreasi/babel-plugin-system-import-transformer

чтобы UMD поддерживалось или я не понял?

ну я к тому, что плагин уже есть, но работает только с system.import

https://github.com/thgreasi/babel-plugin-system-import-transformer#amd--commonjs можно и просто в commonjs транспайлить

можно как-т посредством ЕС6 вытащить свойства из обьекта, если передать массив строк свойств? типа const {...array} = obj

const array = Object.keys(obj).map((el => obj[el]))

ну и это будет просто массив значений свойств обьекта

а мне нужно чтобы работало так: const {first, second, last} = obj, только вместо всех названий будет массив строк

eval(...arr)??)))

arrayProps.reduce((memo, prop)=>{memo[prop]=obj[el];return memo;}, {})

вот как раз хотел написать

слушай олеха

олех дело говорит