Руслан Куянец | Reactify
Відкрити в Telegram
Я IT-специалист, ментор и основатель проекта YeaHub и сообщества Reactify. Здесь рассказываю про Frontend и IT. Менторство: https://reactify.ru YouTube канал: https://youtube.com/@reactify-it YeaHub: https://yeahub.ru/ Связь: @ruslan_kuyanets
Показати більше6 396
Підписники
-1024 години
-167 днів
-6630 днів
Архів дописів
Мотивация.
Мое сознание не видит, что я могу проиграть. Конечно, у всех есть сомнения, но именно они помогают достигать новых высот. Когда ты думаешь, что недостаточно хорош, не стоит сдаваться. Нужно работать над собой, чтобы стать лучше. Это касается всего. Сомнения удерживают тебя в зале, заставляют делать дополнительные упражнения. Они побуждают перечитать конспект еще раз, хотя ты уже собирался ложиться спать.
Главное — уметь отбросить эти сомнения в важный день, потому что к этому моменту ты уже сделал все возможное.
Кстати, ребята! Со следующей недели можно начать путь в новую жизнь. Если вам нравится разработка и вы хотите стать Frontend-разработчиком, грамотно пройти путь обучения, много практиковаться и готовиться к собеседованиям, то у меня есть для вас отличное предложение.
Если вы хотите попасть в сообщество единомышленников, где ребята на разных этапах идут к своей цели, если вы хотите трудоустроиться, получать достойную зарплату и быть частью дружелюбного, прогрессивного IT-сообщества, то я могу вам помочь.
Я знаю актуальные требования и вопросы к собеседованиям, еженедельно обновляю базу вопросов и задач. В рамках менторства у нас проводятся многочисленные онлайн-мероприятия на различные темы, от технических до простого общения и холиваров. Все записи сохраняются, и вы можете в любой момент их посмотреть.
Приходите на менторство — это максимально эффективный вид обучения, и еще по низкой цене. Подробности в личных сообщениях или по ссылке:
@ruslan_kuyanets
Подробности о менторстве
Всем привет, может кто сталкивался с рабством в IT? Поделитесь истториями и как выходили из него?
Ситуация: человек заключил договор с галерой, уволиться не может, придется заплатить 500к штраф.
Как такие ситуации решаются?
Делюсь с вами достижениями.
Вот сколько у нас уже различных мероприятий было/будет в этом месяце 🤩
Скоро обо всём расскажу.
Если вы хотели бы выступить и у вас есть, о чём рассказать, или может быть вы хотите научиться выступать на публике, то напишите мне, устроим 😎
Реализуйте функцию curry.
Каррирование (currying) — это процесс преобразования функции с множеством аргументов в последовательность функций, каждая из которых принимает один аргумент.
Вот такие задачки тоже на собесах бывают
function curry(func) {
return function curried(...args) {
if (args.length >= func.length) {
return func.apply(this, args);
} else {
return function(...args2) {
return curried.apply(this, args.concat(args2));
}
}
};
}
function sum(a, b, c) {
return a + b + c;
}
const curriedSum = curry(sum);
console.log(curriedSum(1, 2)(3)); // Также выведет 6
console.log(curriedSum(1)(2, 3)); // И это тоже выведет 6Задача с собеседования в Сбер. Вилка от 200к
console.log('start')
const fn = () => (new Promise((resolve, reject) => {
console.log(1);
resolve('success')
}))
console.log('middle')
fn().then(res => {
console.log(res)
})
console.log('end')
Каким будет вывод этого фрагмента кода?
Выходным результатом будет start , middle, 1 , end и success.Оптимизация приложений: Тришейкинг
Тришейкинг (Tree Shaking) – это процесс удаления неиспользуемого кода из вашего конечного бандла. В контексте JavaScript и фронтенд разработки, это означает, что сборщики модулей, такие как Webpack или Rollup, анализируют ваш код на предмет экспортов, которые нигде не используются, и не включают их в итоговый файл. Это позволяет существенно уменьшить размер бандла, что положительно сказывается на времени загрузки приложения. Например, если вы импортировали библиотеку, но использовали только одну функцию из нее, тришейкинг позволит исключить из бандла все остальные неиспользуемые функции.
Как работает тришейкинг:
1. Вы объявляете импорты и экспорты в каждом модуле.
2. Сборщик (Webpack, Rollup или другой) во время сборки анализирует дерево зависимостей.
3. Неиспользуемый код исключается из итогового бандла.
Порядок настройки (на примере Webpack):
1. Убедитесь, что используете версию Webpack, поддерживающую тришейкинг (обычно это версия 2 и выше).
2. В вашем
webpack.config.js установите mode в значение production. Это автоматически включит тришейкинг.
3. Используйте ES6 модули (`import` и `export`), так как тришейкинг работает только с ними.
Бывают спрашивают вопрос на собеседовании. Вообще вопросы по оптимизации частенько задаю. Думаю расскажу вам о них в постах.Каррирование (currying)
Достаточно популярный вопрос для лайвкодинга. Реализуйте функцию curry.
Каррирование (currying) — это процесс преобразования функции с множеством аргументов в последовательность функций, каждая из которых принимает один аргумент.
#currying
📚 Здесь собраны все вопросы, которые могут спросить на собеседовании. Теперь можно легко получить оффер, подготовившись к самым популярным вопросам. Просто выбери своё направление:
1. Frontend / JavaScript
2. Python
3. Java
4. Тестировщик QA
5. Data Science
6. DevOps
7. C#
8. С/C++
9. Golang
10. PHP
11. Kotlin
12. Swift
Что такое Proxy?
Proxy в JavaScript — это специальный объект, который позволяет создать обёртку вокруг другого объекта и перехватывать или переопределять операции, выполняемые с этим объектом, такие как чтение/запись свойств, вызов функций и т.д. Proxy может быть использован для различных целей, включая реализацию реактивности, валидацию, логирование и многое другое.
Proxy создаётся с двумя аргументами: целевым объектом (`target`), вокруг которого строится обёртка, и объектом обработчика (`handler`), который содержит функции-ловушки (такие как get и set в примере выше).
Функции-ловушки в handler позволяют перехватывать и переопределять стандартное поведение операций над объектом
В будущем хочу записатть видео с Proxy на реальном проектте, как JavaScript Паттерны💪
#proxy #javascriptПаттерн Стратегия в React. Продвинутый Frontend на реальных примерах
В этом видео мы рассмотрим Паттерн Стратегия (Strategy) в контексте React и Frontend разработки.
Для проекта Маркет используем Vite, FSD, TypeScript.
Видео предназначено для разработчиков, желающих повысить свои навыки в продвинутом React и паттернах проектирования.
Видео уже на канале! Вторая серия видеокурса
Я не оставляю ссылку, так как видео лучше продвигается, если заходить на него напрямую с YouTube. Это помогает улучшить его рейтинг и увеличить шансы на органическое продвижение.
Дал себе передышку на день. Уехал за город без ноутбука. Учусь красиво говорить для выступлений в сообществе😄
Руки чешутся делать дела😬 уже кучу замёток в телефоне настрочил😅
+4
Фронтенд задачки в картинках — просто, наглядно и понятно. Проверяй свои знания в интерактивном формате каждый день.
Присоединяйтесь: @Frontend_Task
Строитель в JS
https://youtu.be/LiLJLNxPRZs?si=zpBpLEXdhuCqSkTr
Фабричный метод в JS
https://youtu.be/gT_khIQ5rwE?si=YCWWXZJgiE7sbQoj
Проведите 30 минут выходных с пользой🚀
+1
В июле весь календарь будет усыпан мероприятиями сообщества🤩
Сбывается, то что я планировал год назад
Кто уже хочет в закрытое сообщество? Вместе развиваться, общаться, мотивировать друг друга, реализовывать идеи, искать работу и практиковаться.
Все это будет в сообществе!
В июле весь календарь будет усыпан мероприятиями сообщества🤩
Сбывается, то что я планировал год назад
Кто уже хочет в закрытое сообщество? Вместе развиваться, общаться, мотивировать друг друга, реализовывать идеи, искать работу и практиковаться.
Все это будет в сообществе!
