React JS
16.1K subscribers
707 photos
106 videos
5 files
815 links
React программирование

@haarrp - admin

@itchannels_telegram - 🔥лучшие ит-каналы

@javascriptv - продвинутый javascript

@programming_books_it - бесплатные it книги

@ai_machinelearning_big_data - ml

№ 5037566384
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
⭐️ Красивый эффект вращения границ рамки с надписью о ненайденной странице.

Примеры применения:
📌 ненайденная страница по продаже автозапчастей;
📌 ненайденная страница по продаже билетов на картинг или дрифт.

#страница404

https://codepen.io/comehope/pen/qYepNv

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍11❤7🔥4
This media is not supported in your browser
VIEW IN TELEGRAM
⚛️ Как легко решить проблемы с повторным рендерингом в React с помощью composition

@react_tg
👍43❤8🔥6
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️ Давайте посмотрим, как можно написать компонент React, чтобы сделать код лаконичным, читабельным и понятным для работы.

@react_tg
👍30🔥5❤4😁2😐2
This media is not supported in your browser
VIEW IN TELEGRAM
🖥 Очень удобная функция серверных компонентов React:

Вы можете кэшировать результат выборки данных или вычислений с помощью функции `cache`

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
❤24👍8🔥5
This media is not supported in your browser
VIEW IN TELEGRAM
🖥 3D логотип React с использованием React Three Fiber

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥27🥰6❤4
Вакансия: Веб-разработчик для создания посадочных страниц (React + Node.js)

Маркетинговое агентство Uptrend.agency ищет опытного веб-разработчика для создания посадочных страниц. Мы ориентируемся к долгосрочному сотрудничеству, так как регулярно создаем новые лендинги.

❐ Основные требования:
- Технологический стэк: React и Node.js
- Наличие кейсов по реализованным проектам на React + Node.js.

❐ Обязанности:
- Разработка посадочных страниц на основе предоставленных дизайнов. Пример лендинга можно посмотреть здесь.
- Постоянное сотрудничество с командой для создания новых лендингов.

❐ Условия:
- Работа не разовая — планируется регулярное создание новых лендингов.
- Конкурентная оплата труда.

❐ Как подать заявку:
Если вас заинтересовала эта вакансия, пожалуйста, отправьте сообщение в личные сообщения с кейсами ваших работ и указанием стоимости услуг.

➜ Контакт: @madbboii

Будем рады видеть вас в нашей команде!
👍6❤3
This media is not supported in your browser
VIEW IN TELEGRAM
🖥 Красивая анимация. У страницы дискотека! Не ищите её!

#страница404

https://codepen.io/jbanegas/pen/vJXMbj

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍21❤7🔥4
This media is not supported in your browser
VIEW IN TELEGRAM
🖥 Совет по React: Используйте кастомный хук для управления состояниями массивов в ваших компонентах.

#react

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍50🔥9❤6❤‍🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
У этой страницы "заело пластинку".

#страница404

https://codepen.io/Banny/pen/ZmXzMP

@react_tg
👍10😁7❤2🔥2
🖥 Meals

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

git clone https://github.com/kaleb110/meals-app.git
cd meals-app


▪ Github

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍18❤4🔥1
🔥 Список полезных ресурсов для Front-End разработчиков

Кртуой репозиторий с материалами для обучения фронтенду.

Этот репозиторий предлагает множество бесплатных книг по программированию, скринкастов, подкастов, онлайн-видеоуроков и многое другое.

Оглавление для вашего удобства:

• Дорожная карта
• Книги
• Игры
• Задачи
• Обучение
• Блоги
• Подкасты
• Редакторы кода
• Инструменты
• CSS-фреймворки
• Иконки и цвета
• Типография и рамки анимации
• Дизайн и вдохновение
• Фондовые ресурсы
• Геолокация
• API
• Мокапы
• Бесплатные инструменты для студентов
• Тестирование

📌 репозиторий

@react_tg
❤12👍9🔥7
Совет по CSS 💡

Знаете ли вы, что свойство gap можно использовать и для макета flexbox? ✨

@react_tg
👍35❤6😁6🔥3🥱1
❤️Альфа-Банк приглашает вас на A?.Frontend Day!

📆Когда: 21 сентября с 10:00 до 19:00
📍Где: офлайн в Москве и онлайн

Вас ждут доклады от классных спикеров:

🧷Вадим Царегородцев из Ostrovok.ru расскажет о Valibot — инструменте, который помогает сделать валидацию данных в JavaScript гибкой и безопасной.
🧷Сергей Попов из Skillbox сообщит о проблемах внедрения изменений в компаниях и предложит способы их решения.
🧷Никита Мамизеров объяснит, как внедряли BDUI в Альфа-Банк, с какими сложностями столкнулись и что в итоге получилось.
🧷Никита Ульшин из Т-банка расскажет о паттернах отказоустойчивости, которые помогут минимизировать риски и обеспечить стабильную работу вашего приложения.

Но это ещё не всё! Мы подготовили программу на весь день. Помимо докладов вы сможете поучаствовать в офлайн и онлайн-активностях, получить крутые подарки и, конечно, отлично провести время на афтепати. Нетворкинг гарантирован!
Не упустите шанс узнать что-то новое и провести время в кругу коллег!

Регистрация
Ещё больше полезного в Alfa Frontend Community
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7🖕4🔥3🥰3❤1
👩‍💻 React 19: краткий обзор новых фич от Vercel

Изучите React 19 и узнайте, как начать использовать библиотеку уже сегодня.

🚀 Читать

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍16❤4🔥3💋2
This media is not supported in your browser
VIEW IN TELEGRAM
🖥 Частицы, которые выстраиваются в созвездие в виде прямой линии.

Примеры применения:
🔶 загрузка сайта организации по занятиям фитнеса;
🔶 загрузка страницы для записи в танцевальную студию.

#прелоадер #ожидание #загрузка

https://codepen.io/SpiritScarlet/pen/LBbVGe

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
❤7👍5🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
🔥 Pagination - Simple Pagination

Симпатичный эффект при переключении страниц, созданный на чистом CSS.

#css

https://codepen.io/Azametzin/pen/ZEVKJNX

@react_tg
👍17❤8🔥5😈1