За идею.

Функция таже, но происходит перерендер, что может быть накладно, если в твоей иерархии компонентов везде не стоит SCU.

Если функция таже и мы испльзуем pureComponent, то проблемы нету, так ?

Если функция таже и мы испльзуем pureComponent, то проблемы нету, так ?

По идее да. Сам на практике не проверял. Но друган именно проверял создаются ли новые функции, и они не создавались согласно его профайлингу.

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

По идее да. Сам на практике не проверял. Но друган именно проверял создаются ли новые функции, и они не создавались согласно его профайлингу.

Это безразлично в рамках самого жс

вообще, можно замемоизировать самому

если уж сильно хочется

Для реакта будет разница, это самое важное

да и либ полно для мемоизации

да и либ полно для мемоизации

Си++ замемоизирует сам, главное понимать последствия ререндера.

вообще, можно замемоизировать самому

Замемоизировал -> подумал а почему эта функция сохраняется в основном компоненте, а не в том, которому она принадлежит -> перенёс -> упс, у нас решение проблемы без мемоизации))

Замемоизировал -> подумал а почему эта функция сохраняется в основном компоненте, а не в том, которому она принадлежит -> перенёс -> упс, у нас решение проблемы без мемоизации))

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

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

То есть, твоя мемоизация, это просто незаконченный перенос вызовов из родителя в потомка

class Parent extends Component { handler => (data) => action(data) render() { return <div><Child id={6} action={ this.handler } /> <./div> } } class Child extends Component { onClick => () => this.props.action( this.props.id ) render() { return <div onClick={ this.onClick } /> } }

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

Прошу нубский вопрос, но если ты оперируешь элементами dom, классами, какая нафиг строгая типизация? )))

Все! Можете пинать ?

элементы дом и классы вроде как никогда не были чем-то волшебным и постоянно меняющимся

А в чем протворечие?

у них есть определенные поля, методы и так далее

Прошу нубский вопрос, но если ты оперируешь элементами dom, классами, какая нафиг строгая типизация? )))

Как это связано?

Aww yeah, Bootstrap 4 is coming!.mobx

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

т.е. визуально ничего не меняется, но есть режимы которые немного меняют логику

как красиво это сделать, есть идеи?

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

в зависимости от выбранного фильтра

например

onSubmit обработчик

Нет, лучше поставить в обработчике банальный свитч

Вообще странный вопрос - берешь и делаешь:)

и еще третий вариант это делать разные компоненты

сейчас у меня через свитч сделано

я подумал может есть решение изящнее

и еще третий вариант это делать разные компоненты

но визуально же не меняется?

нет не меняется

что за компоненты

Изящней, чем использовать конструкцию языка, которая предназначена специально для этой задачи?

если нужно показ компонентов, то в разметке что-то вроде

что за компоненты

точнее сделать разные hoc с одним компонентом который отображает саму форму

Изящней, чем использовать конструкцию языка, которая предназначена специально для этой задачи?

как щас сделано, через свитч, мне почему то не очень нравится

если разные hoc будет слишком размазано

т.е. визуально ничего не меняется, но есть режимы которые немного меняют логику

Битмаски + функции.

Если тебе логика, а не отображение надо.

какой нибуть css-js фреэм для написания postcss для реакта? не инлайного

loadcss можно пробросить в postcss.

aphrodite

а не

он инлайн

https://github.com/MicheleBertoli/css-in-js

тут есть список

тут есть список

да но какой нибуть который уже упоробовали на себе?

free-style

react-free-style

но вместо него лучше использовать jss

и есть еше один вопрос знайте как называется то что можно сказать по очереди какой компонент загрузится?

lazy load?

или не так называется?

https://github.com/MicheleBertoli/css-in-js

>Extract CSS File это разве не задача вебпака?

неа

вроде

>Extract CSS File это разве не задача вебпака?

Ну плагина для вебпака

и есть еше один вопрос знайте как называется то что можно сказать по очереди какой компонент загрузится?

?

ERROR: S client not available

как await ~

да

lazy-load

хотя нет

=)

он обычно для изображений

и каких-то элементов

для компонентов, возможно, тоже применимо

https://dev.to/kayis/lazy-loaded-react-components-with-webpack-2

вот я добавил blueprintjs/core, как теперь вебпаком выдрать оттуда стили и склеить их в один CSS файл?

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

да

Перестань писать в столбик и научись писать одним сообщением

сорян)

какой нибуть css-js фреэм для написания postcss для реакта? не инлайного

Чем плохо просто less-файлы подключать как зависимость?

при запуске через консоль нужно указать environment в виде NODE_PATH=src, как это можно сделать?

запускал в вебшторме обычно

Чем плохо просто less-файлы подключать как зависимость?

я хочю все файлы потом конкат делать

я то что не надо зря инклюдить не хочю

иза 6  requstov

в браузерах

я то что не надо зря инклюдить не хочю

Так ты в компоненте пиши import 'foo.less' и он в сборку пойдёт только, если компонент собирается

я хочю все файлы потом конкат делать

^

возможно?

Ну вебпак настрой чтобы он less прогонял через конвертер и потмо превращал в единый css, который ты на страницу воткнёшь

Чего невозможного-то

вот я добавил blueprintjs/core, как теперь вебпаком выдрать оттуда стили и склеить их в один CSS файл?

блин, что за фигня? Делаю import '@blueprintjs/core/dist/blueprint.css', вебпак спотыкался сначала о scss файлы пока я не добавил scss-loader, теперь глифы и иконки .eot - что с ними делать, как их автоматом поместить в /build/*?

блин, что за фигня? Делаю import '@blueprintjs/core/dist/blueprint.css', вебпак спотыкался сначала о scss файлы пока я не добавил scss-loader, теперь глифы и иконки .eot - что с ними делать, как их автоматом поместить в /build/*?

file-loader

file-loader

О спасибо. А в css оно поменяет относительный путь к ним?

воу круто, разобрался

кто-то еще руками конфигурит вебпак ?

кто-то еще руками конфигурит вебпак ?

а чем это следует делать?