TGViewer
Channel Public Channel
React JS

React JS

@react_tg

React программирование

@haarrp - admin

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

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

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

@ai_machinelearning_big_data - ml

№ 5037566384
Subscribers
16.3K
Photos
700
Videos
104
Links
809

Showing posts older than #721 · Back to latest

Older Posts 20 shown
Post #720 8.03K
🖥 Meals

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

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


▪ Github

@react_tg
  • 👍 18
  • ❤ 4
  • 🔥 1
Post #717 8.03K
🖥 Совет по React: Используйте кастомный хук для управления состояниями массивов в ваших компонентах.

#react

@react_tg
  • 👍 50
  • 🔥 9
  • ❤ 6
  • ❤‍🔥 1
Post #715 6.64K
Вакансия: Веб-разработчик для создания посадочных страниц (React + Node.js)

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

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

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

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

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

➜ Контакт: @madbboii

Будем рады видеть вас в нашей команде!
  • 👍 6
  • ❤ 3
Post #714 5.96K
🖥 3D логотип React с использованием React Three Fiber

@react_tg
  • 🔥 27
  • 🥰 6
  • ❤ 4
Post #712 7.73K
🖥 Очень удобная функция серверных компонентов React:

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

@react_tg
  • ❤ 24
  • 👍 8
  • 🔥 5
Post #711 7.53K
⚡️ Давайте посмотрим, как можно написать компонент React, чтобы сделать код лаконичным, читабельным и понятным для работы.

@react_tg
  • 👍 30
  • 🔥 5
  • ❤ 4
  • 😁 2
  • 😐 2
Post #710 7.49K
⚛️ Как легко решить проблемы с повторным рендерингом в React с помощью composition

@react_tg
  • 👍 43
  • ❤ 8
  • 🔥 6
Post #709 8.14K
⭐️ Красивый эффект вращения границ рамки с надписью о ненайденной странице.

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

#страница404

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

@react_tg
  • 👍 11
  • ❤ 7
  • 🔥 4
Post #707 7.03K
⚡️ Мощный нейропереводчик

Нейросеть Babelfish получила обновление, которое значительно улучшило распознавание речи — теперь она может в реальном времени переводить любое аудио на нужный вам язык.

▪ Github

@react_tg
  • ❤ 19
  • 🔥 13
  • 👍 6
Post #706 7K
🏗👷‍♂️ Крутая анимация для вашего проекта

Строители разработчики так и не достроили страницу, на которую вы хотели попасть.

#страница404 #анимация

https://codepen.io/l-mnh-the-flexboxer/pen/qBRVXwm

@react_tg
  • 👍 15
  • ❤ 6
  • 🔥 5
Post #704 5.92K
⚡️ Прелоадер, на котором буквы загрузчика пытаются догнать друг друга.

Примеры применения:
▪ загрузка страницы в электронной библиотеке;
▪ загрузка страницы интернет-магазина с канцелярскими товарами.

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

https://codepen.io/arlinacode/pen/rrRoOQ

@react_tg
  • 👍 22
  • ❤ 4
  • 🔥 3
  • 😈 1
Post #703 6.31K
TDesign — Корпоративная дизайн система

Design - это комплексная корпоративная система проектирования, и библиотеки компонентов были реализованы для Vue, React и WeChat MiniProgram

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

https://github.com/Tencent/tdesign

@react_tg
  • ❤ 11
  • 👍 6
  • 🔥 3
  • 🥰 1
Post #701 6.42K
🖥 Синхронизация React с API браузера

@react_tg
  • 👍 39
  • 🔥 10
  • ❤ 5
Post #700 10.8K
⚡️ Полезный сервис CSS Grid Generator, который сгенерирует сетку и выдаст CSS-код.

Вам нужно только задать количество строк, колонок и расстояния между ними, далее рисуем расположение div-блоков в сетке.

https://cssgrid-generator.netlify.app/

@react_tg
  • 👍 42
  • 🔥 15
  • ❤ 10
Post #699 6.2K
⭕ Двигающиеся кольца прелоадера, которые раскрываются при взлёте.

Примеры применения:
▪ загрузка нового уровня в игре;
▪ загрузка результатов тестирования.


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

https://codepen.io/izmaelmag/pen/XNJKZx

@react_tg
  • 👍 14
  • ❤ 5
  • 🔥 4
Post #698 7.02K
❗️Простой React Совет

Если вам нужно импортировать серверный компонент из клиентского компонента, передайте его как prop ❗

@reeact_tg
  • 👍 38
  • ❤ 5
  • 🔥 3
Post #697 9.49K
⚡️ Cypress — это современный инструмент для тестирования фронтенда, созданный для решения ключевых проблем, с которыми сталкиваются разработчики и специалисты по качеству при тестировании веб-приложений.

В отличие от Selenium, Cypress обеспечивает более быстрые, простые и надежные тесты. Он позволяет легко настраивать, писать, запускать и отлаживать различные типы тестов, включая сквозные, компонентные и модульные.

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

npm install cypress --save-dev

▪Github

@react_tg
  • 👍 14
  • ❤ 6
  • 🔥 3
Post #696 6.64K
🖥 React Native Reanimated — низкоуровневая абстракция для API библиотеки Animated

— npx create-expo-app@latest my-app -e with-reanimated

React Native Reanimated предоставляет полную, низкоуровневую абстракцию для API библиотеки Animated, на основе которой можно построить более гибкий интерфейс, особенно когда речь идет о взаимодействии с помощью жестов.

🖥 GitHub
🟡 Доки
🟡 Посмотреть пример на Snack

@react_tg
  • 👍 13
  • ❤ 5
  • 🥰 4
Older posts →
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →