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

Когда работаете с React компонентами, особенно с такими, что оборачивают HTML элементы (например, <input>, <button>, <textarea>), придерживайтесь простоты и чистоты кода. Если ваш компонент получает пропсы, которые прямо передаются в дочерний элемент без модификаций или особой логики, предпочтительнее использовать оператор распространения пропсов (...props). Это повышает гибкость компонента и упрощает его применение.

#react #best #props

Получение выделенного текста пользователя

Чтобы получить текст, который пользователь выделил на веб-странице, можно использовать встроенное свойство getSelection. Этот метод особенно полезен для:

- разработки функций копирования или анализа текста,
- создания заметок или аннотаций в документах,
- улучшения взаимодействия пользователя с контентом.

#JavaScript #window #selection

Смотрю на своих учеников, и у них такие же проблемы, какие были и у меня во время обучения. Блин, как будто дежавю. Я через все это проходил: на протяжении всего обучения я сомневался в своих силах, сталкивался с трудностями и непониманием. Вот прямо один в один. И за счет этого у меня еще больше желание помочь им, созвониться, объяснить, поддержать.

Этот пост адресован всем, кто сомневается. Если вы продолжите и проявите усердие, то у вас все получится. Нужно просто идти вперед несмотря ни на что, не сдаваться. Банально, но так оно и есть.

Что будет если мы перейдем и накидаем звезд сюда?🤔
Предлагаю проверить

https://github.com/MirgradR/news-reactify

Завтра будет результат розыгрыша😎
Кто какой приз хотел бы?
Буду чаще проводить розыгрыш собесов и недельных занятий.

В скором времени начну больше снимать видео. Хочу про трудоустройство поговорить, про JavaScript. Буду выпускать по сложным темам - асинхронность, Promise, Event Loop, DOM и тд.
Надеюсь будет полезно💪

Какие продвинутые темы вам были бы интересны?

🎉 Результаты розыгрыша:

Победители:
1. Nikita (@frontendNC)
2. concurrency mode (@webtensei)
3. Тимур (@kalievxx01)
4. Ирина

Проверить результаты

1. Nikita (@frontendNC) - Две недели менторства бесплатно.
2. concurrency mode (@webtensei) - Одна неделя менторства бесплатно.
3. Тимур (@kalievxx01) - Собеседование на 40-60 минут.
4. Ирина - Специальное предложение: месяц обучения за 10,000 рублей вместо 15,000.

Можете мне написать в личку. Менторство 2 недели и 1 неделя не могут идти вместе. Сначала один, потом второй. Для этого решим кому как удобнее

Буду стараться чаще проводить розыгрыши.

Удаление дубликатов из массива с помощью Set

Для эффективного удаления дубликатов из массива в JavaScript, используйте Set, который автоматически хранит только уникальные значения. Этот метод особенно ценен при:

- обработке данных для аналитики,
- оптимизации списков для интерфейсов пользователя,
- очистке входных данных от повторений.

#JavaScript #set #arrays

Отличные ресурсы для подготовки к собесам и прокачки навыков.

Задачи по JS и React. Создание различных компонент по заданию. Самое то для Лайвкодинга
https://www.greatfrontend.com/prepare/coding
https://bigfrontend.dev/

Вопросы с собеседований.
https://www.frontendinterviewhandbook.com/ru/javanoscript-questions

Решаем задачи и алгоритмы
https://www.codewars.com/

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

На моем канале есть несколько видео, которые точно стоит посмотреть.

Самый лучший roadmap по фротнтенду
Тут есть все темы, ресурсы для изучения и мои комментарии.
https://youtu.be/9Pbm_V0MM0Y?si=7GXD9Aon9KOS9oBk

Топовые курс по TypeScript
Разобраны все темы без воды.
https://youtu.be/PYWaUwjofJo?si=f03msee1WHcMEpbE

Понятный курс по HTML
Так же без воды. Хороший монтаж, объяснение. Плюс практика в конце
https://youtu.be/56lpkwhaJhQ?si=YrazpxjdQ9ffp_Ki

