⚡️ Cypress — это современный инструмент для тестирования фронтенда, созданный для решения ключевых проблем, с которыми сталкиваются разработчики и специалисты по качеству при тестировании веб-приложений.

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

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

npm install cypress --save-dev

▪Github

@react_tg

❗️Простой React Совет

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

@reeact_tg

⭕ Двигающиеся кольца прелоадера, которые раскрываются при взлёте.

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

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

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

@react_tg

⚡️ Полезный сервис CSS Grid Generator, который сгенерирует сетку и выдаст CSS-код.

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

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

@react_tg

TDesign — Корпоративная дизайн система

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

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

https://github.com/Tencent/tdesign

@react_tg

⚡️ Прелоадер, на котором буквы загрузчика пытаются догнать друг друга.

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

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

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

@react_tg

🏗👷‍♂️ Крутая анимация для вашего проекта

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

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

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

@react_tg

⚡️ Мощный нейропереводчик

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

▪ Github

@react_tg

⚛️ Как легко решить проблемы с повторным рендерингом в React с помощью composition

@react_tg

Вакансия: Веб-разработчик для создания посадочных страниц (React + Node.js)

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

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

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

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

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

➜ Контакт: @madbboii

Будем рады видеть вас в нашей команде!