И выдумывать для них айди код а) замедляет б) захламляет в) заставляет будущих разоабов думать "чё он курил?"

Простой пример, я делаю слайдер, получающий на вход массив элементов, я их рендерю подряд во флексбоксе и в зависимости от промотки слайдер транслейчу. Нахера мне уникальные айди?

Но элемент слайдера ведь наверняка содержит что-то уникальное? Ссылку там, например. Я бы скорее всего постарался всё таки намутить id. Чисто чтобы не ругался. Если уж точно не получится ничего уникального взять из списка, тогда уж индексы.

За

Чем

Кроме "чтоб не ругался"

По делу есть причины?

Самый пиздатый код это тот без которого можно обойтись

По делу есть причины?

Ну я не уверен на счёт «замедляет». Есть подтверждения? Есть рекомендация, я её придерживаюсь.

Замедляет as in без этого ты бы не делал вычислений айди

Лишний код в рантайме

Во имя сатаны?

Слепо следовать рекомендациям можно когда ты стажер

А если нет, стоит думать, зачем ты делаешь то или иное действие

Взять ключ из объекта стоит недорого. На этом точно экономить не стал бы.

А когда твой объект -- компонент?

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

Seems like a waste of time

Не понял. Приведи пример.

class Slider extends React.Component { constructor(props){ super(props); this.items = props.items; } .... } .... let items = [['dsf', 'sdf'], ['111', '123']].map(el => <Case name={el[0]} cap={el[1]} />) ... <Slider items={items} />

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

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

А все знали, что es модули всегда синглтоны?

вот пример https://www.webpackbin.com/bins/-Kj9CrDlYd8l9xouuw7E

привет

А все знали, что es модули всегда синглтоны?

да, и я всегда пользуюсь этим

вот это новости)

ну да, для многих думаю это вряд ли откровение) но я вот как-то как будто не осознавал, что если кто угодно где угодно симпортит объект и добавит туда что-то, то абсолютно везде это будет видно

А разве это особенность именно ес модулей?

коммонджс

Сейчас бы синглтоном кеш импорта называть

class Slider extends React.Component { constructor(props){ super(props); this.items = props.items; } .... } .... let items = [['dsf', 'sdf'], ['111', '123']].map(el => <Case name={el[0]} cap={el[1]} />) ... <Slider items={items} />

Ну если прям так, то да. Хотя с другой стороны непонятно, почему там массив массивов. Напрашивается объект. Наверняка там лучше выглядел бы какой-нибудь [{url: 'dsf', title: 'asf'}, ...]

Сейчас бы синглтоном кеш импорта называть

ну в спеке написано, что в es6 модулях экспортируются ссылки на объекты и их изменение меняет объекты внутри модуля

синглтон — всегда один инстанс. давай вдолби два инстанса модуля, плиз

инстанс модуля, я тебя понял

не придирайся к словам, duh

https://en.wikipedia.org/wiki/Singleton_pattern

определение синглтона

если уж мы говорим о модулях в этом разрезе

то и инстансы понятно что значат

вот пример https://www.webpackbin.com/bins/-Kj9CrDlYd8l9xouuw7E

Приятно видеть распространение инструмента к которому имеешь отношение. Но мобильного представления явно не хватает.

Приятно видеть распространение инструмента к которому имеешь отношение. Но мобильного представления явно не хватает.

а вы внимательно рассматривали, насколько это сложно? может, парой медиаквери решается?

Там больше вопросов как пользовательское взаимодействие в таком режиме наладить.

Приятно видеть распространение инструмента к которому имеешь отношение. Но мобильного представления явно не хватает.

?

Там больше вопросов как пользовательское взаимодействие в таком режиме наладить.

главное просмотр! чтобы файлики удобно потыкать можно было, а всякое создание проекта / файла вообще убрать таб с файлами — тачскроллом, как в гитхабе или на странице поиска гугла, остальное — stacked сверху вниз

я бы сделал бургер, в котором можно выбирать текущий файл

не, вымрут эти бургеры надеюсь))

в два клика без всяких скроллов можно переключаться

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

тачскролл бест

особенно когда у тебя код на узком экране

А вообще у нас опенсорс. PR как говорится welcome.

особенно когда у тебя код на узком экране

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

https://monosnap.com/file/7qFwigquL0sZLbJsX0MRn6gkPx7ys1

вот такой скролл для списка файлов — идеально

(учитывая что список редко очень большой)

Таркус поделился - Подключаем Relay Modern в проект изоморфного веб-приложения https://hackernoon.com/getting-started-with-relay-modern-for-building-isomorphic-web-apps-ae049e4e23c1

А вообще у нас опенсорс. PR как говорится welcome.

а ты кинь ссылку кст

Ссылка?)

https://github.com/cerebral/webpackbin

хммм

есть https://github.com/christianalfoni/webpack-bin и есть https://github.com/cerebral/webpackbin и как будто не форки

Разместите меня в нодежс(я Хз за что забанили) но есть тема

Привет! А какой либой можно сделать плитки как тут ? https://teamfind.com/counter-strike/teams

ERROR: S client not available

на реакте естественно)

Привет! А какой либой можно сделать плитки как тут ? https://teamfind.com/counter-strike/teams

Css?

css:))

Material card

Посмотри

css'ом понятно)

Думал может есть готовая либа с анимашками и тд

есть https://github.com/christianalfoni/webpack-bin и есть https://github.com/cerebral/webpackbin и как будто не форки

Второй актуальный. Первый устаревший. Надо бы сказать чтоб ридми обновил

Ссылка?)

https://flutter.io/design-principles/#

так там же внизу даже указано This repo is DEPRECATED, please create issues over at: https://github.com/cerebral/webpackbin

И то правда.

РЕАКТЯЮТ https://mobile.twitter.com/reactjs/status/859492848395182084

https://hackernoon.com/stop-using-css-in-javascript-for-web-development-fa32fb873dcc

Разделяешь его мнение?)

Stop using React for web development

Styled components меняем на реакт а ксс на хтмл

Смысл статьи будет такой же

Stop using Stop word in Article headers

Первые 7 или 8 пунктов из пальца высосаны

статья так себе, но styled-components вообще не нужны

Как и джс

Как и джс

в цсс

Как добавлять редьюсеры, которые используют несколько кусков стейта? Пока что пришел к некрасивому варианту const reducer = (state = {}, action) { state = combineReducers({ one, two })(state, action) state = OneTwoReducer(state, action) return state }

наверняка в фп эта цепочка как-то называется

можно сделать редьюс массива редьюсеров и в дурку сразу

Как добавлять редьюсеры, которые используют несколько кусков стейта? Пока что пришел к некрасивому варианту const reducer = (state = {}, action) { state = combineReducers({ one, two })(state, action) state = OneTwoReducer(state, action) return state }

Менять архитектуру хранилища

Как минимум, данные должны быть нормализованы

> @hlomzik Пока что пришел к некрасивому варианту Нормальный вариант

Ну только combineReducers наверно стоит вынести наверх

Ну только combineReducers наверно стоит вынести наверх

у меня вынесено)

Ну и норм тогда