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

📌 Отключение ссылки в React Установите CSS-свойство событий курсора на none, чтобы отключить ссылку в React, например, <Link style={{pointerEvents: 'none'}}>.

Профессия «Фронтенд-разработчик» на Хекслете включает в себя гораздо больше, чем кажется на первый взгляд. На курсе мы даем даем фундаментальные основы и развиваем алгоритмическое мышление. Несколько сотен практических заданий в онлайн-тренажере – лишь часть обучения. Вы будете участвовать в разработке открытых проектов Хекслета на GitHub, напишите 4 полноценных приложения для бизнеса и попрактикуетесь в решении реальных кейсов от компаний-партнеров. Цель любого обучения – это трудоустройство. Мы пройдем путь до первой работы в IT вместе с вами.  Начните прямо сейчас, переходите по ссылке выше. Вводные курсы профессии доступны бесплатно сразу после регистрации👆👆👆 Оцените формат и решите, стоит ли продолжать! 👻🎁 P.S. не упустите подарки и спецпредложения в честь Черной Пятницы! Скидка 10% и подарок на выбор — при покупке одной программы. При покупке двух программ — вторая за полцены.

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

Хотим порекомендовать действительно полезный блог для разработчиков. Автор прошел путь от джуна до директора разработки и рассказывает про найм, повышения, собеседования и технологии со стороны компании, а также дает советы по карьерному продвижению. Темы: - Языки программирования - Базы данных - Книжные рекомендации - Карьерные советы 🔥@nikitashpilevoy

Профессия «Фронтенд-разработчик» на Хекслете включает в себя гораздо больше, чем кажется на первый взгляд. На курсе мы даем даем фундаментальные основы и развиваем алгоритмическое мышление. Несколько сотен практических заданий в онлайн-тренажере – лишь часть обучения. Вы будете участвовать в разработке открытых проектов Хекслета на GitHub, напишите 4 полноценных приложения для бизнеса и попрактикуетесь в решении реальных кейсов от компаний-партнеров. Цель любого обучения – это трудоустройство. Мы пройдем путь до первой работы в IT вместе с вами.  Начните прямо сейчас, переходите по ссылке выше. Вводные курсы профессии доступны бесплатно сразу после регистрации👆👆👆 Оцените формат и решите, стоит ли продолжать! 👻🎁 P.S. не упустите подарки и спецпредложения в честь Черной Пятницы! Подарок на выбор при покупке профессии или вторая программа за полцены.

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

Вы еще не слышали про телеграм-канал LEFT JOIN? Давайте это исправим! Это авторский канал аналитика данных Николая Валиотти, в котором много постов про: 👨‍🎓 учебу в американском ВУЗе Georgia Tech 🗄 SQL и работу с базами данных 📊 построение аналитических метрик и отчетов 📚 интересные библиотеки для Python, 📎 работу с различными API (от Google Docs до соцсети для любителей пива), 📈 BI и SQL-инструменты,  🎨 тонкости создания датавиза Также, скоро выходит второй сезон подкаста Data Heroes про данные, аналитику и будни дата героев! Если вы еще не слушали первый – наверстывайте упещенное и... 🦸‍♂️ Конечно, скорее подписывайтесь на канал!

Слив секретных архивов с платными книгами для программирования: 📚 База №1 — Java, JavaScript, Python; 📖 База №2 — CPP, C#, SQL, HTML, PHP; 🗄 База №3 — ИИ, МО, Linux, Ruby. IT Memes — свежий IT юмор, отобранный нейросетью; 3D News — актуальные новости из IT-индустрии.

💡 Сброс поля для выбора файла в React Чтобы сбросить поле для выбора файла в React, установите значение поля в null в функции handleChange, например event.target.value = null. Установка свойства value элемента в null сбрасывает значение поля для выбора файла.

Давайте разберём, что именно здесь происходит:/ - вызываем root.render() c React-элементом <App />. - React вызывает компонент App. - компонент App возвращает элемент  <div>Hello</div> в качестве результата. - React DOM делает минимальные изменения в DOM, чтобы получилось <div>Hello</div>. Всегда называйте компоненты с заглавной буквы. Если компонент начинается с маленькой буквы, React принимает его за DOM-тег. Например, <div /> это div-тег из HTML, а <App /> это уже наш компонент App, который должен быть в области видимости.

