Нечитабельно, неудобно, сложно рефакторить потом

Напиши минимальный пример кастомного компонента кнопки на ангуляре, и сравни его с примером на styled components

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

"processors": ["stylelint-processor-styled-components"], "extends": [ "stylelint-config-standard", "stylelint-config-styled-components" ], для stylelintrc

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

не выносит фигово, красота пропадает)

где по правильному делать запрос за новым access токеном ? все примеры в лучшем случае с одним токеном да и то реализованы абы как - они его либо в local storage кладут либо еще и декодируют прям в реакте.

не выносит фигово, красота пропадает)

Поддерживать зато легче

Папочка UI ещё есть

Папочка UI ещё есть

по мне это трушный вариант, в папке ui и должны жить стайледы)

func(target = 'module', action = 'show'); - товариши а что думаете о такой записи? Понятное дело что когда там больше 2-3 проще объект юзать

Для чего это вообще

Дефолт аргументы в функции?

func(target = 'module', action = 'show'); - товариши а что думаете о такой записи? Понятное дело что когда там больше 2-3 проще объект юзать

Обж давай опшнс

ну как бы название аргументов видны при вызове функции, фиг знает читаемей что ли) Ну а так да, можно и объект

Дефолт аргументы в функции?

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

Не знаю, нормально ли объяснил ??‍♂️

Ребзя сорри за офтоп. Если бы у вас был выбор пойти учиться на artificial intelligence или data science. Куда бы вы пошли?)

ai

Ребзя сорри за офтоп. Если бы у вас был выбор пойти учиться на artificial intelligence или data science. Куда бы вы пошли?)

пошел бы шлепать формы на голеру, конечно

Ребзя сорри за офтоп. Если бы у вас был выбор пойти учиться на artificial intelligence или data science. Куда бы вы пошли?)

На работку да

А верстать email уже нынче не круто?)

пошел бы шлепать формы на голеру, конечно

Ладно, спасибо)

А если уже на галерее с реактом, но хочу большего?))

А если уже на галерее с реактом, но хочу большего?))

Тогда самое время верстать мыла

А если уже на галерее с реактом, но хочу большего?))

начни холивар в фп чатике

начни холивар в фп чатике

Дашь мне ссылочку?

А верстать email уже нынче не круто?)

Слишком сложно для типичного фронтендера

Дашь мне ссылочку?

@frp_ru

Спасибо

@frp_ru

Похоже там много отбитых)

Похоже там много отбитых)

только таким под силу освоить фп в полной мере

Десантируйте туда местных админов, и фп будет под силу каждому (выжившему)

только таким под силу освоить фп в полной мере

Я имел ввиду в плохом смысле) Я сам на фп сижу

берем ramda и уже как бы почти тру фпшник)

берем ramda и уже как бы почти тру фпшник)

Эм хз

берем ramda и уже как бы почти тру фпшник)

там писали что рамбда это ооп

вроде все что не хаскель ооп)

F# топ

но вообще хз где его юзают

R.and(true, true); c рамды

там писали что рамбда это ооп

Там у людей с головой проблемы значит

вроде все что не хаскель ооп)

Липс, элексир, го?

Липс, элексир, го?

го ни рыба ни мясо

Липс, элексир, го?

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

Он самый новый и стабильный по сути

Он самый новый и стабильный по сути

и самый уродский)

и самый уродский)

Предлагаю заюзать эвфемизм топорный

Уважаемые, как сделать анимацию высоты ? (height)

0% > 100% && 100% > 0%

0% > 100% && 100% > 0%

а?

Уважаемые, как сделать анимацию высоты ? (height)

.e { transition: .3s; transition-property: height; }, <div className={'e'} style={{ height: yourHeight + 'px' }} />

или css анимации с keyframes

.e { transition: .3s; transition-property: height; }, <div className={'e'} style={{ height: yourHeight + 'px' }} />

высота разве так анимируется?

по-моему это делают через max-height

.example-enter { height: 0px; } .example-enter.example-enter-active { height: auto; transition: 1s; } .example-leave { height: auto; } .example-leave.example-leave-active { height: 0px; transition: 1s; }

