примерно

когда говорил что разници в последовательности аргументов при создании функции нету

а мне про основы

что к чему...

ты редюсер не сам вызываешь и не определяешь эти аргументы вызова (их порядок)

будь это иначе проблем бы не было

Баблинг - это ты про EventTarget? При программировании на React он тебе не понадобится (наверное, но это не точно)

Про event bubbling and capturing

Просто как пример топиков без которых можно писать ок

разницы никакой между function(a, b) и function(b, a)

Что значит "никакой разницы". А если так: function test1(...args) { const [a, b, ...rest]; console.log(a, b, rest); } function test2(b, a, ...rest) { console.log(a, b, rest); } передаёшь одинаковые параметры на вход - а результат разный

Про event bubbling and capturing

Ну я и говорю, EventTarget (https://developer.mozilla.org/ru/docs/Web/API/EventTarget). Зачем тебе capturing при работе с React ?

Ну я и говорю, EventTarget (https://developer.mozilla.org/ru/docs/Web/API/EventTarget). Зачем тебе capturing при работе с React ?

oncClickCapture есть в реакте. Никогда не юзал но оно есть)

https://reactjs.org/docs/events.html#supported-events

Просто как пример топиков без которых можно писать ок

Ну да. Многие мидлы даже не знают про существование handleEvent и что в addEventListener можно передать объект, а не только функцию.

иногда все же приходится работать с реальным домом и useRef тому доказательство

https://reactjs.org/docs/events.html#supported-events

Прикольно, не знал (ни разу не нужно было)

Ну да. Многие мидлы даже не знают про существование handleEvent и что в addEventListener можно передать объект, а не только функцию.

не знал)

иногда все же приходится работать с реальным домом и useRef тому доказательство

кстати сегодня читла статью про альтернативу формика на рефах и там прямо диферамбы поют это либе

кстати сегодня читла статью про альтернативу формика на рефах и там прямо диферамбы поют это либе

Шо за либа?

я тож не слышал

Шо за либа?

https://react-hook-form.com/ не ререндериться так часто, маунтиться быстрее и вообще как вы еще пишете с формиком было в статье

Ну да. Многие мидлы даже не знают про существование handleEvent и что в addEventListener можно передать объект, а не только функцию.

а есть примеры с объектом?

https://react-hook-form.com/ не ререндериться так часто, маунтиться быстрее и вообще как вы еще пишете с формиком было в статье

вроде годная либа

а есть примеры с объектом?

В смысле "примеры"? Открываешь редактор и пишешь: const obj = { click(event) { console.log('this is CLICK!!!', event) }, }; document.addEventListener('click', obj); document.addEventListener('keydown', obj); obj.handleEvent = function(event) { const handler = this[event.type]; if (typeof handler === 'function') { this[event.type](event); } }; obj.keydown = function(event){ console.log('keydown, key =', event.key) };

handleEvent - это общая ловушка событий?

https://react-hook-form.com/ не ререндериться так часто, маунтиться быстрее и вообще как вы еще пишете с формиком было в статье

Спасибо, надо почекать

handleEvent - это общая ловушка событий?

Да

круто

круто

В спецификации же всё описано https://www.w3.org/TR/2000/REC-DOM-Level-2-Events-20001113/events.html#Events-EventListener

Ребят, смотрел 73 выпуск. Как Димыч обновляет реакт из за того, что у него this undefined. А у меня вообще ничего не всплывает. Консолить задолбался. Я туплю или это известная проблема?

Ты решил проблему?

Ребят, смотрел 73 выпуск. Как Димыч обновляет реакт из за того, что у него this undefined. А у меня вообще ничего не всплывает. Консолить задолбался. Я туплю или это известная проблема?

Значит смотри: 1. Стрелочные функции являются утверждённым синтаксисом языка (сомнения Димы напрасны) 2. Такая запись class A() { test = () => {console.log(this)} }; аналогична тому, что мы будем объявлять test внутри constructor: class A() { constructor() { this.test = () => {console.log(this)} }; } } 3. Дима использует SourceMap и именно он ему вредит. При транспиляции, this сохраняется в переменную _this, которую SourceMap не может забаиндить на this (SourceMap вообще очень тупой, це факт). 4. Просто выключаешь Babel для работы в development-режиме и будет тебе счастье - всё будет нормально в отладчике показываться. 5. Обновление create-react-app просто добавило поддержку browserlist, который указывает, для каких браузеров транспелировать код, а для каких-нет

Спасибо. Попробую

Кто-нибудь пользовался react-select или вообще делал select на React с typescript?

TypeError: Cannot read property 'type' of undefined похоже что-то не так с моей санкой помогите пожалуйста исправить ссылка на гит https://github.com/arsenii436/thunk ссылка на stack overflow https://ru.stackoverflow.com/questions/1067091/%d0%bd%d0%b5-%d0%bc%d0%be%d0%b3%d1%83-%d0%bf%d0%be%d0%bd%d1%8f%d1%82%d1%8c-%d0%bf%d0%be%d1%87%d0%b5%d0%bc%d1%83-%d1%8d%d1%82%d0%b0-%d0%bf%d1%80%d0%be%d0%b1%d0%bb%d0%b5%d0%bc%d0%b0-%d1%81-thunk

