Даже для компонентов?
Ага
Больше строк кода, но однообразность
Таймураз
Таймураз
Чем меньше различных условий коллеги держат в голове при написании кода, тем больше они работают над логикой
Алексей
Ну, меня бесят const asdFunc = () => 1, которые можно оформить в качестве function asdFunc() {return 1}.
Наверно как-то так будет: если у вас данные, то const, если у вас логика, то function(исключение - лямбды в колбеках). Компонент - это данные однозначно.
В каком смысле компонент - это данные?
Таймураз
А ебать себе мозг, как написать функцию- такое
Таймураз
Ну, меня бесят const asdFunc = () => 1, которые можно оформить в качестве function asdFunc() {return 1}.
Наверно как-то так будет: если у вас данные, то const, если у вас логика, то function(исключение - лямбды в колбеках). Компонент - это данные однозначно.
Стооой
Компонент- это не данные=)
Вот опять-таки, ты создаешь спорное утверждение
Таймураз
Вот просто если к термину функции вернуться, ты уже создаешь неопределенность
Фу́нкция (отображе́ние, опера́тор, преобразова́ние) — в математике соответствие между элементами двух множеств, установленное по такому правилу, что каждому элементу одного множества ставится в соответствие некоторый элемент из другого множества.
Андрей
Стооой
Компонент- это не данные=)
Вот опять-таки, ты создаешь спорное утверждение
У меня все компоненты - это const Component = (props) => JSX(props), где в JSX нет никакой логики от слова совсем.
no
Ну, меня бесят const asdFunc = () => 1, которые можно оформить в качестве function asdFunc() {return 1}.
Наверно как-то так будет: если у вас данные, то const, если у вас логика, то function(исключение - лямбды в колбеках). Компонент - это данные однозначно.
Это удобнее, чем каждый раз писать фанкш и ретён
Таймураз
У меня все компоненты - это const Component = (props) => JSX(props), где в JSX нет никакой логики от слова совсем.
Если в пропсы передать разные значения- будет разный результат
С точки зрения математики это и есть функция
Алексей
У меня все компоненты - это const Component = (props) => JSX(props), где в JSX нет никакой логики от слова совсем.
Даже условий и map нет? Ну это всё равно не данные. Это функция.
Daniil
Андрей
Если в пропсы передать разные значения- будет разный результат
С точки зрения математики это и есть функция
У нас не математика, справедливости ради.
Алексей
У нас программирование. С точки зрения программирования это всё равно функция.
Таймураз
У нас не математика, справедливости ради.
Да я клоню к тому, что ты для терминов придумываешь несколько иные обозначения, что диссонанс в головах вызывает
no
Ну, меня бесят const asdFunc = () => 1, которые можно оформить в качестве function asdFunc() {return 1}.
Наверно как-то так будет: если у вас данные, то const, если у вас логика, то function(исключение - лямбды в колбеках). Компонент - это данные однозначно.
Попробуйте начать разбираться в стрелочных функциях, может тогда они вас перестанут бесить..
Таймураз
Я раньше тоже конст хуярил, например
Sergey
Ну, меня бесят const asdFunc = () => 1, которые можно оформить в качестве function asdFunc() {return 1}.
Наверно как-то так будет: если у вас данные, то const, если у вас логика, то function(исключение - лямбды в колбеках). Компонент - это данные однозначно.
а синхронный экшен это разве не данные? Тогда почему они функции, а не сущности, если компонент - это данные, а данные есть сущность?
Таймураз
Андрей
Попробуйте начать разбираться в стрелочных функциях, может тогда они вас перестанут бесить..
Я хочу различать визуально логику от компонентов.
no
Я хочу различать визуально логику от компонентов.
Я думаю вы сразу увидите что функция - компонент, заметив jsx в описании
Алексей
компоненты вполне могут содержать логику
Ivan
Ребят подскажите есть ли какое то расширение для браузера, которое может сделать снапшот состояния стейта реакта или редакса, и сохранить его в каком либо читаемом формате, хочу предложить тестировщикам пользоваться такой штукой, порой хер воспроизведешь то что они мутят, а так было бы разбираться проще
no
Redux DevTools глянь
MVD
У меня есть компонент прогресс, который принимает число от 0 до 1. Как лучше назвать переменную, чтобы было понятно что именно от 0 до 1, а не от 0 до 100 например?
Чтобы не лезть и не читать реализацию
Алексей
Да я клоню к тому, что ты для терминов придумываешь несколько иные обозначения, что диссонанс в головах вызывает
Поддерживаю. Вообще какое-то странное разделение и странная классификация. Компоненты принято разделять по более чётким критериям типа dumb vs smart / stateless vs stateful.
Ivan
Redux DevTools глянь
есть такое, а вот чтоб было такое чтоб нажал кнопочку и просто всё сохранилось в json или типа того, сложно коллегам объяснять как там и что
Victor
Андрей
Опять же, чем UpperCamelCase не угодил?
Для меня это не выделяет. Как-то привык различать по цвету и по разному префиксу.
Таймураз
Поддерживаю. Вообще какое-то странное разделение и странная классификация. Компоненты принято разделять по более чётким критериям типа dumb vs smart / stateless vs stateful.
Не, он так и делит
Но форму записи также определяет по бизнес логике компонента (или ее отсутствию(
Таймураз
Для меня это не выделяет. Как-то привык различать по цвету и по разному префиксу.
Да це ж пиздец, Андрей=)
А как же конвенция?)
Oleg
как сделать так, чтоб реакт не жаловался на депрекейтед методы html?
Таймураз
Я просто люто горю с const Component = getRenderComponent(kakyato huynya) в коде
Roman
У меня есть компонент прогресс, который принимает число от 0 до 1. Как лучше назвать переменную, чтобы было понятно что именно от 0 до 1, а не от 0 до 100 например?
Чтобы не лезть и не читать реализацию
Вообще, имхо, назови просто progressValue, а диапазон в доку
Victor
Oleg
стилизовать через CSS? Ну только это не реакт ругается, а линтер какой то
та это пропа обычная.
Oleg
Roman
😳
Roman
Напиши align с заглавной
Viacheslav
Подключать каждый мелкий компонент к редуху или всю страницу, а потом пробрасывать данные каждому компоненту?
Victor
Подключать каждый мелкий компонент к редуху или всю страницу, а потом пробрасывать данные каждому компоненту?
когда количество пропсов переваливает все мыслимые границы - превращаю компонент в контейнер. Границы определяйте сами. У нас где-то после 7ми пропсов появляются мысли о контейнере
Dmitriy
в css чате забанен)
как гридом растянуть потомка на все строки\столбцы
grid-row: 1 / -1;
какого то черта не работает
Mikhail
в css чате забанен)
как гридом растянуть потомка на все строки\столбцы
grid-row: 1 / -1;
какого то черта не работает
Да, так
Остальные параметры не забыл?
Victor
https://cssgridgarden.com/
лучшая дока по гриду )
Dimitri
есть какие нибудь статьи, как лучше писать свою юай либу, скоро на проекте придеться этим занимать, хотелось бы за раннее изучить
Dmitriy
Да, так
Остальные параметры не забыл?
понял оно работает когда четко определено количество столбцов\колонок( неочевидно...
Mikhail
понял оно работает когда четко определено количество столбцов\колонок( неочевидно...
Ну потому что 1,-1 это частный случай, если у тебя только такие блоки, то грид не нужен. А для остальных нужно количество
Dmitriy
Ну потому что 1,-1 это частный случай, если у тебя только такие блоки, то грид не нужен. А для остальных нужно количество
у меня один такой но что например потянуть его на три строки родителю нужно явно задать темплейт в три строки
Sheldhur
сап
есть компонент, который должен добавлять в форме новые поля. Я в первом варианте сделал так что компонент поля, которое надо было продублировать, брался из children и клонировался, и всё ок работало.
Потом надо было расширить функционал и это стало неудобно, решил передавать элемент для рендера через пропс renderItem и теперь при вводе в поле теряется фокус.
Я понимаю что это из-за ререндера, но не совсем понимаю почему в первом варианте это работало (возможно потому что cloneElement сэйвит ref и key, но я их не указывал) и как это пофиксить
https://gist.github.com/sheldhur/11b7f56ea716385e20604e107758a9e3
я вот короче даже накидал пример, чтобы понятно было
https://codesandbox.io/embed/brave-roentgen-mtm8i
Danila
сап
есть компонент, который должен добавлять в форме новые поля. Я в первом варианте сделал так что компонент поля, которое надо было продублировать, брался из children и клонировался, и всё ок работало.
Потом надо было расширить функционал и это стало неудобно, решил передавать элемент для рендера через пропс renderItem и теперь при вводе в поле теряется фокус.
Я понимаю что это из-за ререндера, но не совсем понимаю почему в первом варианте это работало (возможно потому что cloneElement сэйвит ref и key, но я их не указывал) и как это пофиксить
https://gist.github.com/sheldhur/11b7f56ea716385e20604e107758a9e3
я вот короче даже накидал пример, чтобы понятно было
https://codesandbox.io/embed/brave-roentgen-mtm8i
Оооочень странный подход с рендером итемов. Почему не идти от массива с данными, забивая пустыми записями его когда надо, и вместо этого городить огород который там нагорожен для рендера пустых полей?
Danila
Почему перерендер пытаюсь въехать, да
Sheldhur
а?
darkc0der
Ребят возможно немного оффтоп но плиз помогите, кто знает как можно иметь 2 redux-form в одном компоненте ?
Victor
Zaff
Ребят, привет. на react-select как взять value выбранного option при выборе?
Alexander
Как в yup проверить, что строка не соответствует другой строке?
darkc0der
Ребят, привет. на react-select как взять value выбранного option при выборе?
На select задаешь onChange и в параметре функции твоей selectedValue сам выдает.
Zaff
На select задаешь onChange и в параметре функции твоей selectedValue сам выдает.
то есть делаю onChange((selectedValue) => handleChange(selectedValue))?
Danila
а?
В смысле, у тебя там какие-то манипуляции с пушами, с длиной инпутов, какие-то for, это всё обязательно?
https://codesandbox.io/s/pedantic-turing-o3iw0?fontsize=14
Vladimir
Как в yup проверить, что строка не соответствует другой строке?
https://github.com/today-/actorsmovies/blob/master/src/components/guest/Register.tsx#L97
Yup.ref