наплыв

Есть компонент-обертка, в который я передаю children контент. В моем примере три способа отображения контента в компоненте обертке (из props, из this, из state). Работает только когда берую из props. Вообще не понимаю прикола.

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

Есть компонент-обертка, в который я передаю children контент. В моем примере три способа отображения контента в компоненте обертке (из props, из this, из state). Работает только когда берую из props. Вообще не понимаю прикола.

Ты же не обновляешь значения в state и this. Очевидно после маунта данные меняются, но свежие только в props

о как - надо проверить

Читай про componentWillReceiveProps

Но вообще лучше брать из пропсов

окей. Согласен, но мне нужна динамика. Странно что в рендере три объекта из разных мест абсолютно идентичны (чисто визуально в консоле)

Какая динамика, о чем ты?

Я имею ввиду, что в мне нужен динамично пополняемый массив объектов, который изначально будет пустой. Props иммутабельны, поэтому нужно юзать состояния. Я так понимаю

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

Такой вопрос: необходимо заполнить Redux-form первоначальными данными, когда и где вызывать initialize()?

С какой периодичностью этот вопрос тут задаётся интересно ?

и какой на него ответ?

Хз, я тока с 4 версией работал, давно дело было, но попробуй в поиске тут глянуть

я уже 1 час в поиске мучаюсь, мне нужно запись отредактировать в форме

не заполняется форма значениями записи - никак ?

Такой вопрос: необходимо заполнить Redux-form первоначальными данными, когда и где вызывать initialize()?

http://redux-form.com/6.6.0/examples/initializeFromState это не то?

нет

это близко https://habrahabr.ru/post/313966/

но не уверен

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

Там же есть initialValues

ComponentHasMounted один раз вызывается

Туда динамически и просовываешь данные в initialValues

пока ничего не получается, у меня ещё данные динамически подгружаются... ?

оказалось всё просто при создании формы надо написать 'enableReinitialize: true' и она обновить загруженные данные

а я нагородил полную хрень... ?

Fiber хорошо параллелится, эффективнее работа в воркер-тредах

Давайте не надо. Не стоит думать, что ваш восхитительный сайт - единственная открытая вкладка в единственном окне браузера. Также наивно полагать, что у каждого пользователя 16 ядерный процессор. Парочка таких вкладок с кучей тредов внутри могут переключить какой-нибудь нетбук или старенький ноут в режим слайдшоу.

Давайте не надо. Не стоит думать, что ваш восхитительный сайт - единственная открытая вкладка в единственном окне браузера. Также наивно полагать, что у каждого пользователя 16 ядерный процессор. Парочка таких вкладок с кучей тредов внутри могут переключить какой-нибудь нетбук или старенький ноут в режим слайдшоу.

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

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

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

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

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

кстати, вот мой проект с работающим автозаполнением формы https://orion55.github.io/phonebook/#/

Ребята не сочтите за спам, представлю вам бота @QuickPastaBot который позволит некоторым нуждающимся донести код до общества не в виде скринов а в виде нормального такого гиста, приватного и созданного от имени анонима.

Ребята не сочтите за спам, представлю вам бота @QuickPastaBot который позволит некоторым нуждающимся донести код до общества не в виде скринов а в виде нормального такого гиста, приватного и созданного от имени анонима.

а че он не инлайн?

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

еще если код слишком длинный телеграм разобьет его на разные сообщения)

Вот это годное замечание, спасибо.

@goodmind я тебя понял, и этот момент сегодня постараюсь пофиксить

Спасибо огромное.

Я имею ввиду, что в мне нужен динамично пополняемый массив объектов, который изначально будет пустой. Props иммутабельны, поэтому нужно юзать состояния. Я так понимаю

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

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

Спасибо тебе за совет. Просмотрел внимательно lifecycles и пришлось переосмыслить свой проект. Лучше поздно чем никогда)

Можете посоветовать актуальную книгу или ещё что то для изучения и практики реакт? Или оф доки самое то для начала?

я пересмотрел 3 курса, самое лучше как ни странно официальная документация

и по redux тоже

все остальные дружно её пересказывают

хотя если знаешь английский (или не знаешь - понятно по коду) вот хороший курс JS - React - Modern React with Redux

Понятно спасибо

курс от Geekbrains не смотри гумно редкое

