Я понимаю, но как он обрабатывает одинаковые названия классов?

Я понимаю, но как он обрабатывает одинаковые названия классов?

наверняка путь к файлу учитывает

Есть локально .root и .root, как он получает хеш от класса? Оперирует именами файлов + директориями?

https://github.com/webpack/css-loader/blob/master/lib/getLocalIdent.js

https://github.com/webpack/css-loader/blob/master/lib/getLocalIdent.js

Во, спасибо!

это вообще вебпак делает

Чет не подумал глянуть loader.

походу тут вообще где-то https://github.com/webpack/loader-utils/blob/master/index.js#L223 https://github.com/Gozala/crypto

Всем спасибо за помощь.

кто-нибудь использует react-tooltip?

что мне нравится в текущем направлении фронтенда, так это что всякие дополнения и middleware для вебпака и редукса позволяют просто зайти в исходники и ВСЕ ПОНЯТЬ

ну, т.е. сам подход к написанию кода предполагает более понятные исходники

чем где?

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

Есть ли возможность импортировать (import React from 'react/addons';) в reactjs,net?

у меня ошибка валится

Uncaught ReferenceError: import is not defined

Нашел вчера забавную штуку для вебпака) https://github.com/FormidableLabs/webpack-dashboard

было, но оочень сыро. сейчас как работает?

пока не пробовал

Коллеги, было или не было, все равно хочу напомнить. У нас в четверг будет сходка js прогеров в Москве. Так называемый beerjs. Нужно будет пить пиво и общаться. Сори за оффтоп, но думаю многим будет полезным. https://www.meetup.com/BeerJS-Moscow/events/234950908/

*Пиво пить не обязательно

*И сидеть можно молча. Все по желанию.

Uncaught ReferenceError: import is not defined

что гугл говорит?

то, что react js .net не поддерживает модули

поэтому дополнительно придётся юзать вебпак

дак вроде в гуидах и пишут, что вебпак нужен?) для сборки модулей

https://reactjs.net/guides/webpack.html

У меня тут странный вопрос. react-redux connect делает shallowEqual когда приходит новый стейт или пропсы, чтоб не перерисовывать лишний раз. react-router в компонент обернутый в route прокидывает кучу своих свойств. естественно все роуты завернуты в Provider store Если что-то дергает стейт, допустим модалка которая находится вне компонента обернутого в роут, или меню поиска в хедере, роутер получает новый стейт и спускает его ниже + заново прокидывает в компонент свои пропсы. Так как пропсы роута сложный объект shallowEqual в connect не срабатывает. В итоге на каждый чих имеем перерендеры компонента завернутого в роут. Кто-нибудь сталкивался? Как разруливали? Баг или фича?

У меня тут странный вопрос. react-redux connect делает shallowEqual когда приходит новый стейт или пропсы, чтоб не перерисовывать лишний раз. react-router в компонент обернутый в route прокидывает кучу своих свойств. естественно все роуты завернуты в Provider store Если что-то дергает стейт, допустим модалка которая находится вне компонента обернутого в роут, или меню поиска в хедере, роутер получает новый стейт и спускает его ниже + заново прокидывает в компонент свои пропсы. Так как пропсы роута сложный объект shallowEqual в connect не срабатывает. В итоге на каждый чих имеем перерендеры компонента завернутого в роут. Кто-нибудь сталкивался? Как разруливали? Баг или фича?

Именно по этому отказались от реакт роутера и написали свой

Я пока только придумал два варианта: либо заворачивать connect в recompose и отсекать лишние пропсы от роута, ибо в 99% случаев от него нужны только params, которые прекрасно сравниваются shallowEqual, либо в роуте делать component={({props}) => <Component slug={props.slug}/>

но что-то и то и то костыль

Удивляет что я нигде не нашёл описания похожих случаев или решение, или плохо искал или всем пофиг на это?

Имхо если критично, то лучше накостылять чем жить с проблемой. В моем случае перерендер компонента для роута не проблема, потому что внутри компоненты все равно не перерендериваются из-за наличия shallowCompare, у дочерних то пропсы останутся теми же

но shouldUpdate писать каждому компоненту тоже не хочется

тем более если это compose должен разруливать

Если не найдешь решение, имхо, закостыляй и открой issue ;D

А еще можно в самом компоненте, который обернут, написать свой shouldComponentUpdate руками

мало того, в connect есть mergeProps, в котором по идее можно разруливать что именно прилетит в компонент и отсечь ненужное, но при этом shallowEqual не вызывается после mergeProps, возникает вопрос нафига он тогда вообще

А еще можно в самом компоненте, который обернут, написать свой shouldComponentUpdate руками

Результат scu распространяется на вложенные компоненты?

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

https://reactjs.net/guides/webpack.html

server-side же

а через import как?

Понял, спасибо

не хочу использовать директиву @Html.React

хоть иди Абрамову пиши

он стримит кстати сейчас) https://t.co/sx5tuRbPLx

