если есть такое требование то да, если нет то нет

Не, понятно. Просто я даже чет нигде не встречал event на графпланшеты

Начинаю новый проект, решил использовать Redux - в первый раз для меня, какие подводные камни стоит ожидать и на какие дополнительные библиотеки стоит взгялнуть: redux-thunk, redux-sage, selectors ???

Начинаю новый проект, решил использовать Redux - в первый раз для меня, какие подводные камни стоит ожидать и на какие дополнительные библиотеки стоит взгялнуть: redux-thunk, redux-sage, selectors ???

redux-thunk однозначно, селекторы тоже ок

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

+, еще совет: делать сначала просто, потом как придет понимание проблем уже думать дальше

+, еще совет: делать сначала просто, потом как придет понимание проблем уже думать дальше

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

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

Спасибо!

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

Нене

Отсутствие абстракции лучше неправильной

ребята, подскажите плз, как правильно сделать. через .map создается множество реакт елементов, к каждому нужно подключить обработчик по клику. через .bind знаю, что плохая практика, а как правильно?

А можно узнать почему bind плохая практика?

помню тут обсуждали это, плюс линтер с настройками эирбнб матюкается

<button onClick={()=>{this.handleRemove(id)}}></button> есть этот варинт, но меня он смущает чего то

Чем?

та чего то казалось, что есть какое то лучше решение, но гугл только это выдает...

<button onClick={()=>{this.handleRemove(id)}}></button> есть этот варинт, но меня он смущает чего то

это то же самое, что делать bind в рендере

https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/jsx-no-bind.md

На мой взгляд, самый простой способ – делать bind в конструкторе

Суть даже не в бинде в конструкторе

btw, удобнее всего просто юзать class properties

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

Т.е. идеально, когда onClick={this.handleRemove} а уж как этого добиваться — другой вопрос

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

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

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

Это равносильно бинду в рендере

Можно не париться, в принципе, но проблема от этого не исчезнет)

Можно не париться, в принципе, но проблема от этого не исчезнет)

проблема чего? микросекунд?

Микросекунды, они, знаешь ли, складываются))

А ещё это симптом плохого подхода

Что такого ты делаешь в рендере, что не можешь узнать из props?

Потому что если можно узнать что-то из props, то тогда эта информация просто будет напрямую из них браться в handleRemove без отдельной передачи

Это означает, что компонент будет перерендериваться каждый раз

Сначала все такие «да ладно, чо мне там ваша иммутабельность», а потом всё тормозит и весь проект в scu

Так вопрос такой, насколько быстро сравнение работает, у иммутабельных объектов?

Сравнение иммутабельных объектов любой структуры это ===

В этом и фишка то)

А за счет чего это достигается? Какие-то хэши у объектов есть, или что?

А за счет чего это достигается? Какие-то хэши у объектов есть, или что?

За счёт того, что нельзя менять объект, можно только вернуть новый с измененными полями

Поэтому если !== значит что то внутри поменялось

А если я верну новый обьект, в котором ничего не поменял?

То повысишь энтропию вселенной

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

Спасибо, заинтересовал)

Ребят, простите, немного не по теме, но куда еще писать, я уже не знаю. Кто ни будь делал адаптивное меню «аля бутсрап» без jQuery, у меня уже задница горит, у кого не спрошу, отвечают в духе, «ну че ты, jQuery этожи оботка, бери и пиши». Человек из тостера с этой секты похоже. Предлагает реактом пользоваться, зачем, я пока не могу понять. Буду очень рад увидеть какие ни будь примеры. Так как все что я находил это «состояние через чексбок, display:block; display:none; без анимации и варианты с фиксированной высотой»

как такое меню выглядит?

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

?

возможно уже сделано

https://react-bootstrap.github.io

Такое на css пишется

Ну на css проблемы с анимацией высоты будут

А в остальном да

Если не так сильно требования просят запариваться с анимацией (наверняка так и есть в твоем кейсе), то можно через чекбокс и анимирование max-height

В моем кейсе (лично для меня) это обязательный пункт :)

без анимации все делается за 2 минуты. А вот с анимацие уже беда.

Ну добавлять в рантайме один стиль

Круто, первый дельный комментарий, как это делается? :)

У меня просто опыта без jQuery ну вообще толком нет. learnjavascript.ru прошел и «полное руководство от Фленегана», как этот рантайм определять?

У меня просто опыта без jQuery ну вообще толком нет. learnjavascript.ru прошел и «полное руководство от Фленегана», как этот рантайм определять?

`$('.menu-toggle').on('click', () => $('.menu').toggle());`

ХАХАХА

ERROR: S client not available

ЖАЛКИЕ РЕАКТОЛОЖЦЫ

Нет, ну серьезно, это просто дичь какая-то) JQuery - ненужон. ReactJS - must have. Как сделать это без jQuery? Никто не знает. Единственный годный ответ - от @nikdudnik но для меня немного сложновато, свалка из конфигов, експортов, импортов, так как реализация на уневирсальность а не простоту.

Есть небольшая разница между "никто не знает" и тем, что тебе ничего не ответили

Css transition? Не?

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

☝️

Зачем анимацию на js делать?

без анимации все делается за 2 минуты. А вот с анимацие уже беда.

.

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

И о том, что объяснять что-то человеку, который с первым же сообщением всех вертел, контрпродуктивно

Ребят, простите, немного не по теме, но куда еще писать, я уже не знаю. Кто ни будь делал адаптивное меню «аля бутсрап» без jQuery, у меня уже задница горит, у кого не спрошу, отвечают в духе, «ну че ты, jQuery этожи оботка, бери и пиши». Человек из тостера с этой секты похоже. Предлагает реактом пользоваться, зачем, я пока не могу понять. Буду очень рад увидеть какие ни будь примеры. Так как все что я находил это «состояние через чексбок, display:block; display:none; без анимации и варианты с фиксированной высотой»

До jQuery именно так и было.

Можно еще prototype вспомнить

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

Могу предположить, почему

Хотя я уже предположил

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

Выкинуть jQuery и использовать вместо него реакт. А в реакт ты не хочешь.

Хотя я уже предположил

Ну можно еще вспомнить как на css2 только жить

И на 4html

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

Насколько я понимаю, "проще" будет написать функцию, которая с помощью transition высоту будет менять

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

Он для себя же

Ладно, возможно я конкретно не доганяю, какие «плюшки, бонусы, и прочее» мне даст реакт в реализации этой задичи?

http://codepen.io/LFeh/pen/ICkwe

Насколько я понимаю, "проще" будет написать функцию, которая с помощью transition высоту будет менять

Да просто указываешь начальную и конечную высоту и transition сделает всю анимацию за тебя

Да, там не надо ничего писать даже, я загоняюсь под ночь

Ладно, возможно я конкретно не доганяю, какие «плюшки, бонусы, и прочее» мне даст реакт в реализации этой задичи?

На реакте удобно делать динамические интерфейсы и всё. Больше ни для чего реакт не нужен

А есть где посмотреть структуру приложений на реакте?

А то все руки не доходят

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

Ну вообще "такого" там предостаточно)

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

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

А что такое идеальная структура?