Видео по FSD
Тут мои мысли и примеры, как использовать FSD
https://youtu.be/O4SDx-aZY5U?si=RV24I3_wHmhDzLP2

Лучшая практика по React
Полноценный видеокурс/сериал, в котором мы реализовавшем с нуля большое приложение и знакомимся со всей экосистемой React.
https://youtu.be/bD0UXb7kD_k?si=HGD9HXlVJrqU8OwR

https://youtube.com/shorts/oOgPh6_NjTI?si=NPgobMRtDi3Q57E-

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

Вычисление площади круга по радиусу

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

#JavaScript #math #geometry

Хочу переодически выставлять такие видео. Это тестовые/моковые собеседования. Проверка знаний в рамках менторства.

Жду вашего мнения, что улучшить, какие лучше вопросы задавать и тд. Буду стараться более динамично в следующий раз проводить собесы

https://www.youtube.com/watch?v=LuRY_lBKxFc

YeaHub и монетизация

К нам присоединился еще один дизайнер! Мы активно работаем над дизайном всех наших сервисов. И скажу вам одно, получается очень красиво😍.

Также разработка бекенда и фронтенда продолжается. Разработка идет во всех направлениях. Ребята замотивированы, и наш чат оживился. Мы исключили неактивных участников. Теперь только вперед💪.

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

Проект начинает понемногу кушать деньги. Скоро нужно будет арендовать сервер, оплачивать смс-рассылку и хранилище файлов. Помимо этого, нам могут понадобиться услуги других специалистов, а также ресурсы для продвижения платформы.

Для решения этих проблем:
1️⃣ Я буду чаще рекламировать другие каналы. Разумеется, будет фильтрация. Не будет курсов и всякой шляпы. Прошу понять и простить🥺.

2️⃣ Скоро мы создадим канал Frontend | Собеседования. На нем будут актуальные вопросы и задачи для подготовки к собеседованиям. С понятными ответами, без воды. А также на канале будут еженедельно проводиться 3 собеседования, рандомно среди подписчиков. А сами собеседования мы будем записывать и выкладывать на YouTube. Такого формата нет нигде. Вопросы будем добавлять мы — YeaHub, все наши разработчики, которые проводят собеседования💯.

3️⃣ Мы создадим YouTube-канал, там будут видео собесов и shorts по вопросам и ответам на них. Мы настроены серьезно. Будем продвигать YeaHub💪.

Если у нас получится, то мы поменяем сферу, мы ее улучшим. Курсы будут не нужны. Галеры будут не нужны. У нас грандиозные планы. К сожалению, на данный момент расскрыть их полностью не можем.

От вас прошу поддержку и активность. Вы будете в числе первых пользователей платформы🥇.

Через месяц начнем снова набор разработчиков среди вас. У нас много работы. Будем вместе создавать YeaHub🚀.

https://youtube.com/shorts/xUq7378vlik?feature=share

Ваше мнение. Сегодня в чате обсуждали это )

Проверка числа на простоту

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

#JavaScript #math

Активность

Читая книги по психологии и мотивации, я наткнулся на цитату, которая запала мне в душу:

"Продвигайтесь вперед шаг за шагом, сохраняйте гибкость и будьте готовы к переменам. Возможно, вы не придёте к изначальной цели, зато придете к чему-то гораздо лучшему."

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

Даже если ты не всегда выбираешь верный путь, движение вперед – это уже шанс.

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

Посетив конференцию ты познакомился с разработчиком и он предложил HR в компании провести с тобой собес. В итоге тебя взяли на работу.

Будьте активными! Ищите возможности во всем. Посещайте мероприятия, вступайте в сообщества, создавайте каналы, снимайте видео. Вселенная благоволит тем, кто движется к цели.

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

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

Главное – это движение вперед. Не бойтесь пробовать новое, верьте в себя, и тогда вы обязательно достигните своих целей.