.example-enter { height: 0px; } .example-enter.example-enter-active { height: auto; transition: 1s; } .example-leave { height: auto; } .example-leave.example-leave-active { height: 0px; transition: 1s; }

попробуй задать фиксированную высоту, а транзишном менять max-height

.example-enter { height: 0px; } .example-enter.example-enter-active { height: auto; transition: 1s; } .example-leave { height: auto; } .example-leave.example-leave-active { height: 0px; transition: 1s; }

так не будет работать

высота разве так анимируется?

https://codesandbox.io/s/nnv6p9mll

https://codesandbox.io/s/nnv6p9mll

хм круто, я помню пробовал анимировать через css transition, в случае с auto не работало

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

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

https://codesandbox.io/s/nnv6p9mll в чем проблема с высотой 100%?

ERROR: S client not available

https://codesandbox.io/s/nnv6p9mll в чем проблема с высотой 100%?

ну я написал про auto

а не про 100%

ну я написал про auto

да, ты прав, это делают через max-height, правда это тоже костыль https://codesandbox.io/s/nnv6p9mll

да, ты прав, это делают через max-height, правда это тоже костыль https://codesandbox.io/s/nnv6p9mll

причем дикий костыль

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

иначе выглядит это все довольно убого

requestAnimationFrame классная штука, правда для простых анимаций оверхед

Проще и красивее через js это сделать, думаю.

Проще и красивее через js это сделать, думаю.

могут быть проблемы при ресайзе

могут быть проблемы при ресайзе

в бутстрапе это как-то нормально сделано в collapsible, руки не дошли посмотреть

в бутстрапе это как-то нормально сделано в collapsible, руки не дошли посмотреть

вот норм решение https://codesandbox.io/s/nnv6p9mll только нужно scrollHeight получать из элемента

вот норм решение https://codesandbox.io/s/nnv6p9mll только нужно scrollHeight получать из элемента

вроде норм

могут быть проблемы при ресайзе

если не учесть ресайз, то конечно будут

Как подружить реакт с нодой на одной машине?

Failed to load http://localhost:8000/adduser: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3000' is therefore not allowed access.

в реактовском ивенте для полей ввода onChange можно доставать exent.target.name и event.target.value, но остальные пропсы так достать не получается. есть какой-то способ? Писать функцию обертку, чтоб принимала и ивент, и аргумент? В инете нахожу варианты обращаться по ссылке ref, использовать аттрибуты DOM элемента или байндить ивент лиснер с отдельным аргументом. Есть более изящные варианты? UPD: getAttribute пока пойдёт.

Failed to load http://localhost:8000/adduser: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3000' is therefore not allowed access.

proxy не помогло

proxy не помогло

Ты из реакта обращался к адресу реакта? когда такую прокси используешь, надо из реакта обращаться http://whereReactRuns:rport/yourrequest, а нода сама себе случает где надо. А в прокси ставишь уже адрес ноды.

"proxy": "http://localhost:3333/",

реакт на 3000м порту, экспресс на 3333м

в реактовском ивенте для полей ввода onChange можно доставать exent.target.name и event.target.value, но остальные пропсы так достать не получается. есть какой-то способ? Писать функцию обертку, чтоб принимала и ивент, и аргумент? В инете нахожу варианты обращаться по ссылке ref, использовать аттрибуты DOM элемента или байндить ивент лиснер с отдельным аргументом. Есть более изящные варианты? UPD: getAttribute пока пойдёт.

кароче воротил всё это, чтобы сделать форму с кастомным количеством пар полей. Вроде работает, но там из-за того, что мапятся компоненты по полю стейта, который они же сами и обновляют, происходят 1)ненужные перерендеривания всех полей 2) слетает курсор , но только на полях в первом ряду. Гляньте сэндбокс, кому не сложно? https://codesandbox.io/s/wqp33z0olw

реакт на 3000м порту, экспресс на 3333м

а реакт обращается к 3000му порту?

аааа ёп

Спасибо!

взлетело

подскажите, как в нектс джс вызвать функцию при загрузке приложения только один раз и только на стороне браузера (вешаю сервис-воркер)

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

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

Но я могу ошибаться