🅅aleriy
помнится у нас такой файл был подключен к репам мобильной разработки, фронта на реакте, микросервиса для ssh клиентов и тд
🅅aleriy
везде одни и те же переводы использовались
🅅aleriy
централизовано один человек контролирует добавление переводов на 20+ языков
Paul
К, сожалению такие попадаются не редко, их надо воспринимать как коллег, а не врагов и объектов насмешек
я бы такого чела из команды бы попер сразу. вреда от него больше. например, сегодня из-за него уволится джун, который через годик придумает новую фичу, которая принесла бы денег компании. на работе не должно быть места для проявления богатого внутреннего мира. и так работа не самая простая, чтобы какой-то олень, пусть и грамотный, поганил остальным настроение. в целом это все вредит бизнесу.
Paul
ну я про ситуацию, где есть возможность повлиять.
Adv0cat
@incker тут)
Stanislav
@incker тут)
Ааа... Спасибо, Понял))) +
Aidyno
Всем привет. Вопрос к матерым реактовцам. У меня есть тестовое задание от работадателя, написать приложение (текст задания расположу ниже). Если бы его делали, то за какой срок примерно бы реализовали? Просто интересно ваше мнение ———————————————— Создать музыкальный плеер наподобие https://bananastreet.ru/ Внешний вид можно сделать схожим. Но без использования ui kit. Вот что должно быть в плеере: 1. Список композиций (автор, название, альбом, жанр, обложка). Пользователь может кликнуть по треку и этот трек попадет в его понравившиеся треки 2. Профиль пользователя и список понравившихся треков. 3. Проигрывание песни, остановка, пауза, предыдущий, далее, случайное, кольцовой воспроизведение 4. Реализовать бесконечный срокллинг списка композиций. Т.е когда скроллишь вниз подгружается новая партия треков. Особое внимание уделяется качеству кода, имени переменных, организации редюсеров и саги. А также подробные комменты в сложных местах кода Серверную часть можно имитировать. Не обязательно чтобы все треки были уникальными. Достаточно 2-3 треков, только названия можно поменять для наглядности. Стек: typescript, react js, redux, redux-saga, react-router-dom, css modules, sass, webpack
За такое тестовое заплатят вам?
Oleg
У меня одного Next мозг колышет? Перехожу по ссылке к странице. не переходит. ввожу url - переходит. шо за дичь. уже 2 часа мучаюсь
Anonymous
Привет, я новичек и пробую просто вызвать функцию перед render() я ее описал test = () => { console.log(window.location.href)} Потом внутри render() const {test} И вызываю по клику на кнопку, но в консоле ничего нет <button type="button" onClick={test}></button>
Oleg
а зачем еще const test
Oleg
просто пихай в onClick={test}
Anonymous
а зачем еще const test
затем что ошибку дает ReferenceError: test is not defined
Oleg
потому что функцию надо объявить внутри компонента
Oleg
перед test поставь const
Oleg
шо за прекол
Anonymous
все делается внутри class Index extends Component {}
Oleg
handleChange(e) { this.setState({ value: e.target.value }); }
Oleg
вот как объявляется метод
Oleg
в классе
Oleg
handleClick = () => { console.log('значение this:', this); }
Oleg
но вот так тоже можно кстати
Oleg
по идее не должно быть ошибок
Oleg
а блин
Anonymous
Oleg
укажи this.test в onclick
Anonymous
укажи this.test в onclick
Спасибо, разобрался !
TS
как передать propTypes для массива с объектами
TS
optionalArray: PropTypes.array, на это линтер ругается
TS
PropTypes.arrayOf(PropTypes.object) тоже самое
Zaff
Привет. Кто использовал react-accessible-accordion? У <AccordionItemState /> есть стейт AccordionItem'а. Использую Styled Components. Как стилизовать Toggle и Item в зависимости от стейта <AccordionItemState />?
SENATOR ARMSTRONG
optionalArray: PropTypes.array, на это линтер ругается
это правильный варинт, покажи код
TS
TS
Prop type `array` is forbiddeneslint(react/forbid-prop-types)
SENATOR ARMSTRONG
линтер сам как-то настраивал?
SENATOR ARMSTRONG
нет, airbnb standard
ээээ что?
TS
👌
TS
class Cameras extends React.Component { componentDidMount() { this.props.fetchCameras(); } как деструктр. fetchCameras в ЖЦ?
TS
типа const {fetchCameras} = this.props;
Ivan
Всем привет. Вопрос к матерым реактовцам. У меня есть тестовое задание от работадателя, написать приложение (текст задания расположу ниже). Если бы его делали, то за какой срок примерно бы реализовали? Просто интересно ваше мнение ———————————————— Создать музыкальный плеер наподобие https://bananastreet.ru/ Внешний вид можно сделать схожим. Но без использования ui kit. Вот что должно быть в плеере: 1. Список композиций (автор, название, альбом, жанр, обложка). Пользователь может кликнуть по треку и этот трек попадет в его понравившиеся треки 2. Профиль пользователя и список понравившихся треков. 3. Проигрывание песни, остановка, пауза, предыдущий, далее, случайное, кольцовой воспроизведение 4. Реализовать бесконечный срокллинг списка композиций. Т.е когда скроллишь вниз подгружается новая партия треков. Особое внимание уделяется качеству кода, имени переменных, организации редюсеров и саги. А также подробные комменты в сложных местах кода Серверную часть можно имитировать. Не обязательно чтобы все треки были уникальными. Достаточно 2-3 треков, только названия можно поменять для наглядности. Стек: typescript, react js, redux, redux-saga, react-router-dom, css modules, sass, webpack
Если без бэка, то 1/2 дня
Vadim
типа const {fetchCameras} = this.props;
Я не понимаю что ты спрашиваешь
Oleg
Кто с NExt js работает? Подключаю scss и перестает переходить на страницу и в консоли чет типа disposing inactive page(s): /next/dist/pages/_error.    Не работает ток переход по ссылке. Если просто по url то норм. Прекол в том, что настраивал scss по офф документации. Дичь просто
Anonymous
но вот так тоже можно кстати
Как запустить функцию, во время загрузки страницы. А то мен надо проверить два значения до загрузки страницы.
Oleg
Как запустить функцию, во время загрузки страницы. А то мен надо проверить два значения до загрузки страницы.
componentdidmount. это если после загрузки. а вот если до то вроде willmount но хз он еще действует или нет
Виктория U
Как запустить функцию, во время загрузки страницы. А то мен надо проверить два значения до загрузки страницы.
Никак. Скрипты реакта подключаются в конец тега body, к этому моменту, соответственно, страница уже загружена. А так если хочешь что-то сделать еще до отрисовки самого компонента, делай это в конструкторе
Anonymous
Никак. Скрипты реакта подключаются в конец тега body, к этому моменту, соответственно, страница уже загружена. А так если хочешь что-то сделать еще до отрисовки самого компонента, делай это в конструкторе
Мне надо проверить атрибут в url и если он нужного значения , то поменять src картинки в блоке логотип. Поэтому я написал метод а как запустить без клика не знаю
Anonymous
В таком случае в componentDidMount запускать.
Теперь я в замешательства , выше другой автор сказал что это после загрузки срабатывает , а вы говорите обратное )
Oleg
Теперь я в замешательства , выше другой автор сказал что это после загрузки срабатывает , а вы говорите обратное )
ну вы загружаете компонент, проверяете url и сразу меняете src. А вот заметите ли глазом замену, это хз
Anonymous
Почитал доку, должно же работать
Макс
this.test();
Макс
Почитал доку, должно же работать
Либо вынеси из класса, и вызывай через просто test();
Anonymous
this.test();
Спасибо. Разобрался я пробоал и this, но была ошибка, наверно не то клацнул, сейчас повторил, работает.
Z.
Привет ребвята,кому то нужен reactjs разработчик с 2 годным опытом?
Z.
спасибо
Z.
Добро пожаловать в группу @vera_dunaeva
Sergey
Народ. Вышел новый выпуск this week in react. Начинается с этого поста: https://t.me/this_week_in_react/340 Канал собирает новости react team, а также полезные посты для разработчиков использующих react.
Sheldhur
призываю топ верстал. Есть способ заставить вести эту конструкцию себя как таблицу через CSS? Т.е. все span должны иметь один размер = max из всех span'ов <form> <lebel> <span>input a</span> <input /> </lebel> <lebel> <span>input ab</span> <input /> </lebel> <lebel> <span>input abc</span> <input /> </lebel> </form>
Sergey
Посты от других разработчиков начинаются здесь: https://t.me/this_week_in_react/351
mcombat
Ктонить знает простой способ сделать чтобы когда в jsx кривой импорт пытался отрендериться, (когда выводится ошибка Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.) чтобы както выводить еще в лог имя компонента который undefined
Sheldhur
разве не видно мою активность
Sheldhur
лол, зачем мне тогда грид?
Sheldhur
я могу все что внутри label по 50% сделать
mcombat
а еще вопрос: можно в тестах ошибку duplicate key както игнорить ?
mcombat
рендерятся компоненты у которых key приходит с апи, в моках апи там одинаковые строки