Доброго вечера Только начал данный курс проходить, застопорился на 11 уроке при подключении Гридов раз 10 уже весь код перепроверил но по прежнему не работает

подскажите куда копать пожалуйста

Уточню, не работают именно гриды

.app-wrapper { Display: grid; width: 1200px; grid-template-areas: "h h" "n c "; grid-template-rows: 60px 1 fr; grid-template-columns: 2fr 10fr; /* grid-gap: 10px; */ } .header { grid-area: h; background-color: aqua; } .header img { width: 20px; } .nav { grid-area: n; background-color: burlywood; } .content { grid-area: c; background-color: cornsilk; }

Display

а чего display с большой?

в коде сейчас с маленькой

покажи скрин ошибки

ошибки нет, запускается

но выглядит вот так

но выглядит вот так

https://grid.layoutit.com вот эту штуку юзай для разлиновки какой хочется

удобная, как швейцарский нож

исправил, не поменялось

значит еще ошибка есть

Может и не рано. Через инструменты разработчика в браузере посмотри разбивается ли экран на сетку. Если нет, то проблемы с импортом

Как можно делегировать события в реакте? У меня есть две независимые кнопки и два независимых списка, при клике на одну кнопку должен закрыться один список, при клике на другую - другой, или втупую делать два обработчика?

а причем делегирование?

Не так выразился кажется, теперь другой вопрос) Легально юзать e.currentTarget.previousSibling в реакте?

Или как заменить?

Как можно делегировать события в реакте? У меня есть две независимые кнопки и два независимых списка, при клике на одну кнопку должен закрыться один список, при клике на другую - другой, или втупую делать два обработчика?

Во первых не вздумай только это делать через еддЕвенЛистерен)) за делегирование не переживай ребята с реакта об этом позаботились.

Не так выразился кажется, теперь другой вопрос) Легально юзать e.currentTarget.previousSibling в реакте?

Именно такое я не разу не юзал не в джкес не в реакте

Или как заменить?

Делаешь метод который вызывается при клике например

<button onClick={метод который ты хочешь вызвать}><button>

Вот так все просто делается если правильно понял

Просто я не хочу дублировать код

как я понимаю хочется универсальный метод без дубляжа. а как скрываешь?

Просто я не хочу дублировать код

Вот что бы понять надо увидеть или дополнительное объяснение где идёт дублирование

У меня есть хук с [show, setShow] при клике на одну кнопку я делаю setShow(false) при клике на другую тоже самое, единственная проблема, при клике на любую кнопку реагируют сразу два блока, потому что проверка плохая, (more && добавить класс чтобы скрыть список), хочу улучшить это проверку, чтобы при клике проверить на какую именно кнопку я нажал и к какому списку она относится, единственное как я могу это понять, это предыдущий див, который для каждого списка имеет универсальное название, я хочу брать это название при клике на кнопку и сравнивать его в проверке и уже исходя из результатов скрывать тот или иной список

У меня есть хук с [show, setShow] при клике на одну кнопку я делаю setShow(false) при клике на другую тоже самое, единственная проблема, при клике на любую кнопку реагируют сразу два блока, потому что проверка плохая, (more && добавить класс чтобы скрыть список), хочу улучшить это проверку, чтобы при клике проверить на какую именно кнопку я нажал и к какому списку она относится, единственное как я могу это понять, это предыдущий див, который для каждого списка имеет универсальное название, я хочу брать это название при клике на кнопку и сравнивать его в проверке и уже исходя из результатов скрывать тот или иной список

Интересно... Возможно надо сделать два метода... А что должно делаться при нажатии на кнопку?

Та ничего особенного, просто скрывать/открывать нужный список

предыдуший див это ж e.target.parentElement.className наверное а не превиосСиблинг?

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

тут без кода не очень понятно

Согласен)

Я не решил не делать ерунду и просто сделал два обработчика

Я не решил не делать ерунду и просто сделал два обработчика

Без еддЕвенЛистенера?

Без еддЕвенЛистенера?

в реактк?

Здравствуйте! Скажите пожалуйста, насколько сильно нужно волноваться джуну по поводу выполнения задач на собеседовании. Стоит ли часами сидеть на LeetCode и CodeWars?

Здравствуйте! Скажите пожалуйста, насколько сильно нужно волноваться джуну по поводу выполнения задач на собеседовании. Стоит ли часами сидеть на LeetCode и CodeWars?

самое главное не сгореть раньше времени

Спасибо!

Сорян за нубский вопрос, только вливаюсь в js, react js, node js. Есть задача замутить сайт, и поднять сервер на node js, например на express. На сайте будет форма, из которой нужно будет класть приватную информацию в бд на сервере. Вопрос в безопасности, как реализовать что бы данные уходили в зашифрованном виде на сервер? Ведь файлы js может любой встречный поперечный просмотреть?

Хороший вопрос

Только я промолчу

)

Сорян за нубский вопрос, только вливаюсь в js, react js, node js. Есть задача замутить сайт, и поднять сервер на node js, например на express. На сайте будет форма, из которой нужно будет класть приватную информацию в бд на сервере. Вопрос в безопасности, как реализовать что бы данные уходили в зашифрованном виде на сервер? Ведь файлы js может любой встречный поперечный просмотреть?

Не передавай данные напрямую в бд. Передавай всем данные через бэк, а бэк пусть передаст в бд.