Но если важен перфоманс и при этом хочется, чтобы выглядело всё просто, то я считаю отличный вариант

Интересно, спасибо

а есть бенчмарки ?

а то у меня чет сомнения по поводу перформанса

а есть бенчмарки ?

есть

не вижу чет

погляди доклады либо напиши @agambit

интересные бенчмаарки

интересные бенчмаарки

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

Если будут вопросы пиши в ЛС. Отвечу

Если будут вопросы пиши в ЛС. Отвечу

Дай, пожалуйста, ссылку\и на самые годные материалы (доклады \ статьи) по фокал. Больше всего интересует какие у него есть проблемы :)

Пингани в ЛС. Я кину потом)

Что бы не забыл

А кто использовал focal и что в нем вас не устроило? https://github.com/grammarly/focal

Собственно из минусов это компоненты, которые привязаны к либе Но ты их не обязан использовать Я бы сказал они подходят для "агрессивной оптимизации"

Пингани в ЛС. Я кину потом)

+

А если мне еще надо анимацию по клику запилить на кнопку?

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

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

А что ты хочешь делать?

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

А если мне еще надо анимацию по клику запилить на кнопку?

Это можно в самой функции от mapDTP, а можно сделать обертку, как правильно будет

Кастомных скролбаров ннада? https://codesandbox.io/s/mm5xq5kv5y

ну че пацаны стандартизация

?‍? -> ??‍?

прЕкол

Это можно в самой функции от mapDTP, а можно сделать обертку, как правильно будет

mergeProps смотри

ребята, напомните пож-та css фреймворк, который то ли китайцы пилят, то ли японцы, популярный сейчас

wordpress?

подскажите на счет getDerivedStateFromProps почему в нем state и props null?

а кстати, кто-нибудь знает, японцы вообще че-нить пилят?)

wordpress?

гы

ребята, напомните пож-та css фреймворк, который то ли китайцы пилят, то ли японцы, популярный сейчас

ant, наверное

ребята, напомните пож-та css фреймворк, который то ли китайцы пилят, то ли японцы, популярный сейчас

https://ant.design ?

https://ant.design ?

угу, похоже на то, спс

а кстати, кто-нибудь знает, японцы вообще че-нить пилят?)

у них свой классный дизигн

подскажите на счет getDerivedStateFromProps почему в нем state и props null?

в ком в нем?

в this?

в ком в нем?

в LC

а, там вообще теперь по-другому надо работать с пропсами

Там другая цель с ними работать. Многие вещи теперь стали работать через Ж :(

Не понял. Это для любителей jss или чего?

Не понял. Это для любителей jss или чего?

ага

Никогда это не понимал...

тоже

Никогда это не понимал...

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

Мне наоборот) Кавычки нужно писать лишние, автоподсказки (они есть вообще?) Ну и самый главный кейс - копипаста из девтулзов. Т.е. я делаю JSX, открываю страницу и девтулза, верстаю, копипащу стили и вставляю в SC. Как это с JSS делать - даже не представляю - сплошное насилие

Я смотрел, но по-моему это не то, что нужно

mergeProps смотри

Мне наоборот) Кавычки нужно писать лишние, автоподсказки (они есть вообще?) Ну и самый главный кейс - копипаста из девтулзов. Т.е. я делаю JSX, открываю страницу и девтулза, верстаю, копипащу стили и вставляю в SC. Как это с JSS делать - даже не представляю - сплошное насилие

неа, подсказок нет) по крайней мере в вскоде и в веб шторме

сплошное насилие

Над собой

Доброе утро, может кто поделиться опытом ? вопрос по redux как хранить в сторе флаги, которые не относятся к сущностям загружаемым с сервера: такие как: isLoading, error, isOpen и пр. т.е флаги, которые меняют состояние UI. как именовать, в каких редюсерах обрабатывать, как размещать в сторе. чтобы было единообразно Спасибо

Доброе утро, может кто поделиться опытом ? вопрос по redux как хранить в сторе флаги, которые не относятся к сущностям загружаемым с сервера: такие как: isLoading, error, isOpen и пр. т.е флаги, которые меняют состояние UI. как именовать, в каких редюсерах обрабатывать, как размещать в сторе. чтобы было единообразно Спасибо

fsm aka конечный автомат https://github.com/andrew--r/ui-developer-tips/tree/master/tips/009-data-state

Доброе утро, может кто поделиться опытом ? вопрос по redux как хранить в сторе флаги, которые не относятся к сущностям загружаемым с сервера: такие как: isLoading, error, isOpen и пр. т.е флаги, которые меняют состояние UI. как именовать, в каких редюсерах обрабатывать, как размещать в сторе. чтобы было единообразно Спасибо

reducer uiState ?)

