React JS 566 - Telegram Web

🖥

SVGR: SVG — в React-компонент

SVGR — это универсальный инструмент для преобразования SVG в компоненты React.
На входе — необработанный SVG, на выходе — готовый к использованию React-компонент.

🖥

GitHub

@react_tg

Please open Telegram to view this post

VIEW IN TELEGRAM

👍28🔥9❤3

5.57K views09:32

🖥

Ant Design — проектирование UI корпоративного уровня

— npm install antd

Фишки Ant Design:
— UI корпоративного уровня
— Набор высококачественных компонентов React из коробки
— Написан на TypeScript с предсказуемыми статическими типами
— Целый пакет ресурсов для проектирования и инструментов разработки
— Поддержка десятков языков
— Мощная кастомизация тем на базе CSS-in-JS

Использование:

import { Button, DatePicker } from 'antd';

export default () => (
  <>
    <Button type="primary">PRESS ME</Button>
    <DatePicker placeholder="select date" />
  </>
);

🖥

🟡

Страничка Ant Design

@react_tg

Please open Telegram to view this post

VIEW IN TELEGRAM

🥰11🖕9👍7❤5🥴2

4.59K views09:32

This media is not supported in your browser

VIEW IN TELEGRAM

🖥

Tina — удобная open-source CMS

— npx create-tina-app@latest

Tina — это headless CMS с открытым исходным кодом и поддержкой Git, позволяющая разработчикам и создателям контента беспрепятственно сотрудничать на одной платформе.
Tina позволяет разработчикам реализовывать возможности визуального редактирования, идеально подходящие для их сайта или приложения, поддерживая при этом широкий спектр типов контента, таких как Markdown, MDX и JSON.

🖥

🟡

Доки

@react_tg

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥13👍4❤2

4.74K views09:02

🖥

react-pdf — создание pdf-файлов в React

— yarn add @react-pdf/renderer

react-pdf — пакет React, позволяет создавать pdf-файлы в браузере или на стороне сервера

🖥

🟡

Доки

@react_tg

Please open Telegram to view this post

VIEW IN TELEGRAM

Please open Telegram to view this post

VIEW IN TELEGRAM

👍24❤4🔥4

4.73K views09:54

🖥

Recharts — пересмотренная библиотека для графиков на основе React и D3

— npm install recharts

Recharts - это библиотека графиков Redefined, созданная на основе React и D3.

Основная цель Recharts — помочь легко создавать графики, диаграммы в React-приложениях. Вот некоторые особенности Recharts:
— Простое развертывание с помощью компонентов React
— Нативная поддержка SVG, легкий вес, зависящий только от некоторых субмодулей D3
— Декларативные компоненты

🖥

🟡

Доки

@react_tg

Please open Telegram to view this post

VIEW IN TELEGRAM

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥24👍8❤5

5.57K views09:46

🖥

Надежная библиотека хуков React от Alibaba

— npm install --save ahooks

• Простая в освоении и использовании
• Поддерживает SSR
• Специальная обработка функций позволяет избежать проблем с закрытием
• Содержит большое количество продвинутых хуков, которые были разработаны на основе бизнес-сценариев
• Содержит обширную коллекцию базовых хуков
• Написана на TypeScript с предсказуемыми статическими типами

🖥

GitHub

@react_tg

Please open Telegram to view this post

VIEW IN TELEGRAM

👍16❤5🔥4

4.79K views07:57

🖥

quicktype — безопасная работа с JSON (и не только) во многих ЯП

— npm install -g quicktype

quicktype — это инструмент, написанный на TypeScript, который генерирует сильно типизированные модели и сериализаторы из JSON, JSON Schema, TypeScript и GraphQL-запросов, что позволяет легко работать с JSON безопасно для типов во многих языках программирования.

🖥

🟡

Можно использовать онлайн

@react_tg

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥7❤1👍1

4.66K views11:07

🖥

Appsmith — платформа для создания админ-панелей, внутренних инструментов и информационных панелей. Интегрируется с 25+ БД и любыми API

Appsmith — это open-source инструмент, который позволяет быстро разрабатывать внутренние приложения для организации, такие как информационные панели, графические интерфейсы баз данных, панели администратора, приложения для утверждения решений, панели поддержки клиентов и т.д.

🖥

GitHub

@react_tg

Please open Telegram to view this post

VIEW IN TELEGRAM

👍10🔥4❤2

5.07K views13:04

🖥

Релиз Expo SDK 51

Недавно Expo выпустили обновление SDK 51, которое включает несколько значительных улучшений и новых функций.

🟡

Новый шаблон проекта по умолчанию и руководство по началу работы
При создании нового проекта с помощью команды npx create-expo-app пользователь увидит обновленный шаблон проекта. В нем включены часто используемые зависимости и настройки, необходимые для большинства проектов, что позволяет быстро начать работу.

Кроме того, обновлен процесс "Getting Started" с Expo, что упрощает старт как с Expo Go, так и с development сборками. Эти изменения призваны облегчить освоение работы с Expo и ознакомление с доступными опциями.

🟡

