Возник вопрос, где хранить изображения и видео, использующиеся в компоненте? В папке, где находится сам компонент, или же в папке public/img? Если в public/... , то как до него добраться, подключая в js файл через import?

Ребят, не поможете придумать решение. Есть сотня реакт компонентов в проекте. Каждый компонент использует функцию i18n, которая не зависит от редакса. Функция получает ключ и возвращает строку, это прописано прям в рендер компонента. Не все компоненты коннектятся к редаксу. Задача: при переключении языка (на это своя абстракция заведена) просто вызвать рендер метод всех компонентов. Как это сделать законно? Не хочу писать дополнительные обёртки или HOC под каждый компонент.

Ребят, не поможете придумать решение. Есть сотня реакт компонентов в проекте. Каждый компонент использует функцию i18n, которая не зависит от редакса. Функция получает ключ и возвращает строку, это прописано прям в рендер компонента. Не все компоненты коннектятся к редаксу. Задача: при переключении языка (на это своя абстракция заведена) просто вызвать рендер метод всех компонентов. Как это сделать законно? Не хочу писать дополнительные обёртки или HOC под каждый компонент.

А в i18 нет такой функции?

А в i18 нет такой функции?

Вопрос как раз создания такой функции, которая все компоненты перерендывает без unmount

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

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

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

Да. Учи js.

Да. Учи js.

Через js я умею, но через jquery удобнее, что сокращает время в перспективе.

Через js я умею, но через jquery удобнее, что сокращает время в перспективе.

Ахахахахахахахахах

жоска

Через js я умею, но через jquery удобнее, что сокращает время в перспективе.

?‍♂️

И либо сейчас подключать jquery, либо искать метод в react.

Это в 2007 было удобнее )

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

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

И либо сейчас подключать jquery, либо искать метод в react.

Выучи js.

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

да не, изи

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

Хз, мне норм )

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

Ребят, я уже давно слышал что используя реакт и jquery не нужен, но до сих пор не могу осознать как реализовывать определённые моменты. Вот к примеру, данный кусок кода на чистом js реализовывается следующим способом: jQuery: $('.fullSize').css({ width: document.documentElement.clientWidth, height: document.documentElement.clientHeight }); Vanilla JS: var elements = document.querySelectorAll('.fullSize'); elements.forEach(function(el) { el.style.width = document.documentElement.clientWidth; el.style.height = document.documentElement.clientHeight; }); Но для меня это считается не удобным, да ещё и создавать отдельную переменную - перебор, в время когда у тебя всё пишется в одну строку в jquery(Имея читабельный вид).

Выучи js.

Да знаю я js, достаточно глубоко.

Юзаю lerna - делаю внутри package yarn и на связанный ошибка 404 not found

Да знаю я js, достаточно глубоко.

Тогда в чём выигрыш у jQ?)

Да знаю я js, достаточно глубоко.

Сейчас я ищу методы наименьшего сопротивления.

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

Жиза. У сеньёра чё сложное-то спрашивать время терять, и так понятно, что знает :))

Я не могу как привык делать инсталл если что-то добавил? надо lerna запускать?

Тогда в чём выигрыш у jQ?)

Удобство, обход подводных камней, и меньшее использование циклов для перебора элементов.

Меняй пропсы у компонента , а не у дом

Удобство, обход подводных камней, и меньшее использование циклов для перебора элементов.

Сорян, конечно. Но при любом ререндеринге у тебя всё по пизде будет идти.

Я не являюсь ярым фанатом jquery, просто объясните мне чем реакт так хорош, что он без проблем, да ещё и с хорошим отрывом обходит jq.

Потому что используя реакт тебе нельзя лезть в дом совершенно.

Я не являюсь ярым фанатом jquery, просто объясните мне чем реакт так хорош, что он без проблем, да ещё и с хорошим отрывом обходит jq.

Лезь в гугл за сравнениями.

Привет, а есть кто в JEST сечет? есть модуль в нем несколько функций, некоторые используют друг друга, все exported. в тесте некторые функции тестятся, потом в тестах других функций мокаются те от которых они зависят (уже протещенные), так вот не мокаются, в чем дело? может кто помочь разобраться?

Лезь в гугл за сравнениями.

$('.fullSize').css({ width: document.documentElement.clientWidth, height: document.documentElement.clientHeight });

$('.fullSize').css({ width: document.documentElement.clientWidth, height: document.documentElement.clientHeight });

Как это реализовать удобно в react?

$('.fullSize').css({ width: document.documentElement.clientWidth, height: document.documentElement.clientHeight });

И зачем тебе реакт тогда?)

И зачем тебе реакт тогда?)

Компонентная архитектура.

Т.е. вообще наличие архитектуры.

Начальной.

Компонентная архитектура.

Ты своим jQ всю компонентную архитектуру ломаешь.

