Парни заметил в что на githube некоторые компоненты, роутеры, главные родительские компоненты стали выносить в папки containers, для чего это делают? Почему их не хранить в папке components? Если роутеры я могу как то для себя обяснить, то зачем туда выносить родительские компоненты не понятно

containers - "умные" компоненты хандлят некотрую логику, redux-specific и тд components - "глупые" компоненты, ничего не знают о внешнем мире, замкнуты в своих пропсах

разделяй и властвуй, это все причины

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

Do what Abramov said to do

Do what Abramov said to do

what was it that he said?

Парни заметил в что на githube некоторые компоненты, роутеры, главные родительские компоненты стали выносить в папки containers, для чего это делают? Почему их не хранить в папке components? Если роутеры я могу как то для себя обяснить, то зачем туда выносить родительские компоненты не понятно

у меня три папочки pages, containers, components

у меня три папочки pages, containers, components

то есть получается, что сначала by type разделение, а внутри уже by feature/

?

то есть получается, что сначала by type разделение, а внутри уже by feature/

да. pages - это синглтоны, containers - могут использоваться в разных частях ui, components - могут спокойно перекочевать на другой проект

Парни, в двух словах можете подсказать, есть список новостей, как пеализовать детальный просмотр новости ?

Парни, в двух словах можете подсказать, есть список новостей, как пеализовать детальный просмотр новости ?

что именно тебе подсказать?

Сам механизм

С точки зрения работы с данными или UI?

мы тут сегодня про релей с фалькором беседовали https://twitter.com/roman01la/status/735549513302200320

но смотреть надо с 5й минуты примерно

Сегодня общался с разработчиками в одном из профессиональных чатов и вот так легко, спонтанно, в естественной форме, у меня взяли интервью про SM. Получилось так по делу, что решил опубликовать. https://medium.com/@DenisIzmaylov/startup-makers-%D0%B4%D0%BB%D1%8F-%D0%B0%D0%BA%D1%82%D0%B8%D0%B2%D0%BD%D1%8B%D1%85-javascript-%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%87%D0%B8%D0%BA%D0%BE%D0%B2-cb8732bd78b6#.dwucb5bgb

? а что за чат то? у меня такого нет

Парни заметил в что на githube некоторые компоненты, роутеры, главные родительские компоненты стали выносить в папки containers, для чего это делают? Почему их не хранить в папке components? Если роутеры я могу как то для себя обяснить, то зачем туда выносить родительские компоненты не понятно

имхо вкусовщина, не обязательно так делать

Оно у всех в разное время началось. В Сибири по традиции позже Москвы. Где-то в 98-99 году я начал с Basic, потом Pascal, Assembler, Delphi, Win32 API, COM+/DCOM и понеслось)

начинал где-то в 94-95 со Spectrum-овского бейсика и asm в школе, потом pascal + asm в вузе Delphi, MS SQL, Oracle, опять немного асма, немного Си, C#, Python, далее Ruby и Javascript а деньги за программирование начал получать всего то 10 лет назад)

Круто) Молодец. Я же говорил, нас по пальцам пересчитать можно. Лет через 10 соберёмся все на Кубе ?

Там еда на любителя

Я на Daewoo cpc-400 начинал ? msx2

завтра не забываем про http://www.meetup.com/BeerJS-Moscow/events/231310923/

есть кто еще?

Кстати, как-то обсуждали тут тему встраиваемых виджетов и более "легкой" версии React. Кто-нибудь пробовал https://github.com/anthonyshort/deku ?

deku - отличный пример как не стоит писать на javascript такие проекты. Хочешь научиться писать тормозной код - советую посмотреть исходники deku :)

)))

Не смотрел, но задумка нормальная, как я себе увидел - облегченная версия React, за счёт вырезание локального стейта и переноса его в Redux Store

облегченная она за счёт других вещей, например за счёт забивания на кучу эдж кэйсов, но точно не за счёт вырезания локального стэйта. Хотя если под облегчённой понимать только API, то наверно да, может показаться что апи попроще.

Сама библиотека тут может даже не так важна, как концептуальная идея

Даня ссылочку подкинул ) http://benchling.engineering/performance-engineering-with-react/

О, вот кажется хорошее решение https://github.com/developit/preact

если задача написать какой-то лёгкий виджет, то уж лучше взять snabbdom, он очень простой и его можно легко модифицировать и подгонять под свой юзкэйс.

Ещё есть mithril, bobril, inferno

mithril наконец-то переписывается с нуля, ато прежняя реализация была совсем печальной. Bobril наиболее стабильный из полноценных вдом либ с компонентами, используется в достаточно тяжёлом приложении. А inferno уже в который раз опять переписывается с нуля на данный момент :)

У inferno главная цель победить во всех бэнчмарках :) у него даже dom recycling работает так что в реальных приложениях не имеет никакого смысла так делать, зато в моих бэнчах у него будет отображаться крутая цифра в initial render кэйсах

Вышел mobX 2.2

https://medium.com/@mweststrate/mobx-2-2-explicit-actions-controlled-mutations-and-improved-dx-45cdc73c7c8d#.nn4gdaryo

Докер запустил бетку для OS X и Windows, Коллеги. Прощай virtualbox

