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

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

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

🔥 Переключить класс по щелчку мыши с помощью event.currentTarget Чтобы переключить класс по щелчку в React: ✓ Установите реквизит onClick для элемента. ✓ Получите доступ к элементу DOM как event.currentTarget. ✓ Используйте метод classList.toggle() для переключения класса.

💡 Добавление или удаление класса по щелчку мыши в React Чтобы добавить или удалить класс по щелчку в React: ✓ Установите реквизит onClick для элемента. ✓ Сохраните активное состояние в переменной state. ✓ Условно добавьте класс с помощью тернарного оператора.

Просто ли стать Java-разработчиком? Нет. Всем ли подойдет IT? Тоже нет. Стоит ли попробовать? Да. Если вы хотите стать востребованным разработчиком, вам нужно не просто научиться писать код. А в первую очередь сформировать инженерное мышление. На этом построен процесс обучения на Хекслете. На профессии «Java-разработчик» вас ждет не только теория, но и много практики: ✔️ Сотни упражнений в браузере. ✔️ 5 проектов для портфолио на GitHub. ✔️ 150 тестовых заданий от наших партнёров. ✔️ Вебинары, сессии лайвкодинга с наставником 1-2 раза в неделю. Сделайте шаг в карьере в IT-специалиста прямо сейчас! Переходите по ссылке выше и начните обучение! 🎁 Пройдите первые 10 бесплатных уроков из профессии и получите дополнительно скидку 10%

⚡ Переключение булевого состояния в React Чтобы переключить состояние булевого значения в React: ✓ Используйте хук useState для отслеживания состояния булевой функции. ✓ Передайте функцию в функцию setState, которую возвращает хук. ✓ Переключите булево значение на основе текущего значения, например, setIsLoading(current => !current).

Никакие платные курсы больше не нужны — по этим 4 каналам можно освоить Frontend-разработку с нуля 👇 ▪️Senior Frontend — JS, HTML и CSS ▪️Frontend Interview — как проходить собеседования ▪️Web Craft — только Web-разработка ▪️Frontender Libs — библиотеки для фронтендера

Только до конца дня дарим 3 курса по 🎯 IT за 0 руб вместо 23.500 руб! 💯 Не упустите возможность получить профессию мечты! Забирай свой набор IT курсов по ссылке 🤝

🔥 Прокрутка к элементу по щелчку мыши в React ✓ Установите ref на элементе, к которому вы хотите прокрутить страницу. ✓ Установите onClick на другом элементе. ✓ Каждый раз, когда элемент нажимается, вызывайте метод scrollIntoView() для объекта ref.

Ну ладно, держите OpenAI https://t.me/+c1dQ_HR-_OJiNzBi

⚡ map через объект в React Используйте метод Object.keys() для вызова метода map в объекте React, например, Object.keys(employee).map(). Метод Object.keys возвращает массив ключей объекта, на основе которого мы можем вызвать метод map().

✅ Условная установка стилей в React Чтобы условно установить стили в React: ✓ Установите свойство стиля для элемента. ✓ Используйте троичный оператор для условной установки значения свойства CSS. ✓ Например, backgroundColor: count > 0 ? 'lime' : 'salmon'.

⚡ Выделение жирным определенного текста в React.js. Извлечение элемента span в компонент. Если вам нужно делать это часто, извлеките элемент span в компонент, который отображает его дочерние элементы. Этот пример кода достигает того же результата. Что бы мы ни передали между открывающим и закрывающим тегами компонента BoldText, к нему будет применен жирный стиль.

⚡️ ChatGPT теперь в телеграмм! ChatGPT — самая захватывающая ИИ этого десятилетия, но в то же время и самая пугающая Теперь в их официальном канале вы всегда будете в курсе самых передовых инсайдов из мира нейросетей и айти! Подписывайтесь: @ChatGPT

📌 Выделение жирным определенного текста в React.js Используйте встроенные стили для выделения жирным шрифтом определенного текста в React.js, например, <span style={{fontWeight: 'bold'}}>world</span>. Жирный шрифт будет применяться только к элементу, к которому он был добавлен, и его дочерним элементам.

Что не умеет делать JavaScriptна веб-странице? - Не может читать/записывать произвольные файлы на жёстком диске, копировать их или запускать программы. Может быть что-то еще? В канале Собес.js собраны самые актуальные вопросы с собеседований по самому популярному в мире языку программирования. Сохраняй себе и повторяй материал, чтобы быть готовым к любому собесу 😤

▪️ Установка входного значения с помощью Ref в React Чтобы установить значение поля ввода с помощью ref в React: ✓ Установите ref на элементе ввода. ✓ При наступлении определенного события обновите значение ref. ✓ Например, ref.current.value = 'Новое значение'.

⚡ Получение элемента по ID с помощью ref в React Чтобы получить элемент по ID в React: ✓ Установите свойство ref на элемент. ✓ Используйте текущее свойство для доступа к элементу в хуке useEffect.

✔️ Получение текущего года в React ✓ Используйте конструктор Date() для получения текущего года в React, например new Date().getFullYear(). ✓ Метод getFullYear() вернет число, соответствующее текущему году.