"Next" Camera и SQLite API теперь используются по умолчанию
expo-camera/next теперь экспортируется из expo-camera (подробнее), а expo-sqlite/next теперь экспортируется из expo-sqlite (подробнее). Старые версии доступны в expo-camera/legacy и expo-sqlite/legacy в SDK 51, и они будут удалены в SDK 52.

▶️ Полный список изменений доступен на сайте.

@react_tg

Please open Telegram to view this post

VIEW IN TELEGRAM

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥17👍6❤3

5.68K views16:03

This media is not supported in your browser

VIEW IN TELEGRAM

🎈 Balloon Bears - Небольшая игра, созданная на React с использованием gsap.

https://codepen.io/jh3y/pen/NWOLyGd

@react_tg

🔥20👍6❤2

4.9K views09:16

🔥Подборка лучших обучающих каналов для программистов.

➡️ Делитесь с коллегами и сохраняйте себе, чтобы не потерять

⚡Машинное обучение

Machine Learning - запускаем лучшие ИИ модели, пишем код, погружаемся в нейросети
Ml Собеседование - подготовка к собесу по мл, алгоритмам, коду
Ml ru - актуальные статьи, новости, код и обучающие материалы
Ml Jobs - вакансии ML
ML Книги - актуальные бесплатные книги МО
ML чат

🏆 Golang
Golang
Golang собеседование - разбор задач и вопросов с собесов
Golang вакансии -работа для Go разработчика
Golang книги библиотека книг
Golang задачи и тесты
Golang чат
Golang news - новости из мира go
Golang дайджест

💥 Linux /Этичный хакинг
Linux Academy - гайды, секреты и лучшие материалы по Linux
Kali linux - погрузись в мир этичного хакинга и кибербезопасности
linux_kal - kali чат
Информационная безопасность

🚀 Data Science

Анализ данных - полезные фишки, код, гайды и советы, маст-хэв датасаентиста
Data Jobs - ds вакансии
Аналитик данных
Data Science книги - актуальные бесплатные книги
Big data

🛢Базы данных
Sql базы данных - научим работе с базами данных профессионально
Библиотека баз данных
SQL чат
Вакансии Sql аналитик данных

#️⃣C#

С# академия - лучший канал по c#
С# заметки — код, лучшие практики, заметки программиста c#
С# задачи и тесты
С# библиотека - актуальные бесплатные книги
C# вакансии - работа

🐍 Python

Python/django - самый крупный обучающий канал по Python
Python Собеседование - подготовка к собеседовению python и разбор алгоритмов
Pro python - статьи, новости, код и обучающие материалы
Python Jobs - вакансии Python
Python чат
Python книги

☕ Java

Java академия - java от Senior разработчика
Java вакансии
Java чат
Java вопросы с собеседований
Java книги

💻 C++

C++ академия
С++ книги
C++ задачи - подготовка к собеседовению мл, алгоритмам
C++ вакансии

⚡️ Frontend
Javascript академия - крупнейший js канал
React - лучшие гайды и советы по работе с react
Frontend - тутрориалы, уроки, гайды, код
PHP
Книги frontend
Задачи frontend

🦀 Rust
Rust программирование
Rust чат
Rust книги для программистов

📲 Мобильная разработка
Android разработка
Мобильный разработчик гайды и уроки

🇬🇧 Английский для программистов

🧠 Искусственный интеллект
ИИ и технологии
Neural - нейросети для работы и жизни
Книги ИИ
Artificial Intelligence

🔥 DevOPs
Devops для программистов
Книги Devops

🌟 Docker/Kubernets
Docker
Kubernets

📓 Книги
Библиотеки Книг для программситов

💼 Папка с вакансиями:
Папка Go разработчика:
Папка Python разработчика:
Папка Data Science
Папка Java разработчика
Папка C#
Папка Frontend

💥 Бесплатный Chatgpt бот

🔥6👍3❤2

4.38K views09:37

🖥

Docz — позволяет легко создавать и публиковать интерактивную документацию к коду

— npm install docz

Помимо того, что Docz позволяет быстро создавать сайты документации с помощью MDX, этот инструмент помогает настраивать внешний вид документации, задавать поведение используя GatsbyJS.

🖥

🟡

Доки

@react_tg

Please open Telegram to view this post

VIEW IN TELEGRAM

Please open Telegram to view this post

VIEW IN TELEGRAM

👍22❤3🔥2

4.73K views11:32

🖥

Reactive Resume — конструктор резюме; безопасный, настраиваемый, портативный, open-source

Reactive Resume — это конструктор резюме с открытым исходным кодом, который упрощает процесс создания, обновления и публикации вашего резюме. Платформа очень удобна в использовании и может быть развёрнута локально менее чем за 30 секунд.

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

Позволяет поделиться персональной ссылкой на свое резюме с потенциальными работодателями, отслеживать просмотры резюме, а также настраивать макет страницы, перетаскивая разделы.

🖥

GitHub

@react_tg

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥22👍4❤3

4.89K views08:03

2025/07/12 22:46:32
Back to Top

HTML Embed Code:

<iframe width="100%" src="https://www.tgoop.com/buyppe/web?embed=1" title="Telegram Web" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>