класс у элемента есть, а стилей еще нет

Ну а применяются они тогда когда компонент монтируется, скорее всего

он уже смоонтирован, потому что есть в доме и уже виден на экране

у тебя где-то опечатка

инфа 95%

при чем тут опечятка?

чячячя

import s from './App.css'

Try: import './App.css'

и 5% вероятность что что-то не так со сборкой

ну это цсс модули

а, тогда другое дело

тогда я хз

Даже без этого тормозит

да, жаловался товарищ

Лель

Постой, заскриню.

Эй!

Фак.

фу, винда

Народ, представляете какой реакт томозной - при рендере массива из 10000 элементов при перемещении последнего элемента в начало, реакт будет делать 9999 операций insertBefore. Это ппц, слов нет. https://codesandbox.io/s/vqk87kvj1y

у меня по 0 все в твоем примере )

Не открывается вкладка

Народ, я вот отвязал пару компонент от redux (да, помню пикчу с setState), и встал вопрос куда девать горку кода который раньше прекрасно лежал в action creator'e и не смешивался с кодом компонент

Можно тупо экспортировать всю "бизнес-логику" с кучей методов setState в отдельный файл. И куда его потом положить? Посреди всех этих app.js, /components, /reducers, /actions и т.п.

Кто может подсказать webpack-dev-server будет работать в режиме --hot через прокси, к примеру на какой-то локальный сайт с php

Народ, представляете какой реакт томозной - при рендере массива из 10000 элементов при перемещении последнего элемента в начало, реакт будет делать 9999 операций insertBefore. Это ппц, слов нет. https://codesandbox.io/s/vqk87kvj1y

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

Можно тупо экспортировать всю "бизнес-логику" с кучей методов setState в отдельный файл. И куда его потом положить? Посреди всех этих app.js, /components, /reducers, /actions и т.п.

services, utils, helpers... Вообще смотря какая бизнес логика, что-то и в экшены, что-то в редюсеры (фильры, сортировки) можно вынести...

ребята есть какой-то форматтер кода для phpstorm/webstorm для react чтобы react шаблоны форматировались нормально { isSomething && <SomeComponent/> } сейчас так: { isSomething && <SomeComponent/> }

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

Ну инферно например делает все правильно - только одна операция insertBefore (или appendChild) для одного перемещения неважно в каком направлении. Появляетcя вопрос почему реактовцы реализовали заведомо томозной алгоритм? https://jsbin.com/qeqatiruko/1/edit?html,js,output

Кто может подсказать webpack-dev-server будет работать в режиме --hot через прокси, к примеру на какой-то локальный сайт с php

Кто может подсказать webpack-dev-server будет работать в режиме --hot через прокси, к примеру на какой-то локальный сайт с php

У меня рабатает. Проксирую через nginx.

Ну инферно например делает все правильно - только одна операция insertBefore (или appendChild) для одного перемещения неважно в каком направлении. Появляетcя вопрос почему реактовцы реализовали заведомо томозной алгоритм? https://jsbin.com/qeqatiruko/1/edit?html,js,output

В инферно трансформация ab => bc подвинет b, потом удалит a и вставит c. Для реакта важно чтоб в большинстве кэйсов при вставке/удалении не двигались соседние ноды, тк на кэйсах типа {condition ? <div> : null}<input> будет умирать фокус

ребята есть какой-то форматтер кода для phpstorm/webstorm для react чтобы react шаблоны форматировались нормально { isSomething && <SomeComponent/> } сейчас так: { isSomething && <SomeComponent/> }

притер нормально сформатирует и уберет эти ненужные пробелы

притер нормально сформатирует и уберет эти ненужные пробелы

спс

парни, есть такой стейт const state = { targetsOrder: ['id-1', 'id-2'], targets: { 'id-1': { id: 'id-1', radius: 10 }, 'id-2': { id: 'id-2', radius: 20 }, } };

