React | Разработка приложений

Вы знали, HRы топовых IT компаний выкладывают вакансии «Для своих», и без связей туда не попасть? Один из них сделал канал «IT вакансии для своих», и сотни кодеров уже работают в Яндексе, Mail, Сбер, Альфа и тд... Прекрати мониторить HH каждый день! Таких предложений, как в этом канале, ты не найдешь нигде – @secret_it_jobs

💡 Изменение текста кнопки при нажатии с задержкой Чтобы изменить текст кнопки при нажатии и изменить его обратно после задержки: ✓ Отслеживайте текст кнопки в переменной состояния. ✓ Установите реквизит onClick для элемента кнопки. Когда кнопка будет нажата, обновите переменную состояния. ✓ Используйте метод setTimeout(), чтобы изменить текст обратно после задержки.

Ищем React (Next.js) разработчика Оплата до 250 000 рублей в месяц. Работа по часовой ставке или фикс за проект. Работать можно в офисе в Питере или удаленно. Мы Yoldi - агентство продуктовой разработки. Помогаем бизнесу запускать проекты с 2012 года. Работаем с проектами в финансовой, образовательной, торговой и развлекательной сферах. Создаем продукты разной сложности: биржи, соц-сети, маркеплейсы, приложения и Webapp боты. В основном разрабатываем веб-сервисы и системы автоматизации. Помимо технически интересных задач у нас бывают проекты с которыми просто любопытно работать. Ищем ребят с желанием развить продуктовое мышление и умеющих брать ответственных за результат. Тех кто будет вникать в бизнес клиента, чтобы понимать для чего делает ту или иную фичу. Для отклика ознакомьтесь с подробностями вакансии и заполните анкету в конце описания. Даже если вы заняты на другой работе, откликнитесь и возможно получится поработать в будущих проектах.

🔥 Изменение текста кнопки при нажатии в React Чтобы изменить текст кнопки по щелчку в React: ✓ Отслеживайте текст кнопки в переменной состояния. ✓ Установите реквизит onClick на элементе кнопки. ✓ Когда кнопка будет нажата, обновите переменную состояния.

🔥 Слияние двух массивов в React.js Используйте spread оператор (...) для объединения массивов в React, например const arr3 = [...arr1, ...arr2]. Синтаксис spread используется для распаковки значений двух или более массивов в новый массив. Тот же подход можно использовать для слияния двух или более массивов при установке состояния.

👉 Использование цикла for...of вместо forEach() Можете использовать цикл for...of аналогично тому, как мы использовали метод forEach(). Если используете for...of вместо метода forEach(), тогда вам нужно использовать ключевое слово break для преждевременного выхода из цикла. Ключевое слово break нельзя использовать в методе forEach(), но оно поддерживается в цикле for...of.

👉 Использование метода forEach() в React Метод forEach() можно использовать для итерации по массиву вне JSX-кода в React. Если вам нужно выполнить итерацию по массиву и отобразить его элементы непосредственно в коде JSX, используйте метод map().

Event Loop Нашёл хорошую статью, которая объясняет, как работает Event Loop. С примерами и схемами. Заодно поможет понять, как именно зависает страница в браузере. Статья маленькая, но ёмкая, буквально 5 минут пользы

Еб@#&*ся, все платят за курсы, когда есть бесплатные архивы: 📚 Полка Разработчика — доступ к платным книгам по программированию; 📦 IT Помощник — слив самых популярных курсов по программированию; 📱 JavaScript — бесплатное обучение по JavaScript; 💻 Codepen Amazing — Codepen проекты на основе HTML, CSS и JavaScript; 🚽 IT Memes — нейросеть отбирает лучшие IT мемы; 🗞 3D News — актуальные новости из IT-индустрии.

🔹 Генерация случайного числа в React Используйте функцию Math.random() для генерации случайного числа в React, например, Math.floor(Math.random() * (max - min + 1)) + min. Функция Math.random возвращает число в диапазоне от 0 до менее 1, но также может быть использована для генерации числа в определенном диапазоне.

💡 Как обновить версию React Чтобы обновить версию React и установить последние версии пакетов react и react-dom, выполните следующие команды: 👇️ с NPM npm install react@latest react-dom@latest 👇️ если используете TypeScript npm install --save-dev @types/react@latest @types/react-dom@latest 👇️ с YARN yarn add react@latest react-dom@latest 👇️ если используете TypeScript yarn add @types/react@latest @types/react-dom@latest --dev

