🚀 С какими проблемами в разработке ты сталкиваешься чаще всего? 🤔

Привет, ребята! 👋

Я хочу узнать, какие сложности вы испытываете в процессе разработки. Что именно тормозит ваш прогресс или вызывает трудности? 🤷‍♂️

🔥 Жду ваших ответов и идей! Вместе создадим что-то крутое!

❗️Собираю команду для нового формата видеороликов❗️

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

В чём суть формата:
Мы создаём команду, где будет имитация работы настоящего программиста. Вас ждут:
- Задачи, над которыми придётся серьёзно поразмыслить.
- Исправление багов, которые научат вас искать ошибки.
- Система финальных соревнований, где каждый сможет проявить себя и выполнить свою уникальную работу.

Этапы программы:

1. Обучение. Бесплатное, но интенсивное, на уровне платных курсов.
2. Поддержка. Если будет сложно, вы сможете обратиться к куратору (тимлиду), который объяснит, как справиться с задачей.
3. Финальный экзамен. Реальный проект, который покажет ваш прогресс.

Вы погрузитесь в атмосферу работы IT-команды, научитесь работать над ошибками, решать сложные задачи, а главное – коммуницировать с коллегами.

Как стать участником?
Напишите в личные сообщения: @freeddev и заполните небольшую анкету:

1. Возраст
3. Имя
4. Сколько времени вы учите фронтенд
5. Ваша цель в программировании
6. Сколько часов свободного времени есть в день
7. Возможность участвовать в звонках: Да/Нет
8. Плюсом будет, если расскажете свою историю: как пришли в программирование и чего хотите достичь в IT.

💻 Я даю вам шанс стать программистом абсолютно бесплатно. Не упустите его!

😉 Всем привет!

❗️На канале вышел новый ролик, который продолжает курс React! В этом видео мы погрузимся в работу с одним из самых популярных хуков — useEffect. Я подробно расскажу, как он используется для управления побочными эффектами, научу вас работать с API и покажу, как всё это применять на практике.

☺️Не забывайте подписываться на канал, ставить лайки и делиться своими мыслями и результатами в комментариях. Также ближе к вечеру вас ждёт домашнее задание, которое поможет закрепить все новые знания по React, а готовые результаты вы можете оставить в комментариях или прислать мне в личные сообщения.

🔥 Кстати, в течение ближайших 4 дней будут подведены итоги отбора в нашу новую рубрику! Если у вас есть друзья или знакомые, которые хотят попробовать свои силы, обязательно приглашайте их присоединиться. Это уникальная возможность прокачать свои навыки и стать частью большого проекта!

☺️Приятного просмотра!

Ссылка на видео

Всем привет!

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

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

Теоретическая часть:

1. Что такое React?
2. Назовите основные преимущества React.
3. Что такое компонент в React, и зачем он нужен?
4. Объясните, как данные передаются между компонентами.
5. Что такое Virtual DOM, и зачем он нужен в React?
6. Почему React использует Virtual DOM для оптимизации?
7. Когда React решает, что нужно обновить компонент?
8. Что такое хук useState, и для чего он нужен?
9. Объясните, как работает хук useEffect.

Практическая часть:

1. Создайте компонент, который отслеживает клики по кнопке и выводит количество кликов. Каждое нажатие на кнопку должно обновлять только компонент кнопки!

2. Реализуйте компонент, который меняет цвет текста при каждом клике на кнопку. Используйте хук useState.

3. Напишите компонент, который загружает данные пользователей из API (например, https://jsonplaceholder.typicode.com/users) и отображает их в виде списка на экране.

Сложное практическое задание:

Задание по практической части №3, необходимо доделать.

1) При загрузке страницы выполните запрос через fetch в useEffect и сохраните данные в состояние с помощью useState.

2) Добавьте кнопку "Обновить данные", которая повторно вызывает API и обновляет список.

3) Реализуйте обработку ошибок, если запрос завершится с ошибкой, отобразите сообщение "Не удалось загрузить данные".

Подсказка к 1 заданию: Внутри useEffect напишите асинхронную функцию, которая выполняет запрос через fetch. Это поможет избежать проблемы с передачей пустых данных в состояние до завершения запроса. Не забудьте использовать await!

