Может, все-таки стоит вступить в сообщество? И полностью отработать потраченные деньги? Посещать все мероприятия, ходить на собеседования, задавать вопросы и объединяться в команды?

Может, пора начать? Познакомьтесь с философией сообщества на досуге. Почитайте мои идеи и мысли. Подумайте над этим.

Главная страница сообщества:
https://react-mentor.notion.site/efda912aa68b40b5911798ba731df303

Reactify20 - промокод на тарифы Страж и Охотник. Скидка 20%. Всего 20 активаций. Ссылка

Reactify30 - промокод на тариф Исследователь, скидка 30%. Всего 40 активаций. Ссылка

Самое популярное, что сейчас спрашивают почти на каждом собеседовании:

1. Event Loop, порядок console.log
2. This, что выведет в console.log
3. Замыкание, что выведет в console.log
4. Каррирование, что выведет в console.log

Это прям база. Еще просят реализовать функцию Дебаунса и Тротлинга

Все остальные вопросы по теории уже не канаются. На них отвечают абсолютно все.

Еще сложное для новичков: вопросы про работу в команде и процессах. Так же об опыте и реализации фичей.

Плюс набирают обороты алгосы с Leet Code

Это база

Думаю запилить видео на эту тему

React Разработчик Roadmap 2024. План + Ресурсы для бесплатного изучения.

Завтра в 16:00 мск. YouTube, Reactify. Напоминаю, два человека, кто найдет кубок и текст с подпиской Страж, получат бесплатно эти подписки. Видео полезное, надеюсь вам поможет друзья. Идет 30 минут.

По техническим причинам, видео в 16:00 не будет

У меня весь день нет электричества.

Видео переносится на завтра😢

React Разработчик Roadmap 2024. План + Ресурсы для бесплатного изучения.

В этом видео я расскажу о том, как стать React разработчиком в 2024 году. Мы разберем, какие технологии и инструменты стоит изучать, чтобы быть востребованным специалистом. Я поделюсь пошаговым планом, начиная с основ и переходя к более сложным темам.

Видео уже на канале!
Я не оставляю ссылку, так как видео лучше продвигается, если заходить на него напрямую с YouTube. Это помогает улучшить его рейтинг и увеличить шансы на органическое продвижение.

#react #frontend

Первый победитель уже есть. Прошло 45 минут)) Видео идет 33 минуты))
Быстрые💪
Как вам видео?

UPD: Все кубки нашли! 2 победителя есть. Если вдруг нужна скидка 40%, то можете мне в личку присылать с кубком и таймкодом.

Нужно такое же видео, но по JavaScript? Полностью все разобрать?

Разминка перед сном? Задачки с собеседования. Вилка 220к-250к. Кто с легкостью залутал бы офер. Жду в комментариях💪

1. Что выведется и почему?

function fn1(a) {
    a = a + 1
}

let a = 1
fn1(a)
console.log(a) // output: ?

2. Что выведется и почему?

function fn2(b) {
    b = b + 1
    return b
}

let b = 1
fn2(b)
console.log(b) // output: ?

3. Что выведется и почему?

function fn3(obj) {
    obj.c = obj.c + 1
}

let obj = { c: 1 }
fn3(obj)
console.log(obj.c) // output: ?

4. Что выведется и почему?

function fn4(arr) {
    arr[1] = arr[1] + 1
}

let arr = [1, 2, 3]
fn4(arr)
console.log(arr) // output: ?

5. Что будет?

let str = '123'
str.abc = 'xxx' // Что будет?
console.log(str.abc) // Что будет?

6. Отрефакторить код

const SomeComponent = () => {
    const [count, setCount] = useState(0)

    function upCount() {
        setCount(count + 1)
    }

    const sendToAnalytic = useCallback((...args) => {
        // doesn't matter
        // some API
    }, [])

    useEffect(() => {
        sendToAnalytic(count)
    }, [count, sentToAnalytic])

    return <button onClick={upCount}>UP</button>
}

7. Написать утилити тайп, который принимает другой тип и берет из него только ключи, которые равны строкам

interface SomeObject {
    a: number
    b: string
    c: boolean
    d: string
}

type onlyStringKeys = ? // output: 'b' | 'd'

Главная проблема у новичков: не знают, что учить, когда переходить на другую тему/технологию.

Видео React Разработчик Roadmap 2024. План + Ресурсы для бесплатного изучения.
Дает вам ответ. Бесплатный полный гайд для вас. Все что нужно, все мысли и логика. Как правильно учиться. Что учить.

Может стоит посмотреть?

Задача с собеседования. Вилка 200-250

Есть 2 отсортированных массива, нужно узнать число, которое будет посередине, если объединить эти массивы в один отсортированный массив:

[1, 2, 3, 3, 4, 13, 15, 16, 20];

Нужно постараться сделать оптимальный алгоритм.

const getMedian = (arr1, arr2) => {};

// Пример вызова функции:
getMedian([1, 3, 15, 20], [2, 3, 4, 13, 16]); // Ожидаемый результат: 4

Кто решил бы?

#frontend

Что самое сложное на собеседованиях?

Теоретические вопросы. На данный момент теория не является проблемой. Многие кандидаты успешно сдают теоретические вопросы на собеседованиях, независимо от уровня подготовки. Однако это усложняет выбор компании, так как теоретические знания теперь не являются основным критерием отбора.

Лайвкодинг. Этот этап сложнее, так как в процессе отслеживаются ваши мысли и рассуждения. Важно не только написать правильный код, но и уметь объяснять свои действия и решения.

Вопросы по опыту. Один из самых сложных этапов собеседования — это вопросы о вашем профессиональном опыте и задачах, которые вы выполняли на предыдущих местах работы. Здесь многие кандидаты могут столкнуться с трудностями, особенно если их опыт был преувеличен или сфальсифицирован.

Вопросы по процессам в команде. Эти вопросы требуют глубокого понимания командных процессов и опыт участия в реальных проектах. Нужно либо заранее проработать возможные вопросы, либо быть готовым быстро и логично отвечать на них на месте.

Коннект с интервьюером. Бывает, что просто не удается наладить контакт с интервьюером. Важно произвести хорошее впечатление и показать свою заинтересованность. Иногда успех собеседования зависит от множества мелочей, и все "карты должны сложиться", чтобы вы понравились и не вызвали подозрений.

Я встречал много умных кандидатов, которые общались сухо и монотонно, без эмоций. Но их не выбирали. Также встречал ребят, которые приятны в общении, допускают ошибки, но располагают к себе. Такие собеседования приятно смотреть, кандидат становится симпатичен. Таким часто дают оффер.

В общем, это все сложно. Нужно угодить с разных сторон. А как это сделать, если нет четкого плана подготовки? 🤔

#frontend #interview

Задача с митапа This

function Animal(name, sound) {
    this.name = name;
    this.sound = sound;
    this.makeSound = () => {
        console.log(`${this.name} says ${this.sound}`);
    };
}

const dog = new Animal('Dog', 'Woof');
dog.makeSound();

Кто знает что выведет в консоль?👇

Вы не можете контролировать ветер, но вы можете настроить паруса.

Как вы понимаете эту цитату. Конкретно в вашем случае?