Давайте не надо. Не стоит думать, что ваш восхитительный сайт - единственная открытая вкладка в единственном окне браузера. Также наивно полагать, что у каждого пользователя 16 ядерный процессор. Парочка таких вкладок с кучей тредов внутри могут переключить какой-нибудь нетбук или старенький ноут в режим слайдшоу.

Страсти то какие, как же они все ещё не сгорели с десктопными приложениями?) Распределение нагрузки по тредам - это наоборот облегчение для компьютера, потому что делать расчёты в том же потоке, в каком работать с UI - это прямой путь к тормозам

Всем привет, кто нибудь подключал redux-dev-tools к MobX ? у меня почему то не отображается стэйт..

@DenisIzmaylov почему PreJSS и PostJSS это два разных проекта? ? кажется одни и те же проблемы решают, ну prejss чуть больше

мне кажется что prejss + babel-plugin-prejss >= postjss

Всем привет, кто нибудь подключал redux-dev-tools к MobX ? у меня почему то не отображается стэйт..

Будет работать только с mobx-state-tree

мне кажется что prejss + babel-plugin-prejss >= postjss

по сути оба инструмента помогают избавиться от css лодеров в пользу babel и позволяют юзать postcss плагины, оба ssr-ready

@DenisIzmaylov почему PreJSS и PostJSS это два разных проекта? ? кажется одни и те же проблемы решают, ну prejss чуть больше

Разный способ решения же

по сути оба инструмента помогают избавиться от css лодеров в пользу babel и позволяют юзать postcss плагины, оба ssr-ready

Один делает файлы и не позволяет critical css

prejss может все что делает postjss?

бай дизайн офк

prejss может все что делает postjss?

Может всё и больше

ERROR: S client not available

+ babel там не обяз

Будет работать только с mobx-state-tree

Тааак, спасиб, ща покопаю,

Один делает файлы и не позволяет critical css

не очень понял, что ты имеешь в виду?

+ babel там не обяз

в postjss babel тоже не обязательный, просто акцентируется как right way

особой разницы нет, просто реализовывалось по-разному и с каким-то своими фичами)

О, все тут)

ну про postjss могу сказать, что хотелось иметь возможность продолжать писать стили в css файлах (т.к. на данный момент поддержка редакторами css in js достаточно слабая - с автокомплитом не очень, нет реалтайм линтинга, авто-форматтера и тд), но при этом иметь возможность использовать фичи css in js - переменные из контекста модуля и function values, для этого предложено определенное расширение синтаксиса) еще есть оптимизация пересборки бабелем в случае stylelint конфликтов и прочих, просто это заложено by design наверное, есть смысл это реализовать в качестве style-loader для prejss или типа того

точнее уже style-loader есть, но без синтаксиса)) просто хз, насколько это нужно

А кто первее начал? Имхо style-loader как раз таки не очень подходит если в итоге хочется в css-in-js

вот в next.js с этим понты как раз, почему нет jss примера в их репе? за последние несколько дней ресерча пришел к выводу что jss самый норм вариант, а если еще и писать стили в css/sss + postcss плагины - то ваще огонь

Будет работать только с mobx-state-tree

а вот с такой штукой не работает? mobx-remotedev

А кто первее начал? Имхо style-loader как раз таки не очень подходит если в итоге хочется в css-in-js

Денис концептуально начал пораньше) но я не знал, и сделал бабель-плагин)) мы скооперировались, ну и как-то так это все развилось

вот в next.js с этим понты как раз, почему нет jss примера в их репе? за последние несколько дней ресерча пришел к выводу что jss самый норм вариант, а если еще и писать стили в css/sss + postcss плагины - то ваще огонь

ага, надо бы добавить))

на самом деле, и JSS JSON API очень удобный, и мб даже больше, чем css-like синтаксис. есть потенциальная возможность притащить типизацию, например) но тут привыкнуть надо

нафига в css типизация?)

можно еще redux в css притащить, удобно же да?)

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

css - это уже интерфейс. какие ты еще хочешь задекларировать?

для реюзабельных компонентов очень удобно)

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

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

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

например, мне нужно, чтобы primary баттон в каком-то состоянии вела себя немного иначе, чем по дефолту

просто кастомизируемость интерфейса - это миф. в css сколько свойств, 200? 300? ты их все для каждого компонента опишешь?

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

он есть - css

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

еще как про свойства

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

а я аутлайн хочу, а ты его не предусмотрел