Руслан Куянец | Reactify – Telegram
Руслан Куянец | Reactify
5.84K subscribers
704 photos
52 videos
39 files
287 links
Я IT-специалист, ментор и основатель проекта YeaHub и сообщества Reactify. Здесь рассказываю про Frontend и IT.

Менторство:
https://reactify.ru

YouTube канал:
https://youtube.com/@reactify-it

YeaHub:
https://yeahub.ru/

Связь:
@ruslan_kuyanets
Download Telegram
С августа планирую менять цены и тарифы на менторство. Если кто-то сомневался, ждал подходящего момента, то это он. Будет так же пару анонсов важных в августе.

YeaHub изменит IT сферу. Но а пока играем по правилам, которые диктует рынок ✔️

👍 Менторство
Please open Telegram to view this post
VIEW IN TELEGRAM
👍62🤝2🤔1😢1
💼 Скрининг с эйчаром и софтскиллы

Этот этап также важен: не пройдя его, вы не попадете на собеседование. Изучите, как создать хорошее продающее резюме и по гайду напишите всё необходимое. Нужно знать по резюме всё, иметь заранее готовую самопрезентацию. Она должна быть сухой, без воды, красивой, без ничего лишнего. Заученный текст, красиво описывающий ваш опыт и акцентирующий внимание на ваших заслугах и интересных задачах. Вы должны зацепить эйчара, показать свою уверенность и знания. Можно немного шутить, улыбаться, быть дружелюбным. Также говорите то, что хочет услышать эйчар. Необходимо продумать все вопросы - почему уходите с работы, что ищете в новой работе, почему хотели бы работать в их компании. Нужно показывать уверенность и легкость, непринужденное общение. Главное помните, что эйчар вам не друг, не нужно делиться с ним лишней информацией. Только по делу.

Готовимся так:

1. Изучение вопросов по софтскиллам: Найдите и изучите статьи, в которых описывается, что необходимо знать. Смотрите видео про самопрезентацию и т.д. Прорабатывайте все эти вопросы, придумывайте свои ответы и мотивацию.
2. Просмотр видео скринингов: Смотрите, как отвечают другие кандидаты. Необходимо понимать и быть готовыми. Будьте проще и увереннее, легко и непринужденно рассказывайте о себе.
3. Подготовка самопрезентации: Пропишите полное представление о себе, весь рассказ от и до на вопрос "расскажи о себе, своем опыте и проектах, на которых работал". Нужен конспект, по которому вы будете готовиться и репетировать. Так сказать, сценарий.
4. Репетиция перед зеркалом: Говорите весь наш текст вслух, имитируйте общение с эйчаром. Нужно разминать рот, тренировать речь. От того, что вы мысленно проговорите текст, лучше рассказывать вы не станете. Нужно тренировать мышцы рта и учиться отвечать. Идеально, если вы будете записывать на видео самопрезентацию и анализировать её или показывать своим коллегам. Меняйте интонацию, добавляйте улыбку, легкость и уверенность. Все это проработайте на видео.
5. Консультации и моковые скрининги: Софт интервью тоже будут полезными. Найдите кого-то, кто проведет их вам, укажет на ошибки и пробелы, а также поможет усилить самопрезентацию. Возможно, составит вам план рассказа о себе и выделит или приукрасит ваш рассказ.

#frontend #interview
6👍3🔥2😢1
Составные компоненты в React

Паттерн "Составные компоненты" позволяет разбивать компонент на несколько частей, которые могут взаимодействовать друг с другом, сохраняя при этом общую внутреннюю логику. Этот подход улучшает гибкость и переиспользуемость компонентов.

💡 Основные понятия:
✔️ Основной компонент: Этот компонент управляет состоянием и логикой.
✔️ Вложенные компоненты: Эти компоненты используют логику основного компонента и позволяют настраивать его отображение и поведение.
✔️ Контекст: Используется для передачи состояния и методов от основного компонента к вложенным.

💡 Объяснение:
Counter: Основной компонент, который управляет состоянием count и предоставляет методы для его изменения через контекст.
CounterContext: Контекст для передачи состояния и методов вложенным компонентам.
Count: Компонент, отображающий текущее значение счётчика.
Increment: Кнопка для увеличения значения счётчика.
Decrement: Кнопка для уменьшения значения счётчика.
Label: Компонент для отображения метки.

В компоненте Usage мы используем все составные части компонента Counter, чтобы создать интерфейс с кнопками для увеличения и уменьшения значения счётчика, меткой и отображением текущего значения.

#frontend #react
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍11🔥2💯2
Всем привет!

Создал новый канал для общего IT, в котором я буду делиться информацией о YeaHub, новостями IT-рынка и полезными советами по трудоустройству.