Я не являюсь ярым фанатом jquery, просто объясните мне чем реакт так хорош, что он без проблем, да ещё и с хорошим отрывом обходит jq.

Реакт и жейквери ортогональные вещи. Жейквери это синтакический сахар для работы с DOM API но работы на прямую с ним. С реактом ты вообще в дом не лезешь. Судя по вопросам ты не очень понимаешь зачем нужен реакт тебе

Потому что реакт считает, что у тебя нет ничего, что работает с дом, кроме реакта.

Ты своим jQ всю компонентную архитектуру ломаешь.

Андрей, я пытаюсь разобраться, но до сих пор, никак не вникну как получить элементы с определённым классом и задать им нужную ширину и высоту? Я очень сильно хочу это понять, но пока то, что я слышу - это jquery кусок говна и react крут! Но при этом вы меня грубо говоря шлёте на ***, не говоря как можно реализовать функционал.

Я не являюсь ярым фанатом jquery, просто объясните мне чем реакт так хорош, что он без проблем, да ещё и с хорошим отрывом обходит jq.

вот отличная статья которая все объясняет (относится не только к реакту а и к другим фреймворкам которые сравнивают с jquery) - https://medium.com/dailyjs/the-deepest-reason-why-modern-javascript-frameworks-exist-933b86ebc445

Андрей, я пытаюсь разобраться, но до сих пор, никак не вникну как получить элементы с определённым классом и задать им нужную ширину и высоту? Я очень сильно хочу это понять, но пока то, что я слышу - это jquery кусок говна и react крут! Но при этом вы меня грубо говоря шлёте на ***, не говоря как можно реализовать функционал.

Получаешь с рефа размеры и кладёшь в стейт, потом рендеришь.

Получаешь с рефа размеры и кладёшь в стейт, потом рендеришь.

Походу догнал.

Андрей, я пытаюсь разобраться, но до сих пор, никак не вникну как получить элементы с определённым классом и задать им нужную ширину и высоту? Я очень сильно хочу это понять, но пока то, что я слышу - это jquery кусок говна и react крут! Но при этом вы меня грубо говоря шлёте на ***, не говоря как можно реализовать функционал.

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

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

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

Забудь о классах. У тебя нет таких вещей.

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

Ок. Думаю мне следует прочесть статью, которую скинул Богдан и только затем возвращаться с вопросами и не долбить вам пока что мозг)

Ребят, не поможете придумать решение. Есть сотня реакт компонентов в проекте. Каждый компонент использует функцию i18n, которая не зависит от редакса. Функция получает ключ и возвращает строку, это прописано прям в рендер компонента. Не все компоненты коннектятся к редаксу. Задача: при переключении языка (на это своя абстракция заведена) просто вызвать рендер метод всех компонентов. Как это сделать законно? Не хочу писать дополнительные обёртки или HOC под каждый компонент.

Я считаю что это архитектурный косяк, который и породил сам такой вопрос. Но если бы были жесткие ограничения - бы смотрел куда-то в сторону Rx, но это по сути - второй redux - state container

Ребят, не поможете придумать решение. Есть сотня реакт компонентов в проекте. Каждый компонент использует функцию i18n, которая не зависит от редакса. Функция получает ключ и возвращает строку, это прописано прям в рендер компонента. Не все компоненты коннектятся к редаксу. Задача: при переключении языка (на это своя абстракция заведена) просто вызвать рендер метод всех компонентов. Как это сделать законно? Не хочу писать дополнительные обёртки или HOC под каждый компонент.

Никак.

Привет! Почему в Реакте нет таких вещей как: добавить дочерний компонент, удалить? Эту возможность конвертировали в отрисовку (мол изменилось состояние и в зависимости от этого отрисовать дочерний компонент - то бишь добавить, или не отрисовать - то бишь удалить). Когда этих дочерних компонент мало - проблем нет. А что делать, если их много? Причем видов компонент тоже много. И заранее неизвестно какие компоненты там будут. Например взять компонент, внутри которого SVG для реализации Corel Draw образного приложения.

Привет! Почему в Реакте нет таких вещей как: добавить дочерний компонент, удалить? Эту возможность конвертировали в отрисовку (мол изменилось состояние и в зависимости от этого отрисовать дочерний компонент - то бишь добавить, или не отрисовать - то бишь удалить). Когда этих дочерних компонент мало - проблем нет. А что делать, если их много? Причем видов компонент тоже много. И заранее неизвестно какие компоненты там будут. Например взять компонент, внутри которого SVG для реализации Corel Draw образного приложения.

А что такое "добавить дочерний компонент"?

А что такое "добавить дочерний компонент"?

Например component.addChildComponent(<Component2/>)

Например component.addChildComponent(<Component2/>)

И что должно произойти?

Например component.addChildComponent(<Component2/>)

Это противоречит подходу реакта

И что должно произойти?

render() { return ( ... <Component2/> ... ); }

render() { return ( ... <Component2/> ... ); }

