Fancy Components

The project collects unusual and bold microinteractions inspired by award-winning websites. Built in React, TypeScript, Tailwind and Motion. Open source, can be used and adapted in your own projects. Проект собирает необычные и смелые микровзаимодействия, вдохновлённые award-winning сайтами. Создано на React, TypeScript, Tailwind и Motion. Open source, можно использовать и адаптировать в своих проектах. #u_tools

Привет, разработчики! Сегодня мы хотим поделиться с вами информацией о том, как мы подходим к разработке сайта TMESPORTS с учетом высокой производительности. Несмотря на то, что сайт все еще находится в процессе разработки, мы уже внедряем технологии, которые гарантируют быстрый и удобный опыт для будущих пользователей. Одной из таких технологий является кеширование. Давайте рассмотрим, зачем оно нужно и как оно работает. Что такое кеширование? Кеширование - это метод сохранения часто используемых данных в быстром локальном хранилище, чтобы избежать повторных запросов. Кеширование играет ключевую роль в ускорении работы приложения и снижении нагрузки на сервер. Для TMESPORTS это критически важно, учитывая, что сайт будет оперировать большим объемом информации: результаты матчей, статистика игроков, расписание турниров и прочее. Почему же кеширование так значимо уже на данном этапе? Даже в отсутствие активных пользователей мы стремимся к максимальной скорости и надежности работы сайта. Вот несколько причин, почему внедрение кеширования на этапе разработки является обязательным: 1. Подготовка к интенсивной нагрузке. В период активного использования сайта, особенно во время проведения турниров, кеширование будет способствовать более эффективной обработке большого объема запросов. 2. Для упрощения работы разработчиков мы используем современные инструменты кеширования, что позволяет им сосредоточиться на создании функционала, не тратя время на управление данными. Как работает кеширование в TMESPORTS? Вот основные подходы, которые мы применяем: 1. Кеширование данных на стороне клиента. Мы используем мощные библиотеки, такие как React Query и SWR, для сохранения данных в памяти браузера. Это позволяет мгновенно отображать информацию, когда пользователь возвращается к просмотренным страницам. 2. Мы оптимизируем вычисления с помощью техник мемоизации, чтобы избежать избыточных пересчетов и повторного отображения компонентов. Это значительно ускоряет процесс отображения сложных элементов интерфейса. 3. Применяем ленивую загрузку, загружая только необходимые пользователю части приложения в данный момент. Это существенно сокращает время первоначальной загрузки сайта. Каким образом это выгодно будущим пользователям? Благодаря всем этим технологиям пользователи TMESPORTS будут получать следующие преимущества: - Мгновенный доступ к данным. Статистика, расписания и результаты будут появляться на экране практически мгновенно. - Быстрая навигация без задержек и стабильность при любом количестве пользователей - вот что мы гарантируем. - Кеширование - важная составляющая разработки, обеспечивающая высокую производительность и удобство сайта. Мы создали надежный фундамент для TMESPORTS, чтобы все будущие пользователи могли насладиться оптимальной работой ресурса. Желаете узнать больше о наших методах? Напишите в комментариях! Мы готовы продемонстрировать реальные примеры и рассказать об этом более подробно. #totstudio #WebDevelopment

Ультимативный курс по React JS + Полное изучение библиотек экосистемы React ( Redux / Router ) Бонус - полный курс по Tailwind CSS ✅Чему вы научитесь: - Изучите все аспекты библиотеки React JS - Изучите библиотеку для управления маршрутами — React Router - Изучите библиотеку для управления состояниями — React Redux - Освойте современный синтаксис Redux Toolkit - Освойте современный синтаксис React Router 6.4+ - Узнайте о последних обновлениях библиотеки React и современных методах разработки - Научитесь создавать веб-приложения любой сложности - Изучите фреймворк для стилизации веб-приложений — Tailwind CSS - Создите несколько приложений, включая планировщик задач и интернет-магазин - Узнаете как оптимизировать приложение React - Разберитесь, с тем как React работает “под капотом” - Изучите все необходимые хуки и методы React JS - Изучите современные методы разработки веб-приложений ➡️ КАНАЛ ⬅️ 💬 Комментарии 👉🏼 СКАЧАТЬ в приватном канале - 👈🏼 Download in a private channel #курсы #React #3d #Спонсорство #по_подписке Материал предоставлен только для справки и ознакомления. Поддержите автора, купив у него курс!

В этом наборе мы собираем команды в следующие проекты: 🟢 Цены в магазинах – сбор информации о ценах на товары и услуги Тип стажировки: delivery Роли: product-менеджер, android-разработчики, python-программисты, IOS-разработчики, UX/UI-дизайнер, инженеры Data Science, QA-инженеры 🟢 Аналитика зарплат IT-специалистов – сервис для сбора информации о зарплатах IT-специалистов Тип стажировки: delivery Роли: project-менеджер, python-программисты, инженеры Data Science, QA-инженеры 🟢 Найм сотрудников – модуль для управления процессом найма Тип стажировки: delivery Роли: product-менеджер, python-программисты, frontend-разработчики (react), QA-инженеры 🟢 Образовательная платформа – платформа для школьников, студентов и преподавателей Тип стажировки: delivery Роли: product-менеджер, android-разработчики, python-программисты, IOS-разработчики, UX/UI-дизайнеры, инженеры Data Science, QA-инженеры, frontend-разработчики 🟢 Смотри вокруг – создание интерфейсов для VR-кинотеатра Тип стажировки: delivery Роли: python-программисты, frontend-разработчики, UX/UI-дизайнеры, QA-инженеры Выбирайте проект, переходите по ссылке и заполняйте заявку на участие! Если вы уже подавали заявку на стажировки Кловери.Старт, не забудьте авторизоваться в личном кабинете перед подачей новой заявки. А если не помните пароль, его можно восстановить Заявки принимаем до 20.04 включительно. Вопросы можно задать в комментариях к этому посту

