@react_js - страница 442 - Telegram web archive

Farik

Ребят через что лучше всего использовать глобальный стейт?

🦜

Ребят через что лучше всего использовать глобальный стейт?

effector.js

i

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

Vadim

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

если pure-компонент вернул false, то дочерние не перерендерятся

Mikhail

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

откуда такие выводы?

Alexey

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

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

i

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

🦜

откуда такие выводы?

это логика работы reconcilation реакта

Alexey

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

i

ну а React.memo уж совсем для статики, чтоб ни при каких условиях не перерендеривать

🦜

ну а React.memo уж совсем для статики, чтоб ни при каких условиях не перерендеривать

все равно будут ререндеры

🦜

https://youtu.be/HZo4KElzEh4

🦜

чек зис видео

i

ну перерендер, но там будет юзатся уже срендеренное

i

в случае React.memo

i

всем спасибо большое

Dmitry

на каждый рендер тригерится маунт и анмаунт компонента юзается react-window

Dmitry

это нормально ?

Андрей

Кто то метрику яндекса подключал? У меня так считает. Было 1стр-16 просмторов после одного перехода стало 18 просмторов 2стр-13 просмторов после одного перехода стало 16 просмторов 3стр-13 просмторов после одного перехода стало 14 просмторов 4стр-7 просмторов после одного перехода стало 8 просмторов

Anonymous

Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

Anonymous

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

Solnur

render() одни скобки или верни значение нормально

Anonymous

Исправлял, не помогло

Anonymous

верни значение нормально, подробнее ?

Solnur

верни значение нормально, подробнее ?

return ( <Provider> </Provider> )

Vladimir

Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

покажи App

Anonymous

🦜

Почему в фичах не стоит добавлять pages? Почему роутинг лучше держать в фиче?

Anonymous

есть мысли ?

Maria

есть мысли ?

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

Alexey

а на какой строчке валится?

Maria

+

Anonymous

Maria

а вторая какая ошибка?

Anonymous

Как вы настриваете свою IDE под него? Например Webstorm

умвр из коробки

Anonymous

ничего не настраивал

Anonymous

VS Code кстати

Anonymous

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

Alexey

а реакт какой? react-router-redux — This project is no longer maintained. For your Redux <-> Router syncing needs with React Router 4+, please see one of these libraries instead: connected-react-router

Alexey

вы, возможно, библиотекой ошиблись

Daren

Есть вопрос, человек переходит по урлу, его перекидывает на авторизацию, как сохранить ссылку изначальную, по которой он перешел ? React router 5

Anonymous

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

Alexey

Есть вопрос, человек переходит по урлу, его перекидывает на авторизацию, как сохранить ссылку изначальную, по которой он перешел ? React router 5

auth?redirect=bla/bla/bla

Cenator 🐈

auth?redirect=bla/bla/bla

redirect=${encodeURIComponent('/path/to/redirect')}

Alexey

redirect=${encodeURIComponent('/path/to/redirect')}

я про идею, а не про реализацию)

Dmitry

как переписать с сохоранением анимации ? react-transition-group

Vladimir

Добрый день пытаюсь подключить данный компонент https://github.com/teodosii/react-notifications-component в доке написано You must place ReactNotificationsComponent component at the root level of the application in order to work properly, я это сделал, но не пойму как мне вызвать теперь нотификейшен из другого компонента

Oleg

Ребята привет, подскажите как импортить сторонние библиотеки например jquery, bootstrap etc ? Кажется это веб пак или ? Сейчас библиотеки импортятся в head index.html пробовал import в компонентах но тогда не успевают иногда подгрузить зависящие от jquery библиотеки, как подключить?

Кажется это веб пак или ? ууу, интрига.

Anonymous

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

Oleg

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

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

Anonymous

иметь не плейн список из жсона, а какой то обьект с методами

Anonymous

это не инкапсуляция а скорее наверное boxing

Oleg

при чём тут жсон, если речь о компоненте?

Anonymous

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

Oleg

чтооо? перечитай, я сути не понял.

Андрей

Куда вставить эТот код счётчика яндекс метрики?

Anonymous

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

Anonymous

хотя наверное стейт может быть любым, хм

Anonymous

а вот Redux, for example, requires plain objects to describe changes in the system and pure functions to describe the logic for handling those changes

Anonymous

а у пропсов есть ли это ограничение непонятно

Oleg

а у пропсов есть ли это ограничение непонятно

пропсы ты принимаешь и ты же и валидируешь.

Oleg

я, видимо, тебя не понял.

Anonymous

нагугливаются какието https://github.com/wgoto/react-axiom

Oleg

какой должен быть размер бандла примерно?

Anonymous

собственно тема о которой я говорю https://hashnode.com/post/how-do-you-turn-an-object-in-redux-state-into-a-classmodel-ciu43hh7o0uxsb353xxawr6sm

Anonymous

я просто не знаю насколько она актуальна для реакта т.к. я его изучаю второй день

Дима

нагугливаются какието https://github.com/wgoto/react-axiom

https://effector.now.sh/

Anonymous

мне пока рано такое. оно же как rxjs?

Дима

мне пока рано такое. оно же как rxjs?

в рх понапихали всё что плохо лежит) поэтому нет, это не как rx. это больше как продолжение редакса

Дима

короче предлагаю просто глянуть самому) https://t.me/effector_ru

Alexey

Куда вставить эТот код счётчика яндекс метрики?

перед body в index.html

Anonymous

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

Vladimir

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

тогда mobx для тебя

Андрей

перед body в index.html

А если на нексте, там нету html?

Cenator 🐈

А если на нексте, там нету html?

_document.js

Андрей

_document.js

Куча ошибок так