🔥 Обработка событий двойного щелчка в React Для обработки событий двойного щелчка в React: ✓ Добавьте свойство onClick к элементу. ✓ Используйте свойство detail на объекте события, чтобы получить количество щелчков. ✓ Если количество щелчков равно 2, обработайте событие двойного щелчка.

📌 Конкатенация строк в props React Используйте литерал шаблона для конкатенации строки в React props, например, <div className={border ${myClass}}>. Шаблонные литералы разделены обратными кавычками и позволяют вставлять переменные и выражения, используя синтаксис знака доллара и фигурных скобок ${выражение}. Обратите внимание, что строка заключена в обратные символы ``, а не в одинарные кавычки.

⚡ Проверка пустая ли строки в React  Чтобы проверить, пуста ли строка в React, обратитесь к ее свойству length и проверьте, равна ли она 0, например, if (str.length === 0) {}. Если длина строки равна 0, то строка пуста, в противном случае она не пуста.

⚡️ Освойте востребованную IT-профессию за 9 месяцев. На курсе «Профессия Веб-разработчик» вы с нуля научитесь создавать полноценные веб-приложения и начнёте работать уже в процессе обучения на платформе. Вы узнаете, как: 👉верстать сайты на HTML и CSS для любых устройств и размеров экранов; 👉программировать логику на JavaScript и PHP; 👉работать с JavaScript-фреймворками — React, Vue или Angular; 👉создавать серверную часть при помощи Node.js и Laravel. На курсе много практики. Вы создадите до 10 проектов для своего портфолио на GitHub и поучаствуете в командной разработке с тимлидом, а мы поможем вам с трудоустройством в одну из компаний-партнёров. Сделайте шаг к востребованной профессии — оставьте заявку на курс и получите скидку: https://clc.to/WWFlww

🔥 Проверка поля ввода на заполненность в React Чтобы проверить, является ли поле ввода пустым в React: ✓ Вызовите метод trim() для значения поля. ✓ Получите доступ к свойству length значения. ✓ Если длина значения поля равна 0, то оно пустое, в противном случае - нет.

Устал скроллить одни и те же вакансии Frontend - разработчиков на hh? Не трать время — заходи в @JScript_jobs Здесь ты найдешь: — актуальные вакансии от топов IT-индустрии (Яндекс, Сбер, Intel) и стартапов, которых нет на крупных cервисах; — зарплату от 400 тысяч и выше; — достойные предложения для джунов, мидлов и сеньеров; — предложения от зарубежных компаний с релокацией; — стажировки и обучающий контент для повышения скиллов. Цени себя и свое время — подписывайся на @JScript_jobs

💡 Проверка на пустоты массива в React Чтобы проверить, пуст ли массив в React, обратитесь к его свойству length, например, arr.length. Если длина массива равна 0, то он пуст. Если длина массива больше 0, то он не пуст.

Требуются парни и девушки в возрасте 19–40 лет, желающие работать в сфере IT. Опыт в программировании не нужен. С 10 по 16 января проводим бесплатный онлайн-интенсив по Frontend-разработке, где будем учить, как разрабатывать сайты и веб-приложения. За эти 7 дней обучения ты: 1. Создашь полноценный веб-сайт на HTML и CSS; 2. Оживишь страницу с помощью JavaScript; 3. Используешь фронтенд-фреймворк Angular; 4. Подключишь Backend и загрузишь сайт на хостинг; 5. Получишь советы по доработке своего проекта; 6. Узнаешь сколько можно зарабатывать и как работать; 7. Получишь в подарок чек-лист «45 мест для поиска работы». А главное, ты увидишь, что разрабатывать сайты и приложения не так сложно, как кажется. И поймёшь, как тебе развиваться в этой профессии, чтобы уже в следующем году зарабатывать от 1000$ на вёрстке сайтов. 👉 Проскочить на интенсив бесплатно

Телеграм-канал, куда стоит заглянуть: Security Vision — каждый день публикует интересные советы и новости из мира информационной безопасности. Подписывайтесь и будьте в курсе ИБ вместе с @svplatform