Доброе утро, может кто поделиться опытом ? вопрос по redux как хранить в сторе флаги, которые не относятся к сущностям загружаемым с сервера: такие как: isLoading, error, isOpen и пр. т.е флаги, которые меняют состояние UI. как именовать, в каких редюсерах обрабатывать, как размещать в сторе. чтобы было единообразно Спасибо

Мы это называем “мета” и у нас есть мета хеплеры на селект, загрузку данных.

const sagaReducerMap = mapper => (state = {}, action = {}) => ({ data: (action.payload && mapper(action.payload)) || state.data, isFetching: (!action.error && !action.payload), error: action.error, lastUpdated: (action.payload && Date.now()) || state.lastUpdated }); Вот и весь редьюсер

Жёстко

В принципе 1 к 1 к ссылке от Арталара

Мне наоборот) Кавычки нужно писать лишние, автоподсказки (они есть вообще?) Ну и самый главный кейс - копипаста из девтулзов. Т.е. я делаю JSX, открываю страницу и девтулза, верстаю, копипащу стили и вставляю в SC. Как это с JSS делать - даже не представляю - сплошное насилие

А ты пробовал styled-components ? https://www.styled-components.com/ Там вроде нет всех тех проблем что ты описал ( проблема автоподсказок решается плагином )

А ты пробовал styled-components ? https://www.styled-components.com/ Там вроде нет всех тех проблем что ты описал ( проблема автоподсказок решается плагином )

чекни лог последнего релиза

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

react-bits/03.HOC-feature-toggles.md at master · vasanthk/react-bits https://github.com/vasanthk/react-bits/blob/master/ux-variations/03.HOC-feature-toggles.md

спасибо

fsm aka конечный автомат https://github.com/andrew--r/ui-developer-tips/tree/master/tips/009-data-state

Мы это называем “мета” и у нас есть мета хеплеры на селект, загрузку данных.

const sagaReducerMap = mapper => (state = {}, action = {}) => ({ data: (action.payload && mapper(action.payload)) || state.data, isFetching: (!action.error && !action.payload), error: action.error, lastUpdated: (action.payload && Date.now()) || state.lastUpdated }); Вот и весь редьюсер

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

Ок, теперь понял контекст обсуждения

А ты пробовал styled-components ? https://www.styled-components.com/ Там вроде нет всех тех проблем что ты описал ( проблема автоподсказок решается плагином )

Пробовал, спасибо)

Ребят, как в Openlayers 4 "приклеить" к Feature какой-нибудь div. Искал в доке - не нашёл, в гугле тоже. Помогите, плиз!

Ребят, как в Openlayers 4 "приклеить" к Feature какой-нибудь div. Искал в доке - не нашёл, в гугле тоже. Помогите, плиз!

Напиши в stackoverflow, добавь нужные теги

Ребят, как в Openlayers 4 "приклеить" к Feature какой-нибудь div. Искал в доке - не нашёл, в гугле тоже. Помогите, плиз!

В примере при клике вещают html на feature, можно это сделать на loadFunction к каждой. Я бы в эту сторону покопал http://openlayers.org/en/latest/examples/icon.html?q=Overlay

кто работал с react-trainsition-group, чем плох этот код?

А никто не испытывал проблем при одновременном использовании formik и connect от redux? У меня какой-то очень странный косяк. Есть форма formik, в форме есть компонент (BasicSearchPanel), который я уже просто в ноль вычистил, оставил одно поле эксперимента ради. Если компонент объявлен просто как export default BasicSearchPanel( props ), то всё работает, но как только я подключаю connect, перестают обновляться значения в полях формы.

OperationTypeSection внутри себя вызывает setFieldValue, после этого происходит рендер, но field.value на входе остается старым

Убираю connect от вышестоящего компонента - сразу всё начинает отлично работать

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

Даже пустой connect вызывает эти проблемы: export default connect()( BasicSearchPanel );

попробуй pure false поставить

https://github.com/reduxjs/react-redux/blob/master/docs/api.md

Да как так propTypes'ами нельзя коллекции типизировать

Ну как так то

Ну как так то

instanceOf?

instanceOf?

Так структуру как рассписать?

Так структуру как рассписать?

а зачем, вдруг она динамически будет меняться

Ребята, всем привет. Объясните пожалуйста что такое middleware, а то читаю доки и не очень понимаю

Ребята, всем привет. Объясните пожалуйста что такое middleware, а то читаю доки и не очень понимаю

1. Представь что ты пишешь записку и отдаешь ее другу. Тот читает и делает что там написано. 2. Кто-то придумал что надо в записку дописывать текущую дату. Это можешь делать ты сам, а можешь передавать записку сначала третьему человеку, тот будет дописывать дату и передавать дальше другу

а зачем, вдруг она динамически будет меняться

{ [anyString]: { staticField: true } } Вот это как "затипизировать"?

вот этот третий человек — middleware