ну я думаю оставить все бутстрап стили и мигрировать на mui/styled потом, а переписывать для начала всю логику, хотя вроде и подводные камни есть
Ну думаю займет много времени, но из-за готовой верстки и части логики чуть проще
Sm•ok
🤴👷♂️🦸♂️🧚♀️
Sm•ok
Чем начать с 0)
Mihail
Андрей
не делал такое, не очевидно
Эм
1. Представить будущее дерево реакт приложения.
2. Выделить самые нижние компоненты в дереве, которые не переписаны на реакт.
3. Переписать их на реакт.
4. Если приложение не переписано, перейти к пункту 2.
artalar
Да
Den
Подскажите по эффектору.
Как организовать глобальный стор. Есть у кого бойлерплейт глянуть? В доке примитивные примеры.
Dmitry
Привет. Подскажите, что могут спросить на собеседовании на позицию junior-middle frontend-разработчика?
Den
(нужно что-то вроде редакс)
Den
Привет. Подскажите, что могут спросить на собеседовании на позицию junior-middle frontend-разработчика?
https://dashbouquet.com/blog/frontend-development/14-faq-about-reactjs?fbclid=IwAR3Azp9Eik_R7w0wsZQg-yhsQ9xqtlc_vb9VEG3tjxaopJwkRh1IXmBFAqI
Dmitry
https://dashbouquet.com/blog/frontend-development/14-faq-about-reactjs?fbclid=IwAR3Azp9Eik_R7w0wsZQg-yhsQ9xqtlc_vb9VEG3tjxaopJwkRh1IXmBFAqI
А по другим вопросам, не касающимся React?
El
Привет. Подскажите, что могут спросить на собеседовании на позицию junior-middle frontend-разработчика?
Вот в полном составе. Теория + задачки.
https://www.udemy.com/100-front-end-interview-questions-challenge/
https://www.udemy.com/ultimate-javascript-leetcode-interview-bootcamp/?couponCode=CODINGINTERVIEW2019
El
Ещё есть курс от Stepeh Grider. Interview Bootcamp. Из него спрашивают об анаграммах и вариациях их. Вроде массив слов, найти анаграммы.
wolfe
А как ее в других кусках кода использовать?
если что-то вроде данных пользователя, то я делаю экспортом из features/auth, а потом useStore
Den
если что-то вроде данных пользователя, то я делаю экспортом из features/auth, а потом useStore
Есть опенсорс пример глянуть?
El
А по другим вопросам, не касающимся React?
Типично дают function, function expression, IIFE, нужно сказать, что есть this.параметр в нужной строке.
Замыкания любят. Конверсии типов в ЖС полезно знать, что вернёт false == "0", например.
Типы переменных в ЖС.
Dmitry
wolfe
Есть опенсорс пример глянуть?
ну идея в том, чтобы не складывать всё в один, а разделять логику. но иногда нужно комбинировать, поэтому createStoreObject или combine
El
А вопросы про алгоритмы и структуры данных?
У меня не было. Могут, наверно. Типа, как пробежать по листу, чтоб остановиться на середине, трети, четверти.
В курсе от Stephen Grider есть этого.
El
Потом по Реакту, что такое lift state, для чего.
El
В каком порядке лайф сайклы вызываются, PureComponent, прочее.
Den
Я как-то начал собирать интересные вопросы на собеседовании по js. Пока список небольшой.
Соискателю
00. js замыкания
01. Что такое jsx и можно ли без него обойтись?
02. Что такое функция высшего порядка?
03. Как вы обучаетесь и какими средствами?
---
04. React: HOC
05. React: Чистые функции
06. React: Как было принято решение использовать React?
---
07. Джун: Мотивация
08. Джун: Какие ошибки вы совершали?
---
09. Мидл: -
10. Мидл: Как выбираете технологию или метод решения?
---
11. Син: Расскажите про самый ужасный факап и как вы его исправляли.
El
О да, последнее было.
Den
Работодателю
1. IT Собеседование. О чем спросить компанию? | Senior Software Vlogger 2016-07
Если сбс проходит с hr
- n. Резюмируем рассказанное им: По вашим словам 1) 2) 3), что на ваш взгляд будет являться успехом? (как мы с вами будем вместе работать)
2. Два крутых вопроса | SiliconValleyVoice Михаил Портнов
- 1. Опишите идеального на ваш взгляд кандидата
- 2. Как вы будете судить обо мне как успешно справляющемся со своей работой через месяц / через 3 мес?
3. Что не нужно делать на собеседовании | ИТ-Видео 08-2016
- 1. Разговоры о прошлом работодателе (не разглашать конфиденциальную инф)
- 2. Вынос сора из избы (ругань, критика прыдыдущего работодателя)
- 3. Причина увольнения должна быть легкообьяснима и вызывать понимание у оппонента
- 4. В разговорах о личной жизни нужно говорить по сути. Работодатель при поиске сотрудника ищет решение, а не список ваших проблем.
- 5. Не рассказывать об опасных сторонах своей жизни (бокс, прыжки с парашютом и т.д.).
- 6. Типовой внешний вид.
- 7. Отдохнувший вид.
Несколько раз в год ходить на собеседования.
- 8. Знакомьтесь с работодателем до собеседования: сайт, история, отзывы.
- 9. Позиционируйте себя как специалиста конкретного направления (frontend, backend) определенного языка
- 10. Научитесь четко описывать свои конкретные задачи на 2-3 прошлых работах.
- 11. Держите в голове 3-4 успешных проекта.
- 12. Уберите все лишнее из резюме: мертвые продукты, то с чем неготовы работать и т.д.
- 13. Спокойствие.
- 14. Разговоры о деньгах - знайте адекватную вилку своей зарплаты. Ознакомьтесь с рынком и спросом на рынке. Лучше назвать завышенную сумму на 10-15К, чем заниженную - если вы понравитесь как специалист, с вами будут торговаться.
El
Окно начинает крашиться без причин, как дебажить. В консоли брейк пойнт на window.close() в дебаггинг поставить.
Dmitry
Может подскажете какую-нибудь комфортную компанию для frontend/backend/fullstack - разработчика в СПб?
El
"- 5. Не рассказывать об опасных сторонах своей жизни (бокс, прыжки с парашютом и т.д.)."
Бгг, одиночные прогулки по Африке не стоило светить.
El
Может подскажете какую-нибудь комфортную компанию для frontend/backend/fullstack - разработчика в СПб?
От миддла и далее любая. Тут канал работ есть в Телеграме.
Dmitry
От миддла и далее любая. Тут канал работ есть в Телеграме.
Чтобы была неплохая зарплата, хорошая культура, возможность проявить себя и чтобы оставалось время на личную жизнь?
El
Andersen писали о джунах в Питере, вроде бы.
Dmitry
😄
El
Чтобы была неплохая зарплата, хорошая культура, возможность проявить себя и чтобы оставалось время на личную жизнь?
No idea. Не нравится, уходите.
arts
Чтобы была неплохая зарплата, хорошая культура, возможность проявить себя и чтобы оставалось время на личную жизнь?
Обсуждение работы — в чате о работе
El
Там предложения, не обсуждения.
wolfe
там же есть чат
El
@javascript_jobs.
El
Они там и резюме и вакансии и чат скучили вместе.
El
Ещё можно тут на канале отвечать на вопросы и вам стукнется рекрутер когда-нибудь.
El
Удалёнка для джунов существует, внезапно. Иностранная тоже.
Pauline
ребята
Pauline
@flood_ru
Pauline
неа
Pauline
кто-то баловался и всем поменял 🤔😂
Dmitriy
По ходу это создатель может модерировть
Aleksey
как думаете, почему не разрешает такой селектор установить? SyntaxError: Failed to execute 'querySelector' on 'Document': '.1565520259459' is not a valid selector.
Aleksey
document.querySelector(`.${String(id)}`)
Andrey
как думаете, почему не разрешает такой селектор установить? SyntaxError: Failed to execute 'querySelector' on 'Document': '.1565520259459' is not a valid selector.
потому что селектор не может начинаться с числа?)
Aleksey
порнушно выглядит, но всё же
Vlad
Кто работал с електоном+ реакт. Подскажите в разработке работаю с BrowserRouter и все страницы вижу , все четко. Когда собираю електрон приложение , он как будь-то не видет все мои пути и показывает пустую страницу а именно app.js. Что не так я делаю ? Первый путь path="/"
Andrey
а в середине может?
In CSS, identifiers (including element names, classes, and IDs in selectors) can contain only the characters [a-zA-Z0-9] and ISO 10646 characters U+00A0 and higher, plus the hyphen (-) and the underscore (_); they cannot start with a digit, two hyphens, or a hyphen followed by a digit. Identifiers can also contain escaped characters and any ISO 10646 character as a numeric code (see next item). For instance, the identifier “B&W?” may be written as “B\&W\?” or “B\26 W\3F”.
Aleksey
спс
Евгений
Всем привет. И никаких ботов с числами и кнопочкой я не бот? :+)
Sergey
Кто работал с електоном+ реакт. Подскажите в разработке работаю с BrowserRouter и все страницы вижу , все четко. Когда собираю електрон приложение , он как будь-то не видет все мои пути и показывает пустую страницу а именно app.js. Что не так я делаю ? Первый путь path="/"
hashrouter не пробовал подключать для электрон-среды? в кордове помогало
不退転」
Ребят, подскажите, такая штука происходит. Есть слушатель firebase'a, он срабатывает на каждый элемент и потом на каждое добавление нового айтема. Когда же он срабатывает, я делают лог стейта из хука, но он пуст, хотя лог вне useEffect'a говорит о том, что обновление происходит const [userChannels, updateChannels] = useState([])
useEffect(() => {
channelsRef.on('child_added', snap => {
console.log('as you see, state is not preserved: ', userChannels)
updateChannels([...userChannels, snap.val()])
})
}, [])
console.log('channels ', userChannels)
Mihail
Ребят, подскажите, такая штука происходит. Есть слушатель firebase'a, он срабатывает на каждый элемент и потом на каждое добавление нового айтема. Когда же он срабатывает, я делают лог стейта из хука, но он пуст, хотя лог вне useEffect'a говорит о том, что обновление происходит const [userChannels, updateChannels] = useState([])
useEffect(() => {
channelsRef.on('child_added', snap => {
console.log('as you see, state is not preserved: ', userChannels)
updateChannels([...userChannels, snap.val()])
})
}, [])
console.log('channels ', userChannels)
У вас эффект срабатывает как componentDidMount
То есть после первого рендера
不退転」
У вас эффект срабатывает как componentDidMount
То есть после первого рендера
я понимаю, но слушатель продолжает работать
Maksim
я понимаю, но слушатель продолжает работать
ну как бэ замыкание, в нутри useEffect остается ссылка на первоначальный массив стейта
Mihail
Ребят, подскажите, такая штука происходит. Есть слушатель firebase'a, он срабатывает на каждый элемент и потом на каждое добавление нового айтема. Когда же он срабатывает, я делают лог стейта из хука, но он пуст, хотя лог вне useEffect'a говорит о том, что обновление происходит const [userChannels, updateChannels] = useState([])
useEffect(() => {
channelsRef.on('child_added', snap => {
console.log('as you see, state is not preserved: ', userChannels)
updateChannels([...userChannels, snap.val()])
})
}, [])
console.log('channels ', userChannels)
Ещё у вас отписаться нельзя будет, т.к. функция на месте определена
И не возвращается функция для отписки
不退転」
Mourat
Кто знает от чего в phpstorm может не писаться шаблонная кавычка ``?
Mourat
Раньше работало, сейчас не реагирует на нажатия
Cenator 🐈
Aleksey
Aleksey
(когда фокус на инпуте)