Подсказка к 2 заданию: Создайте функцию, которая вызывает тот же fetch запрос, что и в useEffect. Добавьте кнопку в JSX, которая вызовет эту функцию благодаря onClick()

Подсказка к 3 заданию: Для обработки ошибок используйте блок try...catch или проверьте response.ok перед преобразованием данных

Очень сложное практическое задание:

Дополнение к сложному заданию.
Необходимо добавить тег ввода данных (input) и привязать данные внутри input к хуку useEffect.
При вводе в строку input текста, данные для запроса к API будут фильтроваться по имени.

🚀 ВАЖНОЕ ОБЪЯВЛЕНИЕ!
Завтра в 15:00 по МСК выходит новый видеоролик! 🎥🔥
Не пропустите — будет интересно!

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

Спасибо за вашу активность 💪
До завтра! ✌️

Ну что, ждёте новый видеоролик с вебкой😏?

А он уже в процессе создания!

Доброе утро, дорогие подписчики! 👋

Хочу заранее сообщить, что выход нового видеоролика немного задерживается. Возникли трудности на стадии монтажа — я стараюсь сделать его максимально качественным, поэтому пока не укладываюсь в запланированные сроки. 🙏

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

Всем привет!
Вот такой небольшой ролик получился😱

Остаётся доделать саунд дизайн и начинаю рендерить.

❗️Ожидайте видеоролик СЕГОДНЯ в 15:00 по МСК❗️

Привет друзья!

❗️На канале вышел новый видеоролик❗️

Поспеши его посмотреть, ведь он действительно сможет помочь тебе, если ты только начал свой путь в IT или ты столкнулся с большими проблемами на пути в IT.

Если у тебя возникнут какие-то вопросы, не стесняйся обращаться ко мне в лс или в наш чат.

Ссылка на видео
Чат

Всем привет!

На канале вышел новый видеоролик по курсу React.

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

Смотреть видео

Всем привет!

На канале вышел новый видеоролик по курсу библиотеки React! 🚀

В этом уроке обсуждаем важную тему для разработки на React — prop drilling. Это проблема, с которой часто сталкиваются разработчики, и мы разберем её решение с помощью Context API.

Что вас ждет:

• Обсуждение типичных проблем при передаче пропсов.
• Как работает React Context и как его использовать.
• Решение реальных задач, связанных с состоянием.

Для выполнения практики понадобится бекенд на mockAPI. В видео я покажу, как его настроить, а также прикреплю структуру данных, чтобы вам было удобно работать.

Ссылка на видео:
👉 Смотреть урок

⚡️ Учитесь, практикуйтесь и применяйте полученные знания в своих проектах.

Удачи! ✨

❗️ЗАВТРА❗️
В 14:00 выходит что-то очень особенное на канале! 🎥
Не пропустите тизер — уверен, он вас зацепит и заинтригует. 👀

Скоро вы узнаете, что мы для вас готовим. 🚀

Сегодня на канале состоится премьера нового видеоролика!

Ровно в 14:00 по МСК, вы сможете узнать, что вас ждет после Нового Года!

Хочу от всей души поблагодарить вас за этот год. Вы искренне поддерживали меня, мотивировали и вдохновляли продолжать выпускать видеоролики, несмотря ни на что. Если бы мне кто-то сказал, что я достигну 1000 подписчиков, я бы не поверил. Но это только начало — впереди нас ждёт ещё много всего интересного!

Спасибо вам всем и с Наступающим Новым Годом!

Друзья, с Новым годом! 🎉

Спасибо, что были со мной весь этот год — вместе мы изучали, росли и делали шаги к своим целям. Пусть в 2025 году вас ждёт только успех, вдохновение и много новых знаний!

Я обещаю ещё больше полезного контента, интересных уроков и вдохновляющих идей. Давайте покорять новые вершины вместе!

Счастья, здоровья и исполнения всех желаний! 🍾🎄

Всем привет!

На канале вышел новый видеоролик по курсу React.

В этом видео мы подробно познакомимся с библиотекой Redux Toolkit — современным инструментом для удобного и эффективного управления состоянием в React-приложениях.
Redux Toolkit был создан, чтобы сделать Redux проще, быстрее и удобнее для использования. Больше никаких сложных конфигураций и тонны шаблонного кода!

Смотреть видео