Андрей
Щас пишу в санбоксе компонент с помощью стайлед-компонент. Там если я обновлю страницу то стили не применяются, типо класс на сервере не такой как на клиенте, как пофиксить ?
G.
Ребят, как сделать number инпут, который подстривает свою ширину под введенное значение? Столкнулся с тем, что onChange не срабатывает при вводе + . -
G.
Запретить бы как то ввод этих символов
Anonymous
Народ посоветуйте хорошую статью по архитектуре реакт приложения, пожалуйста.
Sergey
Ребят, как сделать number инпут, который подстривает свою ширину под введенное значение? Столкнулся с тем, что onChange не срабатывает при вводе + . -
чтоб ширину подстраивать, достаточно подложить снизу элемент с тем же контентом и теми же настройками шрифтов
Sergey
По файлам
feature slices.
Sergey
или Абрамова, где он говорит что это всё фигня и надо делать как удобно)
Sergey
со временем это придёт само. Возможно придётся поплакать когда будешь рефакторить неправильную структуру, но зато поймёшь что почему и всё такое)
Kurzdor
лично у меня такая api components pages store utils App.js index.js
Kurzdor
api - запросы на сервер
Sergey
лично у меня такая api components pages store utils App.js index.js
это не совсем feature slices)) Скорее как бы наоборот
Kurzdor
pages/routes -- только роуты и рядом компоненты
Kurzdor
это не совсем feature slices)) Скорее как бы наоборот
Прости господи, не зря я ляпнул
Sergey
Прости господи, не зря я ляпнул
то есть против feature slices?)
Kurzdor
Не точно ибо не юзал их
Anonymous
https://m.habr.com/ru/company/hh/blog/310524/ я эту статью читал, не знаю правильная ли там архитектура
Sergey
Что-то не понял, в каком смысле подложить?
снизу position: relative с текстом обычным элементом. Сверху сам инпут с position: absolute
Kurzdor
https://github.com/JedWatson/react-input-autosize
Sergey
autosize input react
у этого автора из годного по-моему только classnames ещё хоть как-то) А эта штука неоправданно усложнена. Можно сделать куда проще
Sergey
https://m.habr.com/ru/company/hh/blog/310524/ я эту статью читал, не знаю правильная ли там архитектура
вот такое хрень. Далее где про модули норм. Статью только полистал, хз чё там в остальном))
Sergey
Буду знать :)
оно как бы не совсем хрень конечно. То что на скрине можно юзать для прям глобальных вещей. Остальное по модулям удобнее и логичнее. В общем я смешиваю подходы) А крайности снова гавно)
G.
Я пока сделал был через задание ширины контейнера, в зависимости от количества введенных цифр, но + - и . все портят)
Sergey
А какая у тебя архитектура папок ?
такое примерно. Там ещё store есть с глобальными вещами и всё такое. Просто папок дофига довольно-таки)) bootstrap это не про UI kit от твиттера, если что)
Sergey
со временем пришёл к тому что чем меньше вложенности тем лучше. Но тут на вкус и цвет все фломастеры разные
G.
text-mask есть такой проект на гитхабе. Вот видимо он нужен
Тут народ еще пишет, что есть у инпута аттрибут "паттерн" с помощью которого похоже можно огрничить вводимые символы
Sergey
Сложно :)
там большая часть это сущности бизнеса как бы)
Sergey
.net ?
нет. Откуда такие мысли?)
Anton
Здравствуйте, можно ли с помощью react router на одну ссылку назначить несколько переходов по разным страницам
Sergey
Здравствуйте, можно ли с помощью react router на одну ссылку назначить несколько переходов по разным страницам
какой-то странный запрос. Вам так не кажется?))) Как это вообще должно работать?
Anton
Вообщем, при каждом клике на ответить,нужно рендерить другой элемент с ответами
Sergey
Вообщем, при каждом клике на ответить,нужно рендерить другой элемент с ответами
так это не про ссылку. Да и не факт что тут вообще нужен роутер
Anonymous
нет. Откуда такие мысли?)
да я чет глянул на папку _core
G.
Это нормально что onChange не срабатывает при вводе + или - в инпут с type number?
Sergey
да я чет глянул на папку _core
Ну там подчёркивание чтоб это наверх всплыло
Kurzdor
Или поищи в гугле
Anton
Это как должно работать?
Нажимаешь на ответить, перебрасывает на другой компонент с ответами
Ilia
Ребят,расскажите плис про плюсы и минусы реакта)))Плюс это то что мы подключаем только те компоненты к стору,которым нужна инфа,исключив лишие пробрасывания.А минус это куча зависимостей?
Mihail
@defaultvoice
Ilia
Упс,редакс да
Mihail
Ох зря вы это
Ilia
Я готовлюсь к собесе,поэтому не имею другого выбора)
Mihail
@Tchernyavsky
Maxim
Когда-нибудь всем надоест этот срач.
Ilia
Объективно и кратко)Что бы не затупил на собеседовании)
Ilia
Те что я пречислил ,я прав?
Maxim
Я готовлюсь к собесе,поэтому не имею другого выбора)
Единый источник правды, отсутствие пробрасываний - это про стейт-менеджер в целом. Про любой.
Vladimir
Кто-нибудь знает куда копать? Когда переключаюсь между любыми двумя роутами, с каждым новым переключением работает на 20ms дольше (переключение)
Евгений
Я готовлюсь к собесе,поэтому не имею другого выбора)
Есть выбор. Который не ведет у тому чтобы пытаться холивары в чатике устраивать) Рассказать про минусы любого инструмента это хорошо конечно, только если ты их ощутил, а не потому что в интернете так пишут, а то сядешь в лужу на первом вопросе.
Dwight🫀
Здарова парни, скиньте кому не сложно ресурсы для изучения Реакта или сайт из задачками, буду очень благодарен)
Oleg
Всем привет, такой вопрос. У меня есть лист данных которые я получаю от api. Мне надо отмапать их и рядом с каждой записью вывести типо сердца и реализовать функционал типо like/unlike. Сижу туплю
Евгений
А так ты можешь поресерчить и сам
Евгений
Холивары в интернете по любой теме можно найти)
Евгений
беги с такой конторы
Ну, так тоже можно, я исхожу из того что джуну сложно устроиться