Этот же канал будет чисто Frontend. Будет теория, практика, вопросы собеседований, анонсы видео, анонсы сообщества и тд. Тут будет более технический контент для прокачки Хард Скиллов.

На днях выложу новое видео: Паттерн Наблюдатель в JavaScript. Продвинутый Frontend на реальных примерах.

Ждите анонса ✔️

#frontend #javanoscript
Please open Telegram to view this post
VIEW IN TELEGRAM
👍11🔥5💯2
Инкапсуляция в React

Инкапсуляция — это принцип объектно-ориентированного программирования, который используется для ограничения доступа к определённым компонентам кода. В функциональном программировании, на которое ориентирован React, инкапсуляция достигается через функции и модули.

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

В примере компонент Counter инкапсулирует состояние count и функцию increment. Внешний код не имеет доступа к состоянию напрямую, а взаимодействует с ним через публичный интерфейс, представленный функцией increment и JSX-разметкой.

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

#frontend #react #ооп
👍154🔥2💯1
😁18🔥4👍3
Frontend Гладиаторы: Этап 1/4

Турнир полным ходом идет 🔥

Смонтирую весь процесс в YouTube. Интересный опыт. Если все оценят, то будем раз в 1-2 месяца проводить такие состязания 📌

#frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8💯3🔥2
Паттерн Наблюдатель в JavaScript. Продвинутый Frontend на реальных примерах

В этом видео мы рассмотрим Паттерн Наблюдатель (Observer) в контексте JavaScript и Frontend разработки.

Для проекта Рецептов используем Webpack, JavaScript.

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

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

#frontend #patterns #observer #redux
👍7🔥64
Инверсия зависимостей в React

Инверсия зависимостей — это принцип проектирования, согласно которому модули высокого уровня не должны зависеть от модулей низкого уровня. Оба типа модулей должны зависеть от абстракций.

В React этот принцип реализуется путем передачи зависимостей компоненту через пропсы или контекст, вместо их непосредственного создания внутри компонента.

Здесь компонент UserList зависит от абстракции userService, а не от конкретной реализации. Это позволяет легко заменять реализацию сервиса, например, для тестирования или при изменении источника данных.

При использовании компонента мы передаем конкретную реализацию сервиса

Таким образом, инверсия зависимостей делает компоненты более гибкими, тестируемыми и менее связанными с конкретными реализациями зависимостей.

#frontend #react #solid
👍13🔥43
Forwarded from авось прорвемся (Аня)
Лицемерие в айти

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

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

— ой, а что, ты не хотел врать при поиске работы?
теперь ты будешь врать на работе за деньги и проходить собеседования в продуктовые компании с накруткой опыта и стека, чтобы аутстафф побольше смог заработать на перепродаже тебя
УРА!

однажды и я попала на работу в такую компанию,
ибо тогда я ещё совсем не разбиралась в работодателях, а просто искала работу в айти компании!
но компания компании — рознь, когда речь идет о том, как они на тебе зарабатывают. я не просто так писала статью про три типа работодателей, ознакомься, если пропустил:
Какой работодатель тебя купит?

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

1. накрутка опыта от работодателя:
пару лет назад я искала работу с 1 годом опыта в резюме и нашла её за неделю! тогда рынок хоть и трясло, но такой жесткой инфляции опыта ещё не было.
после пары недель работы мне прилетела заявка на то, что нужно пройти одно собеседование на проект!
я была рада, так как хотелось поскорее начать писать код в команде, а не в одиночку. и тут меня попросили немного дополнить резюме…когда я его впервые открыла, там было уже 3 года опыта.
собес я прошла успешно на своих знаниях как могла тогда, но синдром самозванца терзал мою голову еще полгода точно, так как перформить в команде как трехлетний мидл или даже сеньор я не могла и жестко перерабатывала по 12-14 часов и на выходных

❗️
при найме в компанию ни я, ни мои будущие коллеги на такое не подписывалась и нас об этом не предупреждали заранее

— а знала ли продуктовая компания, что им продали джуна по цене сеньора? наверняка да, глупо думать, что компании не в курсе, что происходит на рынке. просто процесс найма в штат выходит дороже, чем временные переплаты за таких вот мидлов/сеньоров

спустя время меня отправляли на собесы с 4, 5 и о боже, самое крутое, с 6 годами опыта при реальных 2

получается, если не захочешь крутить сам — за тебя это сделают другие? хм


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

у меня также есть пара ребят с менторства, кто попадал в аутстафф компании на работу и ахеревали от того, что им нужно готовиться к собесам по записям других людей и проходить их при помощи чата с коллегами онлайн, так как им накрутили опыт и ребятам нужно было успешно пройти такие собесы, иначе компания же не заработает на них!
вам это ничего не напоминает? 🚂