Да, запустил, я даже качнул уже. Оказалось нужен вин10 с его Hyper-V

Я под OS X, взлетело без проблем

Ну OS X понятно)

Я живущий под окном)

@nestepura а у меня сейчас Sanyo MPC-2500FD (MSX2) на полке лежит

А начинал я в 92 с asm, правда на Speccy

в спектрум я только играл (6 лет было)

Вчера, товарищ @trashgenerator выложил очень крутую либу reduceless, после которой задумался "как я жил без этого всего". Многим из чатика она тоже приглянулась. Она я, надеюсь, будет и дальше развиваться. Но для своего проекта немного переделал её, а т.к. там применение сильно изменилось, то сделал отдельной репой с указанием оригинала https://github.com/anorudes/reduceless-connect По сути это замена стандартного коннекта redux'а. Позволяет также приконнектить метод для быстрого изменения стейта. Юзается для ui (открытый попап, открытая шапка, выпадайки и так далее). В качестве примера значения расположены в settings. Также этот декоратор @connect повторяет функционал обычного connect у react-redux, чтобы прокидывать в пропсы обычные actionCreator'ы duck модуля. (там можно хранить допустим получение постов, удаление постов и так далее) Вдруг кому-то пригодится. В actionCreators просто импорт actionCreaters'ов из обычного redux ducks

Вчера, товарищ @trashgenerator выложил очень крутую либу reduceless, после которой задумался "как я жил без этого всего". Многим из чатика она тоже приглянулась. Она я, надеюсь, будет и дальше развиваться. Но для своего проекта немного переделал её, а т.к. там применение сильно изменилось, то сделал отдельной репой с указанием оригинала https://github.com/anorudes/reduceless-connect По сути это замена стандартного коннекта redux'а. Позволяет также приконнектить метод для быстрого изменения стейта. Юзается для ui (открытый попап, открытая шапка, выпадайки и так далее). В качестве примера значения расположены в settings. Также этот декоратор @connect повторяет функционал обычного connect у react-redux, чтобы прокидывать в пропсы обычные actionCreator'ы duck модуля. (там можно хранить допустим получение постов, удаление постов и так далее) Вдруг кому-то пригодится. В actionCreators просто импорт actionCreaters'ов из обычного redux ducks

круто!

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

лайкните пулл реквест плиз, чтобы его приняли по-быстрее https://github.com/facebook/react/pull/6886

http://dl1.joxi.net/drive/2016/05/26/0006/3825/458481/81/144badff31.jpg Ребят, посоветуйте как забабахать такую подсказку? Без картинки, на чистом CSS

бордер + бэкграунд - основной бокс и бордер-топ/лефт/боттон - прозрачность - райд цвет

border-style: dashed и стрелку через before с ротейтом

добавить повернутый квадратный элемент с dashed border

2 квадрата*

1 под боксом с бордером, второй над боксом с фоном, чтобы перекрывал бордер бокса

http://www.cssarrowplease.com/

@sbekrin dashed border не работает с этим хаком

а как вы after и before делаете? не очень понял

.arrow-box { position: relative; } .arrow-box:after { content: ""; position: absolute; .... }

так это же реакт..

к чему там :after рендериться то будет?

когда ещё нету оригинального элемента

Оно никак со стилями же не связано?

Ребят, подскажите начинающему реакт-подавану как правильно реализовать фильтр поиска. У меня есть два компонента родительский ProductsPage и ProductSearch , в ProductSearch передаю onSearch={this.handleSearch} и в самом ProductsSearch в инпуте указываю onChange={onSearch}. Где логику поиска реализовать в родительском компоненте или в дочернем и из дочернего возвращать новый объект с продуктами из поиска ?

ERROR: S client not available

https://github.com/treasure-data/redux-search

я про редукс ничего не знаю )

Тогда делай в родительском)

выглядит примерно вот так )

А зачем тебе products в компоненте productSearch

Родительская вьюшка (в которой вся логика) + вьюшка списка + вьюшка сёрчбара.

ну я сначало думал в productSearch фильтровать и возвращать новый объект к родителю

и менять state

Зачем, по идее productSearch должна только возвращать текущий фильтр

а ProductsPage уже фильтровать продукты и все остальное

в данном случае

а ProductsPage уже фильтровать продукты и все остальное

спасибо ) буду делать

http://www.cssarrowplease.com/

чёт не очень http://joxi.ru/Drlp81dI4DYWxr.jpg

А как по твоему оно должно отображаться?

как минимум по высоте контейнера растягиваться

Если написать хуйню, то в результате получится хуйня

ну было б ещё неплохо если б и по ширине разбивалось

в демке у блока фиксированные размеры

Если написать хуйню, то в результате получится хуйня

ты наверное с Тестировщиками не работал)

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

ты наверное с Тестировщиками не работал)

ну не сделали они защиту от дурака

Это назвается "проверка на экстримальные данные"

у нас это называлось Баг "многобукв"

))

Я не думаю что подобные вещи, это задача этого сервиса

http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_js_word-wrap

Я не думаю что подобные вещи, это задача этого сервиса

Нет, конечно, но докопаться же хочется.

задача этого сервиса — на коленке сделать хвост блоку, чего вы докопались до него?

доверстайте под свои нужды

где на backlogJS подписаться? что бы не пропустить?