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

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

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

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

Object.keys(a).every(key => a[key] === b[key]), если набор ключей всегда одинаковый

Object.keys(a).every(key => a[key] === b[key]), если набор ключей всегда одинаковый

в смысле если у a и b набор ключей один на момент проверки?

в смысле если у a и b набор ключей один на момент проверки?

Да

А, да, ну и без вложенности

спасибо

У тебя прописаны npm scripts в package.json?

да

Ребят в чем проблема? http://prntscr.com/l8ri9n не получается завести create-react-app

Попробуй npm run start

Ребят в чем проблема? http://prntscr.com/l8ri9n не получается завести create-react-app

Package.json покажи

Ребят в чем проблема? http://prntscr.com/l8ri9n не получается завести create-react-app

какие у тебя версии? npm -v node -v

какие у тебя версии? npm -v node -v

спасибо, я разобрался

спасибо, я разобрался

тогда надо в чатике писать в чем была проблема, чтобы другие знали на будущее :)

тогда надо в чатике писать в чем была проблема, чтобы другие знали на будущее :)

Npm i

Но это не точно)

ребята, почему при клике на viewModal не подгружается компонент? https://stackblitz.com/edit/react-okfrda?file=index.js

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

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

Ты ж сам описал, осталось только сделать

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

напиши условие с await

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

Используй Loadable, лучше с код сплиттингом

Используй Loadable, лучше с код сплиттингом

А конкретнее?

А конкретнее?

https://github.com/jamiebuilds/react-loadable

https://github.com/jamiebuilds/react-loadable

Я знаю что такое react loadable, как он мне поможет?

Как я понял из твоего описания - тебе нужен лоадер, правильно? Или я что-то упустил?

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

Посоны, вот у меня вопрос появился интересный Реакт ре-рендерит компоненты каждый раз, когда те получают новую пропсу Зачастую есть контейнет, где все пропсы собираются и передаются дальше по дереву Из этого получается, что даже если контейнер получит пропс, который используется одним компонентом - ре-рендерится будут все компоненты, правильно? Я вроде ничего не упускаю, поправьте, если не прав

Посоны, вот у меня вопрос появился интересный Реакт ре-рендерит компоненты каждый раз, когда те получают новую пропсу Зачастую есть контейнет, где все пропсы собираются и передаются дальше по дереву Из этого получается, что даже если контейнер получит пропс, который используется одним компонентом - ре-рендерится будут все компоненты, правильно? Я вроде ничего не упускаю, поправьте, если не прав

Ререндерит, если нужно. Например если изменились данные.

Посоны, вот у меня вопрос появился интересный Реакт ре-рендерит компоненты каждый раз, когда те получают новую пропсу Зачастую есть контейнет, где все пропсы собираются и передаются дальше по дереву Из этого получается, что даже если контейнер получит пропс, который используется одним компонентом - ре-рендерится будут все компоненты, правильно? Я вроде ничего не упускаю, поправьте, если не прав

https://reactjs.org/docs/react-component.html#shouldcomponentupdate

Этот метод вызывается перед обновлением

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

https://reactjs.org/docs/react-component.html#shouldcomponentupdate

если он есть*

Пойду перечитаю доку в любом случае, всем спасибо

если он есть*

Я думал когда мы пишем этот метод, то мы просто переопределяем дефолтный. Где тогда происходит решение о том рендерить компонент или нет?

Я думал когда мы пишем этот метод, то мы просто переопределяем дефолтный. Где тогда происходит решение о том рендерить компонент или нет?

* Called to determine whether the change in props and state should trigger a re-render. * * `Component` always returns true. * `PureComponent` implements a shallow comparison on props and state and returns true if any * props or states have changed.

Я думал когда мы пишем этот метод, то мы просто переопределяем дефолтный. Где тогда происходит решение о том рендерить компонент или нет?

Если ты под "рендером" - подразумеваешь запись в дом того что вернул рендер метод - то это не так. render метод просто что-то возвращает, реакт это что-то сравнивает с предыдущем значением, если есть разница - высчитывает ее, а уже потом сует ее в дом. Иначе говоря может быть множество перерендеров, но никаких изменений в доме

ну такого тоже стоит избегать по возможности