ссылку можно?)

но там не интересно

был прикол зато:

Oh, look! It's interesting! Oh, wait... It's not.

было, но оочень сыро. сейчас как работает?

Пользуюсь последние две недели, проблем не заметил

Пользуюсь последние две недели, проблем не заметил

у меня в режиме watch через некоторое время оно все растекается и лагает

Удивляет что я нигде не нашёл описания похожих случаев или решение, или плохо искал или всем пофиг на это?

Если честно, когда сталкиваюсь с таким - как правило пересматриваю организацию архитектуры и всё ли я правильно делаю. Как правило получается, что где-то можно было сделать всё гораздо красивее и правильнее.

Если честно, когда сталкиваюсь с таким - как правило пересматриваю организацию архитектуры и всё ли я правильно делаю. Как правило получается, что где-то можно было сделать всё гораздо красивее и правильнее.

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

выглядит как дефолтное поведение

и что-то это не очень нормально кажется

у меня в режиме watch через некоторое время оно все растекается и лагает

Я его только для watch и использую, лагов не было, но я его больше чеи на 3-4ч не включал

Может и так. Я просто ещё не успел пострадать с реакт-роутом, мои приложения трудно назвать сложными и большими

Ну у нас интернет-магазин со сложным интерфейсом, сейчас как раз рефакторю потому что местами UI дико лагает

Есть вопрос насчет типов действий в редаксе. Как лучше: для каждого действия по 1 константе с экшеном const SET_STATE_OPEN = 'SET_STATE_OPEN' const SET_STATE_CLOSE = 'SET_STATE_CLOSE' ... setStateOpen(); setStateClose();или const SET_STATE = 'SET_STATE' ... setState('open');

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

самый отстой, когда делают STATE_TOGGLE

Ну мне для фетчинга. Я просто насмотрелся на примеры кода с FETCH_ITEMS_SUCCESS, FETCH_ITEMS_UPLOADING итд и не совсем понял преимущество первого варианта перед вторым

Разве что однозначность, защита от дурака

Где дурак - это я через пару месяцев

самый отстой, когда делают STATE_TOGGLE

Почему? В некоторых случаях же нормально. К примеру открытие\закрытие сайдбара

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

и в итоге у тебя баги множатся

мм, у меня сайдбар закрывается\открывается лишь на 1 кнопку)

ну вообще да, если нужно закрыть именно, тогда да, 2 экшена

вебпак.жпг?

типа

вебпак.жпг?

телега дико жмёт картинки

как добавил разделители в док?

материал же говно?

ant.design посоны

10 лет открывается

10 лет открывается

+1, too slow

китайцы же

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

Так можно сделать тогл, который флаг принимает, если зафорсить надо

и в итоге у тебя есть функция toggle с параметром форсвалюе, при указании которого она делает НЕ ТОГГЛ:)

ну в toggle методах в джикверях никого это не смущало)

Добрый вечер что рекомендую те для back end

как добавил разделители в док?

defaults write com.apple.dock persistent-apps -array-add '{tile-data={}; tile-type="spacer-tile";}' killall Dock

Можно что бы тогл по умолчанию делал !value, и дать возможность явно передавать значение

материал же говно?

ну тут не совсем материал)

PseudoMaterial?))

ну из материала я только поюзал гайдлайн для таблиц и все)

вечер в чатик, посоны

вкатываться в вашу хату с таких видосов можно? https://www.youtube.com/watch?v=r7hcWLsmd8U

зачем

или есть что получше?

есть egghead.io

интересно, говорят на реакте четкие посанчики сидят

Dhen