Frontend Vollex – здесь команда фронтендщиков из OZON обучает создавать красивые сайты и приложения, используя такие эффекты. Канал читают как новички, так и опытные программисты. Подписывайся: @vollex_frontend

⚡ Добавление класса при наведении в React Чтобы добавить класс при наведении в React: ✓ установите onMouseOver и onMouseOut для элемента. ✓ отслеживайте, наводит ли пользователь курсор на элемент, в переменной состояния. ✓ условно добавьте класс на основе переменной состояния.

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

В Javascript ключевое слово var относится к функциональной области видимости. Этим javascript отличается от многих языков программирования (C# / Java и т. д.) в которых переменные имеют блочную область видимости. Если представить блочную видимость в JavaScript, то в примере выше ожидаем что в консоль попадет 123, однако вместо этого будет выведено 456. Так происходит потому что { не создает новую область видимости переменных. Переменная foo, которая находится внутри if, так же, как если бы она была объявлена вне его. Это поведение часто является источником ошибок в JavaScript. По этой причине TypeScript (и ES6) добавили ключевое слово let, которое позволяет объявлять переменные с настоящей блочной областью видимости.

Ты начнёшь верстать увереннее, добавишь в портфолио 1 крутой сайт и сможешь повысить цену на свои услуги… Потому что Роман Чернов, веб-разработчик с 8-летним стажем, организовал бесплатный 7-дневный интенсив с практикой и обратной связью. За 7 дней ты: - Сверстаешь веб-сайт на HTML + CSS; - Реализуешь функционал на JavaScript; - Используешь фронтенд-фреймворк Angular; - Подключишь Backend и загрузишь сайт на хостинг. 👉 Забрать бесплатно 7 дней обучения frontend-разработке

⚡ Rest параметры (обозначаются как ...argumentName для последнего аргумента) позволяют быстро принимать несколько аргументов в функции и получать их в виде массива. Как на примере выше ☝ Rest параметры могут быть использованы в любой функции.

На собеседовании по JS потеют ладошки и пересыхает в горле?  Это все потому, что ты плохо подготовился! Канал «Задачи по JS | Подготовка к собеседованию» исправит ситуацию. Ежедневно на канале постят крутые задачи по JS, учат тонкостям и рассказывают про подводные камни языка, которые могут встретиться на собеседовании. Будь готов к любым трудностям! Подписывайся: @js_training

Заботливо называемая толстой стрелкой (потому что -> это тонкая стрелка и => это толстая стрелка), а также называемая лямбда-функцией (как в других языках). Наиболее часто используемый вариант () => something. Мотивация для использования толстой стрелки - это: ✓ Вам не нужно печатать function ✓ Лексически отражает значение this ✓ Лексически отражает значение arguments Для языка, который претендует на функциональность, в JavaScript вы обычно набираете function достаточно часто. Стрелочная функция упрощает создание функции.

TypeScript поддерживает следующие формы деструктурирования (буквально названо в честь де-структурирования, т. е. разбиения структуры): ✓ деструктурирование объектов ✓ деструктурирование массивов Проще всего представить деструктурирование как обратное от структурирования.

Прекрати мечтать и стань мидлом за 50 дней Опытные Frontend-разработчики создали несколько бесплатных каналов, в которых регулярно выходят топовые посты для начинающих. Полезная вËрстка — канал с готовым решением повседневных задач: слайдеры, анимация, навигация и т.д. JavaScript тесты — канал с тестами и задачами, который прокачает твои навыки во Frontend-разработке. CSS доширак — больше не нужно запоминать кучу свойств и их значения — всё собрано в одном канале! JavaScript заметки — образовательный канал с ежедневными практическими заметками по языку. Войти в IT — канал с видеуроками и курсами, который научит тебя кодить с нуля за месяц. Развивайся с нами, ведь так проще!