Алоха! Добавили ещё один компонент, исправили ошибки в других Новый компонент Accordion: Сворачиваемый блок, который может содержать внутри себя контент разного характера. В сторибуке мы сделали много красивых примеров с аккордеоном, которые уже можно посмотреть Изменения: — Pagination: Исправлена логика в подсчёте страниц. Исправлен баг, при котором появлялись дробные числа — Multiselect/Select: Переработали работу clearable. Теперь, при включённом autocomplete, иконка-крест находится слева от иконки-шеврона и появляется при ховере или фокусе. Раньше иконки заменяли друг друга, теперь находятся рядом — Input: Привели в соответствие с макетами отступы в поле ввода. Использовались неправильные токены — PickerDate: Теперь при заданных minDate и maxDate блокируются иконки-шевроны для перехода, если в месяце все даты заблокированы

Если с YouTube никак, то смотрите выпуск тут. В этом выпуске: несколько новостей про Figma, нейронка которая генерирует живые React прототипы, очень базовый смартфон и другие новости! Поддержи проект ⭐️ Подкинь Старсов к посту в списке реакций! Задонать в телеге! Бустани канал! Мне будет очень приятна ваша поддержка ❤️

Меня давно не было в эфире по личным обстоятельствам, но я благодарю, что вы не отписываетесь от YouTube из-за отсутствия дайджестов. Мне нравится моя рубрика и бросать её я не хочу, поэтому мы приготовили для вас новый выпуск! И в этом выпуске: несколько новостей про Figma, нейронка которая генерирует живые React прототипы, очень базовый смартфон и другие новости! 📹 Смотреть видео — https://youtu.be/5BaBvneYkjo Оформи платную подписочку на Tribute для поддержки проекта!

Сделайте жизнь ваших разработчиков проще. Автоматически экспортируйте оптимизированные компоненты для React, Vue и Svelte. #figma #plugin

Express yourself visually. Want to add emotions to your text or reactions to your channel? Evangelion, buddha, barbie core or heart emoji for all occasions? You got it. ⮑ [install emoji pack] | реф³

Выберите элемент вашего проекта, который вы хотите преобразовать в код #figma #plugin

• Основан на Chakra UI и React • Сотни готовых элементов и блоков • Полностью адаптивный и быстрый интерфейс • Готовые страницы: NFT, аутентификация, профиль и другие • Экономия сотен часов на разработке с нуля #horizonui #react #chakraui #dashboard Открыть в Figma

Алоха! Продолжаем поддерживать первое поколение, исправили пару ошибок Изменения: — InputDate: исправлена ошибка, которая вызывала преждевременное закрытие календаря при использовании с SSR — Input: Исправлена ошибка фокуса — Multiselect: При autocomplete="true" неправильно позиционировался label при снятии фокуса. Исправлено

Turn any image into a beautiful mesh gradient in just seconds! Whether you prefer to craft gradients by hand or extract colors from a photo, Photo Gradient makes the process seamless and free 🆓 Try it now: 🔗Figma plugin🔗 ❤️ Tap a reaction for more useful content

Unlock the secrets to crafting stunning, user-friendly interfaces with 58 design rules, structured into 8 key categories — with real-world examples (Apple, Tesla, Nike, etc.)🔥: 1️⃣ Empathy 2️⃣ Layout 3️⃣ Essentialism 4️⃣ Guidance 5️⃣ Aesthetics 6️⃣ Novelty 7️⃣ Consistency 8️⃣ Engagement 🔗Read the full article🔗 As always, your reactions are highly appreciated ❤️ Grab a poster of “58 Rules for Stunning and Effective User Interface Design” for free👇

Алоха! Продолжаем развивать компоненты и повышать качество их работы. Добавили отображение дизайн-токенов в Storybook, как базовых, так и всех компонентных Новые возможности: — InputDate: Добавлена возможность выбирать один и тот же день в формате isRange — Design Tokens: в Storybook в сторях у каждого компонента добавилась вкладка с возможностью просматривать и редактировать токены. Так же добавился новый раздел DESIGN TOKENS с описанием базовых дизайн-токенов Исправлено: — Typography: Добавили токен letter-spacing для вариантов description — InputDate: Исправлена ошибка SSR, из-за которой было невозможно выбрать вторую дату при useInPortal = false — Input: Исправлена ошибка фокуса — DropdownMenu: Переработаны пропсы, некоторые скоро будут удалены, подробнее в документации к компоненту

#библиотека #иконки

Набор состоит из 2х банеров для канала, 2х обложек для видео и 2х конечных экранов. Соц. сеть: #YouTube Формат: #Оформление_профиля Формат файлов: #PSD #AI Ссылка: Скачать шаблон

📌 Movie Reaction YouTube Template – 2 баннера, 2 обложки для видео и 2 конечных экрана.

Install plugin Figma от 0 до 1

Однако, плагин поддерживает не все свойства CSS и типы мультимедиа. 🔗 УСТАНОВИТЬ ПЛАГИН #плагины #полезное 👨 Дизайн-телега