В рандомное место вставится?)

render() { return ( ... <Component2/> ... ); }

+ ты вносишь детерменизм.

Это противоречит подходу реакта

а в чем противоречие?

а в чем противоречие?

В декларативности

Ребят, не поможете придумать решение. Есть сотня реакт компонентов в проекте. Каждый компонент использует функцию i18n, которая не зависит от редакса. Функция получает ключ и возвращает строку, это прописано прям в рендер компонента. Не все компоненты коннектятся к редаксу. Задача: при переключении языка (на это своя абстракция заведена) просто вызвать рендер метод всех компонентов. Как это сделать законно? Не хочу писать дополнительные обёртки или HOC под каждый компонент.

Можно поменять key корневому компоненту, тогда все приложение перемонтируется. Это рабочий вариант. Но если какие сайдэффекты есть в didMount -- они вызовутся и может нехорошо получиться.

ERROR: S client not available

а в чем противоречие?

В том, что у тебя рендер зависит только от двух вещей. От пропсов и от состояния.

+ ты вносишь детерменизм.

Поясните. Согласно детерминизму, все происходящее в мире, включая ход человеческой жизни и человеческой истории, предопределено либо судьбой... Это не очень понятно.

Поясните. Согласно детерминизму, все происходящее в мире, включая ход человеческой жизни и человеческой истории, предопределено либо судьбой... Это не очень понятно.

Осталось дать определение судьбы, но это оффтоп.

Поясните. Согласно детерминизму, все происходящее в мире, включая ход человеческой жизни и человеческой истории, предопределено либо судьбой... Это не очень понятно.

Бля сильно

Поясните. Согласно детерминизму, все происходящее в мире, включая ход человеческой жизни и человеческой истории, предопределено либо судьбой... Это не очень понятно.

Детерминированность функции почекай

Твой рендер зависит только от стейта и пропсов. В идеальном мире стейта нет у тебя.

В том, что у тебя рендер зависит только от двух вещей. От пропсов и от состояния.

так вроде это нормально, что он от того и сего зависит

Детерминированность функции почекай

чистая функция что-ли?

так вроде это нормально, что он от того и сего зависит

А теперь посмотри на своё предложение.

чистая функция что-ли?

Нет. Погугли.

Так, прочел статью, и чутка вроде вник. Но есть вопрос по моей задаче, но сначала объясню модель, которую познал: В общем, нужно изначально задавать те параметры которые мы хотим задать прямо в самом шаблоне (благо jsx позволяет). И теперь мой случай, у меня, допустим есть 10 различных section'ов, как мне им задать необходимую ширину и высоту? Я могу в принципе задать их через аттрибут <section style="width: {needenWidth}"> Верно понял, или снова мимо?

Так, прочел статью, и чутка вроде вник. Но есть вопрос по моей задаче, но сначала объясню модель, которую познал: В общем, нужно изначально задавать те параметры которые мы хотим задать прямо в самом шаблоне (благо jsx позволяет). И теперь мой случай, у меня, допустим есть 10 различных section'ов, как мне им задать необходимую ширину и высоту? Я могу в принципе задать их через аттрибут <section style="width: {needenWidth}"> Верно понял, или снова мимо?

Верно.

Например component.addChildComponent(<Component2/>)

$.append и выкидывай реакт

Можно поменять key корневому компоненту, тогда все приложение перемонтируется. Это рабочий вариант. Но если какие сайдэффекты есть в didMount -- они вызовутся и может нехорошо получиться.

Спасибо за наводку!

Нет. Погугли.

Вот, из википедии В языках программирования, чистая функция, это функция, которая: является детерминированной; не обладает побочными эффектами. не то?

чистая функция что-ли?

Чистая функция включает в себя, но это не одно и тоже

$.append и выкидывай реакт

намекают что jQuery низя в реакте

Вот, из википедии В языках программирования, чистая функция, это функция, которая: является детерминированной; не обладает побочными эффектами. не то?

Каждая твоя мама - это человек, но не каждый человек - твоя мама.

намекают что jQuery низя в реакте

реакт не нужен

Каждая твоя мама - это человек, но не каждый человек - твоя мама.

Сук, я думал только в доте мам вспоминают, хм

Каждая твоя мама - это человек, но не каждый человек - твоя мама.

ок найду позже тогда в общем я понял пока то, что внедрение метода addComponent, который меняет ответ render - противоречит реакт-идеологии Верно?

ок найду позже тогда в общем я понял пока то, что внедрение метода addComponent, который меняет ответ render - противоречит реакт-идеологии Верно?

Да.

реакт не нужен

это экстримизм!

Да.

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

Это лишь примеры

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

Берешь и делаешь. В чём проблема?

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

Берешь и делаешь. В чём проблема?

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

мозг уже прикипел к addComponent как это делают в реакте???

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

Добавляешь в стейт

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

2 разнотипных дочерних элемента добавлять сможешь?