вьюха const TargetsList = connect(state => ({targetsOrder: state.targetsOrder}))( ({ targetsOrder }) => <ul> { targetsOrder.map((id) => <TargetView key={id} targetId={id} />) } </ul> ); const TargetView = connect( (state, ownProps) => ({target: state.targets[ownProps.targetId]}) )(({ target }) => { // your render logic return <Circle radius={target.radius} />; });

при добавлении id в targetsOrder будет ререндер всех targetsOrder в map в TargetsList?

и таким образом ререндер всех TargetView?

тот же самый вопрос при добавлении id в середину targetsOrder

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

Сова тут? интересно его мнение тоже

и @syabro

а нахера 2 коннекта?

ты через пропсы не можешь сразу передать нормально?

В инферно трансформация ab => bc подвинет b, потом удалит a и вставит c. Для реакта важно чтоб в большинстве кэйсов при вставке/удалении не двигались соседние ноды, тк на кэйсах типа {condition ? <div> : null}<input> будет умирать фокус

Не совсем понятно про движение соседних нод, я знаю что при перемещении у элемента теряется фокус, но ведь его можно считать и сохранить через document.activeElement перед рендером а потом после всех операций перемещения восстановить назад через .focus()

Не совсем понятно про движение соседних нод, я знаю что при перемещении у элемента теряется фокус, но ведь его можно считать и сохранить через document.activeElement перед рендером а потом после всех операций перемещения восстановить назад через .focus()

цсс анимация ресетится, IME схлопывается, видео встаёт на паузу и куча других кэйсов

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

чтоб с д3 не возиться

https://www.npmjs.com/package/react-tiles

Приблизительно

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

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

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

TreeMap штука называется https://www.npmjs.com/package/react-d3-treemap

TreeMap штука называется https://www.npmjs.com/package/react-d3-treemap

два чаю этому господину!

Есть у кого то рабочее workflow recompose + flow ?

Привет всем есть вопрос принципиально flux utils или можно так же сидеть на flux and eventemmiter?

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

ERROR: S client not available

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

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

> разработчиками, которые плохо понимают ООП Ну, эт не разработчики, а мусор

Спасибо

сильное заявление

> разработчиками, которые плохо понимают ООП Ну, эт не разработчики, а мусор

Мсье не в курсе, что не всё в программировании на ООП стоит?

Мсье не в курсе, что не всё в программировании на ООП стоит?

Непонимание ООП в 2017?

Одно дело его не юзать постоянно

Мсье не в курсе, что не всё в программировании на ООП стоит?

+1 ещё многое на говнокоде стоит ?

Но наследование глубиной в 1 компонент можно и понять

> разработчиками, которые плохо понимают ООП Ну, эт не разработчики, а мусор

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

Но наследование глубиной в 1 компонент можно и понять

а как насчет двух? ну или одного + маленький миксин

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

erlang в треде, все в рекурсию

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

Здрасти

А шо вы здесь забыли?

датчик на вбросы ^_^ ничего что я вроде-как fullstack?:D

а как насчет двух? ну или одного + маленький миксин

Это уже удел богов

поцоны пропсы не приходят в компонент https://gist.github.com/alersenkevich/ca7b22a299f5bc60af104245c6735f69

что делать?

запрос идет получаю массив объектов

но в компоненте их просто нету

плиз хелпми

ну что поможет кто нибудь|?

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

У тебя где обработка ответа вызова-то?

Что в loadEvents?

Господа! Какая-то невнятная проблемка вылезла - из-за чего может страница на верх скроллиться сама? Гифка: https://ibb.co/g2JZhQ

Таблица обновляется, но ее высота не меняется. Такое чувство, что хром фокусится на строке. Но не похоже..

Таблица обновляется, но ее высота не меняется. Такое чувство, что хром фокусится на строке. Но не похоже..

У тебя там key в мапе нормальные? Точно не меняются?