получается, им можно записывать, хранить и шерить записи собесов, а тебе — нет? хм


3. вранье на собеседовании:
я провела десятки собесов в компанию, но как же мало правды в них было))
они не рассказывали про накрутку опыта и стека в резюме, про проекты с большим тех долгом и легаси, про огромную текучку кадров из-за этого, ну короче, обо всем невзрачном принято было молчать, а кандидаты вопросы же задавать не привыкли, так что прокатывало))
и после такого несовпадения ожиданий с реальность в компании, очень многие разочаровывались и увольнялись, находя на рынке предложения получше

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


меня правда удивляет реакция рынка на то, что теперь некоторые кандидаты используют такие же инструменты, что и аутстафф компании, которые их же и научили этому, показав, как работает найм в айти изнутри
Please open Telegram to view this post
VIEW IN TELEGRAM
👍16🔥4💯41
Задайте вопрос на стриме 🤝

https://www.youtube.com/watch?v=KJ6RD9_znf4
👍52🔥2
Руслан Куянец | Reactify pinned «Задайте вопрос на стриме 🤝 https://www.youtube.com/watch?v=KJ6RD9_znf4»
This media is not supported in your browser
VIEW IN TELEGRAM
Вчера провели стрим на 4.5 часа. Тяжко было😅 Старался отвечать на все вопросы😎

Кто-нибудь смотрел стрим?
🔥20👍8🤝2😁1
В планах на этой неделе выпустить 2-3 видео в YouTube

📌 Все концепции в React
📌 Все хуки в React
📌 Все виды оптимизаций в React

Какое больше всего хотели бы увидеть?
Please open Telegram to view this post
VIEW IN TELEGRAM
👍16🔥6💯21
Frontend Гладиаторы: Стань королем Web арены

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

Зачем это нужно?
✔️ Подготовка к собеседованиям: Учитесь отвечать на вопросы грамотно и уверенно.
✔️ Прокачка навыков: Получите новые знания и улучшите существующие в игровой форме.
✔️ Борьба со стеснением: Практикуйте формулирование мыслей и уверенное общение.
✔️ Мотивация: Соревнование с другими участниками создаст дополнительный стимул для развития.
✔️ Обучение у других: Смотрите, как отвечают другие участники, и учитесь на их примере.

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

#frontend #react #web
Please open Telegram to view this post
VIEW IN TELEGRAM
👍73🔥2
Лонг пуллинг и шорт пуллинг

Лонг пуллинг и шорт пуллинг — это методы клиент-серверного взаимодействия для получения данных.

📌 Лонг пуллинг (Long Polling)
Клиент отправляет запрос на сервер и ожидает ответа, пока сервер не предоставит новые данные. После получения данных клиент сразу же отправляет новый запрос.

✔️ Преимущества: Быстрое получение данных в реальном времени.

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



📌 Шорт пуллинг (Short Polling)
Клиент периодически отправляет запросы на сервер с фиксированными интервалами для проверки наличия новых данных. Сервер отвечает немедленно, и процесс повторяется.

✔️ Преимущества: Простота реализации, отсутствие необходимости удерживать соединения.

Недостатки: Задержка между проверками, увеличение нагрузки на сервер из-за частых запросов.


#frontend #basic
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13🔥4🤝1
🎙 Личный опыт

Моя первая работа была в аутсорс-аутстафф компании, где я был джуном и получал 25 тысяч рублей в месяц, а работал аутстаффом за 350 тысяч рублей в иностранной компании. Представьте, сколько компания заработала на мне. При этом я справлялся с 80% задач. Если возникали сложности, мой наставник помогал мне, и я как будто сам сдавал задачу. Достаточно отлаженный механизм: один наставник и пять джунов, которые пишут задачи на других проектах, а ты за ними следишь и иногда помогаешь. Джуны получают 25 тысяч, а компания – по 200-300 тысяч за аренду. Все всё понимают и всех всё устраивает, ведь задачи закрываются. Накрутка – это частая практика в компаниях.

📌 На фото моя первая работа

#interview #work
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥9👍32
👍 Всем привет!

Чтобы не перегружать основной канал размышлениями, я создал новый канал, где мы сможем обсуждать различные темы, болтать о рынке и IT, говорить о трудоустройстве, собеседованиях и YeaHub.

В основном канале постараюсь сфокусироваться на фронтенде. Также планирую запустить YouTube-канал, ведь есть много интересных тем для обсуждения.

https://news.1rj.ru/str/ruslan_kuyanets_it
Please open Telegram to view this post
VIEW IN TELEGRAM
👍42🔥2