Если ты под "рендером" - подразумеваешь запись в дом того что вернул рендер метод - то это не так. render метод просто что-то возвращает, реакт это что-то сравнивает с предыдущем значением, если есть разница - высчитывает ее, а уже потом сует ее в дом. Иначе говоря может быть множество перерендеров, но никаких изменений в доме

Понял, спасибо!

ну такого тоже стоит избегать по возможности

А ведь реакт должен был предоставить нам возможность не думать об этом как раз(

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

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

просто не надо упарываться

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

Проблема как раз в том, что рендер может быть простой, но он автоматом трегернет рендер ВСЕХ детей без scu - а что там уже не известно

а чего без?

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

Даже на небольшом не стоит - проверено. Особенно учитывая слабое железо пользователей

а чего без?

shouldComponentUpdate

дада, я ж спрашиваю чего без?

я думал оно будет вызываться у каждого

scu по умолчанию, считай, нет

если у меня компонента, внутри которой 3 PureComponent - то если в верхней я сделаю изменения стейта, но нижние не дернутся, если их это не касается

если у меня компонента, внутри которой 3 PureComponent - то если в верхней я сделаю изменения стейта, но нижние не дернутся, если их это не касается

Очень-очень многие не используют PureComponent Потому что либо нужно хорошо думать над каждым компонентов - а точно надо оно тебе, либо использовать только Component, либо использовать только PureComponent - что не обоснованно тяжело может быть. Угадай как делают большинство?

та да, понятно

ERROR: S client not available

ну я хз, у меня нормально получается писать на PureComponent. просто без сайд-эффектов и без вложенных пропсов. вот и все

Написал небольшую статья по кодогенрации: https://medium.com/@lokhmakov/code-generation-for-beginners-or-self-changing-systems-keystonejs-nextjs-recast-4af11d02e58

На винде: react-scripts не является внутренней или внешней программой. Как можно пофиксить?

На винде: react-scripts не является внутренней или внешней программой. Как можно пофиксить?

глобально cra стоит?

На винде: react-scripts не является внутренней или внешней программой. Как можно пофиксить?

npm i \ yarn

Кто использует styled-compnents v4 + react-pose?

https://github.com/couds/react-bulma-components

http://fela.js.org/

http://fela.js.org/

выглядит интересно

а нельзя в styled-components только сгенерить класснейм и использовать его где надо?

а нельзя в styled-components только сгенерить класснейм и использовать его где надо?

а смысл тогда от styled-components? ?

а смысл тогда от styled-components? ?

изоляция. Либа дает в интерфейсе только возможность прокидывать класснеймы

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

Всем привет, есть люди которые работали с cometd? Мне необходимо связать его и редукс, что вызывает много боли, может кто подсказать сможет

изоляция. Либа дает в интерфейсе только возможность прокидывать класснеймы

styled(({className}) => <Component className={className}>)

styled(({className}) => <Component className={className}>)

Мне тож помог, спасибо)

глобально cra стоит?

Это решило проблему. Спасибо

Проблема как раз в том, что рендер может быть простой, но он автоматом трегернет рендер ВСЕХ детей без scu - а что там уже не известно

Да, наверное я не совсем точно сформулировал свой вопрос прошлый раз, как раз то, что я хотел узнать

Ребят кто работал с ant черкните в личку пожалуйста, вопрос возник один, спасибо!

styled(({className}) => <Component className={className}>)

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

а нельзя в styled-components только сгенерить класснейм и использовать его где надо?

https://github.com/4Catalyzer/astroturf

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

можно передать им обычные имена, а контейнеру дать className из styled и в стилях писать & { .simple-class-name { } }

Как-то слишком запутанно. Проще наверное обычные классы дать и заимпортить цсс.

привет всм, подскажите пожалуйста как сохранить данные о раут в реакте. раут "/ admin" является частным (рендерит тернаркой компонент или редирект на '/ login'), когда я захожу с '/' на раут admin меня редиректит на '/ login', когда авторизовался то по умолчанию перебрасывает на '/' так вот как запомнить раут и по регистрации перебросить его на admin а не на '/'?

привет всм, подскажите пожалуйста как сохранить данные о раут в реакте. раут "/ admin" является частным (рендерит тернаркой компонент или редирект на '/ login'), когда я захожу с '/' на раут admin меня редиректит на '/ login', когда авторизовался то по умолчанию перебрасывает на '/' так вот как запомнить раут и по регистрации перебросить его на admin а не на '/'?

Проверять сессию и редирект на нужный раздел