Kurzdor
тьфу, 8
🅅aleriy
т.е. сделать по нормальному вообще без эффекта
Kurzdor
в общем, смысл в том, чтобы вынести эффект в родителя в виде простого вычисления пропса
а как тогда handleClose? просто сделать чтобы всплывало в родителя?
🅅aleriy
а как тогда handleClose? просто сделать чтобы всплывало в родителя?
надо пронести функцию в этот компонент из родителя
🅅aleriy
которая сохранит значение в локалстоадж
🅅aleriy
ты наделил этот маханький компонент в 8 строк слишком тяжелой логикой
🅅aleriy
он и с локалстораджем у тебя работает
🅅aleriy
и стейт свой имеет
🅅aleriy
и работает некорректно при этом в одной ситуации
🅅aleriy
но постоянно
Kurzdor
ты наделил этот маханький компонент в 8 строк слишком тяжелой логикой
а как можно разбивать эту логику, когда очень она большая в очень большом компоненте?
🅅aleriy
ну и когда сделаешь этот компонент чистым без эффектов ненужных оберни его в memo(...) еще
Kurzdor
итого этот файлик со всеми импортами/css-in-js 93 строки
Kurzdor
css-in-js стоит выносить?
Kurzdor
NDA
🅅aleriy
наверняка и в тех 93 строках порылась собака
🅅aleriy
🅅aleriy
на то он и css in js
🅅aleriy
чтобы быть под боком рядом с компонентом, а не в соседнем файле
Kurzdor
css-in-js стоит выносить?
в отдельный файл
Kurzdor
понял
🅅aleriy
если выносить css-in-js в отдельный файл, то нафиг он вообще тогда сдался? 🙂
Vadim
Зато нужна мемоизация
не думаю, что сразу нужно бежать и все мемоизировать
🅅aleriy
что-то статичное ведь можно в таком случае и в scss держать, а динамику в style={}
Kurzdor
если выносить css-in-js в отдельный файл, то нафиг он вообще тогда сдался? 🙂
я вот думаю статику в css-in-js пихнуть (это стилизация всяких сликов и других модулей с кастомизацией через css)
Kurzdor
но понял что бандл взвинтит к небесам по весу
Kurzdor
и ну его на
🅅aleriy
смысла выносить это в отдельный файл обычно нет потому что 1. компонент не должен быть слишком глубоким по структуре в одном файле 2. обычно это 3-5 стилизованных тэга/компонента 3. большая часть таких стилизованных элементов не расшарены и не используются в других местах приложения 4. в среднем такая локальная стилизация не более 10-12 строк
Anonymous
1К сообщений. офигеть
Anonymous
Дамы и Джентльмены, не смогли вы мне подсказать хороший курс по React Js по вашему мнению, желательно что бы курс без воды и сопли. Заранее буду благодарен тем кто любезно поделиться.
Inversia
Вы про оф.документацию ?
ага. там вроде без воды, соплей и с примерами. не подходит такое?
Anonymous
ага. там вроде без воды, соплей и с примерами. не подходит такое?
Я сторонник видео курсов, мне намного удобнее сначала посмотреть видео, а потом укреплять с чтением
Bogdan
как называется паттерн или представление кода в реакте?
Looch
flux наверное
Looch
если ты общую архитектуру
Bogdan
если ты общую архитектуру
я не знаю как по другому спросить, да скорее всего про архитектуру
Looch
тогда начни с flux
Looch
Хотя тоже все не очень однозначно
Looch
можно и MVVM натянуть
Anonymous
https://www.udemy.com/share/1000uMAkYcdVlWTHQ=/
Я благодарен вам что вы любезно поделились. Но так как мой английский на низком уровне, я не смогу посмотреть этот курс и получить пользу от этого, если у вас есть ссылка на аналогичные курсы на русском языке то я буду благодарен.
Looch
Может ты про паттерн компоновщик?
композиция если ты про нее
Looch
то это не совсем паттерн
Aliaksei
https://refactoring.guru/ru/design-patterns/composite
Sergey
Я благодарен вам что вы любезно поделились. Но так как мой английский на низком уровне, я не смогу посмотреть этот курс и получить пользу от этого, если у вас есть ссылка на аналогичные курсы на русском языке то я буду благодарен.
тогда учи англйиский. так как в программировании это основной язык и все толковые статьи, видео и курсы именно на английском, как синтаксис большинства языков. программирование требует умения писать/читать технический код, как и написания документации
Anonymous
На самом деле, можете порыскать по Udemy. Там есть на русском. По рейтингу и отзывам можно понять нормальный материал или нет.
Если я сюда скину ссылку на курс из курсхантера то администрация чата не будет против?
Bogdan
а вот компоненты контролируемые и нет, первые управляются пропсами вторые локальный стейт?
Looch
Sergey
В данный момент я хожу на курсы английского.
хорошо, продолжай привыкать к этому языку
Looch
а что еще?
целый миллион способов трекать состояние UI
Looch
от стейт манагеров до клиентов для gql
Bogdan
целый миллион способов трекать состояние UI
для чего трекать состояние UI? на практике можно словесный пример?
Anonymous
Я не знаю) не должна
Если вы уже знакомы с React'ом то посмотрите этот курс и скажите на сколько хорошо подача материалов. Ссылка: https://coursehunters.net/course/react-redux-professionalnaya-razrabotka Если администрация данного чата запрещает ссылки на такие ресурсы то я готов удалить своё сообщение.
Looch
ui это просто представление данных который у тебя в стейте
Bogdan
ну основное различие от того, как он управляется внешне либо локально?
Looch
зависит от задачи
Bogdan
ui это просто представление данных который у тебя в стейте
чекбокса состояние относится к UI треку? мы там тоже вроде смотрим какой нажат?
Looch
тебе надо понять какое состояние должен представлять этот чекбокс
Bogdan
я понимаю, что зависит от задачи, но чем отличаются они я хотел узнать
Looch
ну одно глобальное другое локальное
Looch
к глобальному подписку можешь делать в любом месте дерева компонетов
Vadim
Явно не с реактом связано)