React Новости. Подключаем Redux Toolkit и RTK Query. React приложение новостей. [14]
В этом видео мы подключим и настроем Redux Toolkit и RTK Query. Займемся рефакторингом, удалим кастомные хуки useFetch и useFilters. Наглядно увидим пользу технологий
После долгого перерыва было тяжеловато снимать😅 немного воды налил
Кстати зацените звук. Это новый микрофон. Пока что не умею его настраивать, но вроде звук уже хороший👌🏻
Доброе утро! Новое видео на YouTube канале!
В этом видео мы подключим и настроем Redux Toolkit и RTK Query. Займемся рефакторингом, удалим кастомные хуки useFetch и useFilters. Наглядно увидим пользу технологий
После долгого перерыва было тяжеловато снимать😅 немного воды налил
Кстати зацените звук. Это новый микрофон. Пока что не умею его настраивать, но вроде звук уже хороший👌🏻
Доброе утро! Новое видео на YouTube канале!
👏8🔥6👍4❤2
Пришел домой с IT завтрака. Поболтали про здоровье.
У всех остеохондроз, сколиоз и подобные проблемы. Ребята, заботьтесь о здоровье. Ничего никому не помогает. Вылечить эти заболевания уже практически невозможно, можно только поддерживать.
Качайте мышцы, занимайтесь физической активностью. Купить себе различные тренажеры и аппликаторы. Занимайтесь своим здоровьем иначе потом будете страдать😢
Вчера провел собеседования, ребята молодцы. Всю следующую неделю буду проводить собеседования. И уже после этого подводить итоги.
У всех остеохондроз, сколиоз и подобные проблемы. Ребята, заботьтесь о здоровье. Ничего никому не помогает. Вылечить эти заболевания уже практически невозможно, можно только поддерживать.
Качайте мышцы, занимайтесь физической активностью. Купить себе различные тренажеры и аппликаторы. Занимайтесь своим здоровьем иначе потом будете страдать😢
Вчера провел собеседования, ребята молодцы. Всю следующую неделю буду проводить собеседования. И уже после этого подводить итоги.
🔥13👍3💯2🤝1
Мы ищем Дизайнеров!
Мы — сообщество Reactify, и мы находимся в поиске дизайнеров интерфейсов для участия в уникальном Open Source проекте.
Что мы предлагаем:
Уникальный Опыт: Вы будете работать в команде, вместе с IT специалистами разных специальностей. Это ваш шанс внести свой вклад в IT-сообщество.
Повышение Навыков: Вы сможете улучшить свои навыки в дизайне интерфейсов, экспериментировать с новыми идеями и получить ценный опыт.
Сообщество: Вы станете частью активного сообщества. Это отличная возможность для обмена знаниями и идей с другими профессионалами из вашей сферы.
Портфолио и Репутация: Ваша работа будет частью проекта, который видят и используют многие. Это значимый проект в ваше портфолио.
Как Open Source проект, мы пока не предлагаем оплату. Но намерены делиться будущими доходами с участниками, в зависимости от их вклада и усилий, как только проект станет прибыльным.
Ищем тех, кто готов творить и развиваться в IT. Присоединяйтесь к нам!
@ruslan_kuyanets
--------------
Как вам рекламный пост? Начинаю искать дизайнеров для нашего проекта. Что бы вы добавили? Как можно улучшить текст для того чтобы привлечь хороших дизайнеров?
Мы — сообщество Reactify, и мы находимся в поиске дизайнеров интерфейсов для участия в уникальном Open Source проекте.
Что мы предлагаем:
Уникальный Опыт: Вы будете работать в команде, вместе с IT специалистами разных специальностей. Это ваш шанс внести свой вклад в IT-сообщество.
Повышение Навыков: Вы сможете улучшить свои навыки в дизайне интерфейсов, экспериментировать с новыми идеями и получить ценный опыт.
Сообщество: Вы станете частью активного сообщества. Это отличная возможность для обмена знаниями и идей с другими профессионалами из вашей сферы.
Портфолио и Репутация: Ваша работа будет частью проекта, который видят и используют многие. Это значимый проект в ваше портфолио.
Как Open Source проект, мы пока не предлагаем оплату. Но намерены делиться будущими доходами с участниками, в зависимости от их вклада и усилий, как только проект станет прибыльным.
Ищем тех, кто готов творить и развиваться в IT. Присоединяйтесь к нам!
@ruslan_kuyanets
--------------
Как вам рекламный пост? Начинаю искать дизайнеров для нашего проекта. Что бы вы добавили? Как можно улучшить текст для того чтобы привлечь хороших дизайнеров?
Telegram
Reactify | Frontend Разработка
Reactify - это активное Frontend сообщество для бесплатного обучения веб-разработке.
Менторство:
https://reactify.ru
YouTube канал:
https://youtube.com/@reactify-it
Сообщество:
https://community.reactify.ru
Связь:
@ruslan_kuyanets
Менторство:
https://reactify.ru
YouTube канал:
https://youtube.com/@reactify-it
Сообщество:
https://community.reactify.ru
Связь:
@ruslan_kuyanets
🔥5👍3
На предстоящую неделю составляю расписание!
Собеседования будут проходить с 19:00 до 21:30 МСК. В 15 мин уложиться не получается, поэтому в среднем собеседования идут 25 мин, но до 30 мин.
Все, кто подавал заявки и еще не прошел собеседование:
1. Написать под этим постом дата и время. (пример: 22.01 19:00)
2. Убедитесь, что эту дату и время еще не заняли
3. Так же хочу несколько собеседований снять на видео. Поэтому, если вы не против то рядом с датой, ставьте + (пример: 22.01 19:00 +)
Доступное время ежедневно: 19:00 | 19:30 | 20:00 | 20:30 | 21:00
UPD: Старайтесь занимать даты и время ближайшие, закрывать пробелы. Например, среда и четверг есть места
Просьба писать заранее если у вас не получается, чтобы мы могли найти замену.
Завтра понедельник, хорошо вам провести воскресный вечер, отдохнуть и подготовится к рабочей неделе!😎
#teams
Собеседования будут проходить с 19:00 до 21:30 МСК. В 15 мин уложиться не получается, поэтому в среднем собеседования идут 25 мин, но до 30 мин.
Все, кто подавал заявки и еще не прошел собеседование:
1. Написать под этим постом дата и время. (пример: 22.01 19:00)
2. Убедитесь, что эту дату и время еще не заняли
3. Так же хочу несколько собеседований снять на видео. Поэтому, если вы не против то рядом с датой, ставьте + (пример: 22.01 19:00 +)
Доступное время ежедневно: 19:00 | 19:30 | 20:00 | 20:30 | 21:00
UPD: Старайтесь занимать даты и время ближайшие, закрывать пробелы. Например, среда и четверг есть места
Просьба писать заранее если у вас не получается, чтобы мы могли найти замену.
Завтра понедельник, хорошо вам провести воскресный вечер, отдохнуть и подготовится к рабочей неделе!😎
#teams
🫡5👌2
Руслан Куянец | Reactify pinned «На предстоящую неделю составляю расписание! Собеседования будут проходить с 19:00 до 21:30 МСК. В 15 мин уложиться не получается, поэтому в среднем собеседования идут 25 мин, но до 30 мин. Все, кто подавал заявки и еще не прошел собеседование: 1. Написать…»
Что добавим в приложение React Новости?
Anonymous Poll
25%
Router, Страница новости
32%
FSD архитектура
8%
Сохранение новостей, Local Storage
15%
Добавим другую АПИ (погода, курс валют, крипта)
11%
UI Kit, вынесем UI элементы
9%
Поиск новостей по дате
Адаптер
Паттерн адаптер позволяет объектам с несовместимыми интерфейсами работать вместе. Он действует как мост между двумя разными интерфейсами, позволяя им взаимодействовать без изменения их кода. Это достигается путем создания адаптера, который оборачивает один из объектов и переводит его вызовы к другому объекту в формате, который он может обрабатывать.
В контексте фронтенд-разработки, особенно при использовании React, паттерн адаптер может быть полезен для интеграции сторонних библиотек или API, интерфейсы которых не соответствуют структуре вашего приложения.
Например, у нас есть приложение для новостей с множеством компонентов и разнообразными полями данных. В случае смены API может произойти изменение структуры данных: вместо "noscript" теперь будет "headline" и так далее. При таких обстоятельствах нам пришлось бы вносить изменения во все компоненты приложения. Адаптер же позволяет избежать этого, адаптируя данные к единому формату. Теперь, при смене API, необходимо вносить изменения только в адаптер, не затрагивая остальные части приложения.
#patterns #adapter
Паттерн адаптер позволяет объектам с несовместимыми интерфейсами работать вместе. Он действует как мост между двумя разными интерфейсами, позволяя им взаимодействовать без изменения их кода. Это достигается путем создания адаптера, который оборачивает один из объектов и переводит его вызовы к другому объекту в формате, который он может обрабатывать.
В контексте фронтенд-разработки, особенно при использовании React, паттерн адаптер может быть полезен для интеграции сторонних библиотек или API, интерфейсы которых не соответствуют структуре вашего приложения.
Например, у нас есть приложение для новостей с множеством компонентов и разнообразными полями данных. В случае смены API может произойти изменение структуры данных: вместо "noscript" теперь будет "headline" и так далее. При таких обстоятельствах нам пришлось бы вносить изменения во все компоненты приложения. Адаптер же позволяет избежать этого, адаптируя данные к единому формату. Теперь, при смене API, необходимо вносить изменения только в адаптер, не затрагивая остальные части приложения.
#patterns #adapter
👍9🔥2
Уже провел 13 собеседований, как же круто знакомится со всеми, слушать истории об обучении, о курсах, о победах, или неудачах. Интересно узнавать о вашей мотивации.
Все кандидаты очень крутые и большие молодцы😎 Надо будет делать периодические созвоны с подписчиками, или групповой созвон в чате.
Вообще, активное участие в сообществе дает множество плюсов. Поэтому будьте активными, ходите на конференции и мероприятия, общайтесь в чатах
Так же хочу сказать, когда мы будем запускать следующие проекты, то у всех подавших заявки в этом потоке будет приоритет. У них будет время подтянуть свой скилл к следующему проекту, если не пройдут в этот.
Кстати, уже есть одна идея, но пока что давайте запустим этот проект😁
Так же нам нужны хорошие дизайнеры со свежим взглядом, которые хорошо владеют фигмой, умеют делать дизайн системы, UI kit и качественные макеты. Умеют правильно применять UI/UX.
Сегодня или завтра выложу видео на YouTube. Нужна будет ваша помощь в продвижении, чтобы видео о нашем проекте увидело как можно больше IT специалистов. В нем я буду привлекать тестеровщиков, дизайнеров, бекендеров и тд.
Рассчитываю на вас🏆
#teams
Все кандидаты очень крутые и большие молодцы😎 Надо будет делать периодические созвоны с подписчиками, или групповой созвон в чате.
Вообще, активное участие в сообществе дает множество плюсов. Поэтому будьте активными, ходите на конференции и мероприятия, общайтесь в чатах
Так же хочу сказать, когда мы будем запускать следующие проекты, то у всех подавших заявки в этом потоке будет приоритет. У них будет время подтянуть свой скилл к следующему проекту, если не пройдут в этот.
Кстати, уже есть одна идея, но пока что давайте запустим этот проект😁
Так же нам нужны хорошие дизайнеры со свежим взглядом, которые хорошо владеют фигмой, умеют делать дизайн системы, UI kit и качественные макеты. Умеют правильно применять UI/UX.
Сегодня или завтра выложу видео на YouTube. Нужна будет ваша помощь в продвижении, чтобы видео о нашем проекте увидело как можно больше IT специалистов. В нем я буду привлекать тестеровщиков, дизайнеров, бекендеров и тд.
Рассчитываю на вас🏆
#teams
🔥17👍8🙏3
Создаем Open Source проект. Ищем дизайнеров, разработчиков и других IT специалистов.
На канал добавил видео, в котором рассказываю про проект и призываю всех учавствовать.
Поддержите видео, ставьте лайки, смотрите до конца, оставляйте комментарии. Смотрите на разных устройствах😅
Про фронтендеров не говорил, так как подписчики в приоритете, итак много заявок❤️
https://www.youtube.com/watch?v=2Yc0fYx_dlw
На канал добавил видео, в котором рассказываю про проект и призываю всех учавствовать.
Поддержите видео, ставьте лайки, смотрите до конца, оставляйте комментарии. Смотрите на разных устройствах😅
Про фронтендеров не говорил, так как подписчики в приоритете, итак много заявок❤️
https://www.youtube.com/watch?v=2Yc0fYx_dlw
👍13❤5🔥3
Классы в React
В React преобладает все таки функциональное программирование, где мы пишем компоненты функции и управляем ими с помощью функций. Классовые компоненты уже не используются (кроме ErrorBoundary). Значит ли это что мы вообще не используем классы в React?
Хотя классовые компоненты в React стали менее популярными, классы как таковые не утратили своей актуальности. Они применяются в различных аспектах разработки:
Организация логики приложения
Классы могут быть использованы для создания сервисов или утилит, которые объединяют логику или API-запросы. Это позволяет централизовать и упорядочить взаимодействие с внешними сервисами и источниками данных.
Вынос методов из компонентов
Для поддержания чистоты и читаемости компонентов, можно вынести часть логики в отдельные классы. Это особенно полезно, когда одна и та же логика используется в нескольких компонентах.
Применение паттернов проектирования
Некоторые паттерны, такие как Strategy, Adapter или Factory, легче и естественнее реализовывать с использованием классов. Это способствует лучшей организации кода и его повторному использованию.
Преимущества:
✔ Структурированность и читаемость
✔ Повторное использование кода
✔ Инкапсуляция и модульность
Недостатки:
➖ Классы могут добавлять дополнительную сложность, особенно для новичков.
➖ В некоторых случаях, функциональные подходы могут предложить большую гибкость и удобство в использовании.
#frontend #patterns #class
В React преобладает все таки функциональное программирование, где мы пишем компоненты функции и управляем ими с помощью функций. Классовые компоненты уже не используются (кроме ErrorBoundary). Значит ли это что мы вообще не используем классы в React?
Хотя классовые компоненты в React стали менее популярными, классы как таковые не утратили своей актуальности. Они применяются в различных аспектах разработки:
Организация логики приложения
Классы могут быть использованы для создания сервисов или утилит, которые объединяют логику или API-запросы. Это позволяет централизовать и упорядочить взаимодействие с внешними сервисами и источниками данных.
Вынос методов из компонентов
Для поддержания чистоты и читаемости компонентов, можно вынести часть логики в отдельные классы. Это особенно полезно, когда одна и та же логика используется в нескольких компонентах.
Применение паттернов проектирования
Некоторые паттерны, такие как Strategy, Adapter или Factory, легче и естественнее реализовывать с использованием классов. Это способствует лучшей организации кода и его повторному использованию.
Преимущества:
✔ Структурированность и читаемость
✔ Повторное использование кода
✔ Инкапсуляция и модульность
Недостатки:
➖ Классы могут добавлять дополнительную сложность, особенно для новичков.
➖ В некоторых случаях, функциональные подходы могут предложить большую гибкость и удобство в использовании.
#frontend #patterns #class
👍11🔥3🤣3💯1
Каким будет вывод этого фрагмента кода?
Anonymous Quiz
19%
1, 2, 4, timerStart, success, timerEnd
21%
4, 1, 2, timerStart, success, timerEnd
26%
1, 2, 4, timerStart, timerEnd, success
25%
4, 1, 2, timerStart, timerEnd, success
9%
4, timerStart, timerEnd, 1, 2, success
😱9❤2🎉1
Все процессы запущенны и заднюю давать уже не вариант
У нас есть дизайнер, HR-специалист и тестировщик. В данный момент мы проводим собеседования с фронтенд-разработчиками, а несколько бекенд-разработчиков также выразили желание присоединиться к нам. Кроме того, в нашем составе есть опытный Senior Frontend Developer с девятилетним опытом работы в крупных компаниях, который будет помогать нам в вопросах архитектуры и рабочих процессов.
Тем не менее, нам требуются дополнительные специалисты, чтобы команда чувствовала себя комфортно и эффективно работала. Я продолжу заниматься поиском и наймом новых членов команды.
Сейчас я работаю над всесторонним планом проекта, включая функциональность, сервисы, структуру, стратегию расширения и методы привлечения пользователей.
В ближайшее время я также планирую создать базу знаний, правила, рекомендации по лучшим практикам, настроить чаты и репозитории, а также аккаунты в необходимых сервисах (GitHub, YaTracker, Метрика и прочие).
Поэтому, если вы еще не записались на собеседование, вот доступные даты и времена:
Даты: 27.01 | 28.01
Время: 12:00 | 12:30 | 13:00 | 13:30 | 14:00
Чтобы записаться:
1. Напишите в комментариях к этому посту желаемую дату и время (например, 27.01 12:00).
2. Перед этим убедитесь, что выбранное вами время еще не занято другим кандидатом.
3. Так же хочу несколько собеседований снять на видео. Поэтому, если вы не против то рядом с датой, ставьте + (пример: 27.01 19:00 +)
#teams
У нас есть дизайнер, HR-специалист и тестировщик. В данный момент мы проводим собеседования с фронтенд-разработчиками, а несколько бекенд-разработчиков также выразили желание присоединиться к нам. Кроме того, в нашем составе есть опытный Senior Frontend Developer с девятилетним опытом работы в крупных компаниях, который будет помогать нам в вопросах архитектуры и рабочих процессов.
Тем не менее, нам требуются дополнительные специалисты, чтобы команда чувствовала себя комфортно и эффективно работала. Я продолжу заниматься поиском и наймом новых членов команды.
Сейчас я работаю над всесторонним планом проекта, включая функциональность, сервисы, структуру, стратегию расширения и методы привлечения пользователей.
В ближайшее время я также планирую создать базу знаний, правила, рекомендации по лучшим практикам, настроить чаты и репозитории, а также аккаунты в необходимых сервисах (GitHub, YaTracker, Метрика и прочие).
Поэтому, если вы еще не записались на собеседование, вот доступные даты и времена:
Даты: 27.01 | 28.01
Время: 12:00 | 12:30 | 13:00 | 13:30 | 14:00
Чтобы записаться:
1. Напишите в комментариях к этому посту желаемую дату и время (например, 27.01 12:00).
2. Перед этим убедитесь, что выбранное вами время еще не занято другим кандидатом.
3. Так же хочу несколько собеседований снять на видео. Поэтому, если вы не против то рядом с датой, ставьте + (пример: 27.01 19:00 +)
#teams
👍9🔥2💯1
Руслан Куянец | Reactify pinned «Все процессы запущенны и заднюю давать уже не вариант У нас есть дизайнер, HR-специалист и тестировщик. В данный момент мы проводим собеседования с фронтенд-разработчиками, а несколько бекенд-разработчиков также выразили желание присоединиться к нам. Кроме…»
Всем привет ребят, сегодня весь день был занят, а сейчас провожу собеседования.
Времени вообще не было. Сегодня к сожалению без постов. Но завтра расскажу вам новости.
К нам добавляется все больше людей, и это хорошо! Я рад, что у нас в сообществе много активных людей, желающих творить и развиваться💙
Полезно иметь канал на котором часто выходят полезные посты.
Рекомендую @code_ready
До завтра!🤝
Времени вообще не было. Сегодня к сожалению без постов. Но завтра расскажу вам новости.
К нам добавляется все больше людей, и это хорошо! Я рад, что у нас в сообществе много активных людей, желающих творить и развиваться💙
Полезно иметь канал на котором часто выходят полезные посты.
Рекомендую @code_ready
До завтра!🤝
🔥15🥰3❤2🤝2
Жизненные циклы компонентов в React
Это последовательность этапов, через которые проходит компонент в течение своего существования.
В функциональных компонентах React, которые стали более популярны после введения хуков в версии 16.8, управление жизненными циклами осуществляется по-разному по сравнению с классовыми компонентами.
1️⃣ Монтирование (componentDidMount):
useEffect с пустым массивом зависимостей [] как вторым аргументом запускается один раз после первого рендеринга компонента.
2️⃣ Обновление (componentDidUpdate):
Если массив зависимостей содержит переменные, useEffect будет запускаться при изменении этих переменных.
3️⃣ Размонтирование (componentWillUnmount):
Возврат функции из useEffect будет выполнен перед удалением компонента из DOM, что можно использовать для очистки (например, отмены подписки).
#react #useEffect
Это последовательность этапов, через которые проходит компонент в течение своего существования.
В функциональных компонентах React, которые стали более популярны после введения хуков в версии 16.8, управление жизненными циклами осуществляется по-разному по сравнению с классовыми компонентами.
useEffect: Это ключевой хук для управления побочными эффектами в функциональных компонентах. Он объединяет возможности методов жизненного цикла componentDidMount, componentDidUpdate, и componentWillUnmount.1️⃣ Монтирование (componentDidMount):
useEffect с пустым массивом зависимостей [] как вторым аргументом запускается один раз после первого рендеринга компонента.
2️⃣ Обновление (componentDidUpdate):
Если массив зависимостей содержит переменные, useEffect будет запускаться при изменении этих переменных.
3️⃣ Размонтирование (componentWillUnmount):
Возврат функции из useEffect будет выполнен перед удалением компонента из DOM, что можно использовать для очистки (например, отмены подписки).
#react #useEffect
🔥11👍4🤝1
Сегодня добавил уже первых участников в чат проекта.
1. Завтра проводим собеседования у Бекендеров.
2. Начал писать ТЗ для дизайнеров.
3. На следующей неделе уже будем отбирать Фронтендеров. Все собеседования провели, будем говорить кто прошёл💪
Подготовка идет полным ходом. Название проекта и логотип будем выбирать всем сообществом👌
Скоро вас буду знакомить с участниками😎🚀
1. Завтра проводим собеседования у Бекендеров.
2. Начал писать ТЗ для дизайнеров.
3. На следующей неделе уже будем отбирать Фронтендеров. Все собеседования провели, будем говорить кто прошёл💪
Подготовка идет полным ходом. Название проекта и логотип будем выбирать всем сообществом👌
Скоро вас буду знакомить с участниками😎🚀
🔥13👍4❤1🎉1