тьфу, 8

т.е. сделать по нормальному вообще без эффекта

в общем, смысл в том, чтобы вынести эффект в родителя в виде простого вычисления пропса

а как тогда handleClose? просто сделать чтобы всплывало в родителя?

а как тогда handleClose? просто сделать чтобы всплывало в родителя?

надо пронести функцию в этот компонент из родителя

которая сохранит значение в локалстоадж

надо пронести функцию в этот компонент из родителя

понял

ты наделил этот маханький компонент в 8 строк слишком тяжелой логикой

он и с локалстораджем у тебя работает

и стейт свой имеет

и работает некорректно при этом в одной ситуации

но постоянно

ты наделил этот маханький компонент в 8 строк слишком тяжелой логикой

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

ну и когда сделаешь этот компонент чистым без эффектов ненужных оберни его в memo(...) еще

итого этот файлик со всеми импортами/css-in-js 93 строки

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

ну хз не видя код сложно сказать

css-in-js стоит выносить?

NDA

наверняка и в тех 93 строках порылась собака

css-in-js стоит выносить?

нет конечно

наверняка и в тех 93 строках порылась собака

в каком смысле?

на то он и css in js

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

css-in-js стоит выносить?

в отдельный файл

понял

если выносить css-in-js в отдельный файл, то нафиг он вообще тогда сдался? 🙂

Зато нужна мемоизация

не думаю, что сразу нужно бежать и все мемоизировать

что-то статичное ведь можно в таком случае и в scss держать, а динамику в style={}

если выносить css-in-js в отдельный файл, то нафиг он вообще тогда сдался? 🙂

я вот думаю статику в css-in-js пихнуть (это стилизация всяких сликов и других модулей с кастомизацией через css)

но понял что бандл взвинтит к небесам по весу

и ну его на

я вот думаю статику в css-in-js пихнуть (это стилизация всяких сликов и других модулей с кастомизацией через css)

у вас там styled-components? emotion?

у вас там styled-components? emotion?

Емоция

смысла выносить это в отдельный файл обычно нет потому что 1. компонент не должен быть слишком глубоким по структуре в одном файле 2. обычно это 3-5 стилизованных тэга/компонента 3. большая часть таких стилизованных элементов не расшарены и не используются в других местах приложения 4. в среднем такая локальная стилизация не более 10-12 строк

1К сообщений. офигеть

Дамы и Джентльмены, не смогли вы мне подсказать хороший курс по React Js по вашему мнению, желательно что бы курс без воды и сопли. Заранее буду благодарен тем кто любезно поделиться.

Дамы и Джентльмены, не смогли вы мне подсказать хороший курс по React Js по вашему мнению, желательно что бы курс без воды и сопли. Заранее буду благодарен тем кто любезно поделиться.

на официальном сайте туториал пробовали?

на официальном сайте туториал пробовали?

Вы про оф.документацию ?

Вы про оф.документацию ?

ага. там вроде без воды, соплей и с примерами. не подходит такое?

ага. там вроде без воды, соплей и с примерами. не подходит такое?

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

как называется паттерн или представление кода в реакте?

flux наверное

как называется паттерн или представление кода в реакте?

максимально абстрактный вопрос

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

https://www.udemy.com/share/1000uMAkYcdVlWTHQ=/

если ты общую архитектуру

если ты общую архитектуру

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

тогда начни с flux

Хотя тоже все не очень однозначно

как называется паттерн или представление кода в реакте?

Может ты про паттерн компоновщик?

можно и MVVM натянуть

https://www.udemy.com/share/1000uMAkYcdVlWTHQ=/

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

Может ты про паттерн компоновщик?

композиция если ты про нее

то это не совсем паттерн

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

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

https://refactoring.guru/ru/design-patterns/composite

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

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

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

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

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

https://refactoring.guru/ru/design-patterns/composite

я думал ты про compose

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

Я не знаю) не должна

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

В данный момент я хожу на курсы английского.

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

не всегда локальный стейт

не всегда локальный стейт

а что еще?

В данный момент я хожу на курсы английского.

хорошо, продолжай привыкать к этому языку

а что еще?

целый миллион способов трекать состояние UI

от стейт манагеров до клиентов для gql

целый миллион способов трекать состояние UI

для чего трекать состояние UI? на практике можно словесный пример?

для чего трекать состояние UI? на практике можно словесный пример?

ui = f(state)

для чего трекать состояние UI? на практике можно словесный пример?

музыкальный плеер

Я не знаю) не должна

Если вы уже знакомы с React'ом то посмотрите этот курс и скажите на сколько хорошо подача материалов. Ссылка: https://coursehunters.net/course/react-redux-professionalnaya-razrabotka Если администрация данного чата запрещает ссылки на такие ресурсы то я готов удалить своё сообщение.

ui это просто представление данных который у тебя в стейте

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

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

можно делать и так и так

зависит от задачи

ui это просто представление данных который у тебя в стейте

чекбокса состояние относится к UI треку? мы там тоже вроде смотрим какой нажат?

чекбокса состояние относится к UI треку? мы там тоже вроде смотрим какой нажат?

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

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

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

ну одно глобальное другое локальное

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

Явно не с реактом связано)