React JS

Логотип телеграм канала @react_tg — React JS

R

Актуальные темы из канала:

Css

Фронтенд

Tips

Router

Шпаргалка

React

Js

Метеор

Javascript

Reactjs

All tags

Логотип телеграм канала @react_tg — React JS

Актуальные темы из канала:

Css

Фронтенд

Tips

Router

Шпаргалка

React

Js

Метеор

Javascript

Reactjs

All tags

Адрес канала:

Категории: Технологии

Язык: Русский

Количество подписчиков: 17.35K

Описание канала:

React программирование
@haarrp - admin
@itchannels_telegram - 🔥лучшие ит-каналы
@javascriptv - продвинутый javascript
@programming_books_it - бесплатные it книги
@ai_machinelearning_big_data - ml
№ 5037566384

Рейтинги и Отзывы

4.33

3 отзыва

Оценить канал react_tg и оставить отзыв — могут только зарегестрированные пользователи. Все отзывы проходят модерацию.

5 звезд

1

4 звезд

2

3 звезд

0

2 звезд

0

1 звезд

0

Последние сообщения 8

12 июл 2024

Keystone — мощная headless CMS для Node.js, построенная на GraphQL и React

— yarn create keystone-app

Keystone — это одна из лучших CMS (на данный момент).
Достаточно просто описать свою схему — и будет получен мощный GraphQL API + красивый UI для управления контентом и данными.
Никаких шаблонов или бутстрапинга - только гибкие API

GitHub
Доки

@react_tg

3.2K views14:03

Подробнее

Открыть/Комментировать

12 июл 2024

Использование React без понимания JavaScript

@react_tg

6.4K views10:43

Подробнее

Открыть/Комментировать

10 июл 2024

memos — open-source сервис для ведения заметок, написан на React и Go

Memos — это легкий сервис для ведения заметок, ориентированный на конфиденциальность;
написан на React и Go.
Позволяет удобно записывать свои мысли

Быстрый старт с Docker:
docker run -d \
--init \
--name memos \
--publish 5230:5230 \
--volume ~/.memos/:/var/opt/memos \
neosmemo/memos:stable

GitHub
Доки

@react_tg

3.5K views11:04

Подробнее

Открыть/Комментировать

9 июл 2024

react-datepicker — простой компонент выбора даты для React

— npm install react-datepicker --save

Очень простой и удобный компонент React;
задание дефолтного поля ввода даты с выпадающим календарём выглядит так:
() => {
const [startDate, setStartDate] = useState(new Date());
return (
setStartDate(date)} />
);
};

GitHub
Доки

@react_tg

4.1K views09:12

Подробнее

Открыть/Комментировать

7 июл 2024

Понимание компилятора React

Новый экспериментальный инструмент от команды React автоматизирует настройку производительности. Но стоит ли вам его использовать и как он работает «под капотом»? Рассказывает Tony Alicea, преподаватель курсов на Udemy и Pluralsight.

Читать

@react_tg

3.9K views13:03

Подробнее

Открыть/Комментировать

23 июн 2024

TypeStat — CLI-утилита, которая позволяет преобразовать JS в TS и многое другое

— npm i typestat

TypeStat может:
— Преобразовывать файлы JavaScript в TypeScript за 1 раз
— Добавлять типы TypeScript в файлы, только что преобразованные из JavaScript в TypeScript
— Определять типы для исправления нарушений --noImplicitAny и --noImplicitThis
— Аннотировать отсутствующие нули и неопределенные значения, чтобы начать работу с --strictNullChecks

GitHub

@react_tg

3.4K views11:03

Подробнее

Открыть/Комментировать

21 июн 2024

React Lazy Load Image — компонент для ленивой загрузки изображений и компонентов с использованием HOC для отслеживания позиции прокрутки окна

— npm i --save react-lazy-load-image-component

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

GitHub

@react_tg

3.7K views16:11

Подробнее

Открыть/Комментировать

19 июн 2024

TanStack Router — современная и масштабируемая маршрутизация для React-приложений

— npm install @tanstack/react-router

TanStack Router — это полностью типобезопасный React-маршрутизатор со встроенной функцией выборки данных, кэшированием stale-while revalidate и удобными API для поиска по параметрам.

GitHub
Доки

@react_tg

3.6K views16:03

Подробнее

Открыть/Комментировать

17 июн 2024

Border radius на CSS: полезные заметки для фронтенд-разработчика

#css #tips #frontend

@react_tg

3.4K views17:07

Подробнее

Открыть/Комментировать

7 ноя 2022

50 Shades of Hue - CPC Monochromatic —
генератор монохромной цветовой палитры, который генерирует до 50 оттенков. Реализован с помощью React и Prism.js.

#цвет #react #prismjs

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

@react_tg

706 viewsedited 06:53

Подробнее

Открыть/Комментировать

6 ноя 2022

Сайт-шпаргалка по React.js

https://devhints.io/react

@react_tg

1.2K views07:02

Подробнее

Открыть/Комментировать

5 ноя 2022

React Cool Inview

Если вы искали способ определять, что за элемент сейчас находится на экране, то библиотека React Cool Inview как раз то, что вам нужно. Это простой в использовании React-хук, который позволяет легко узнать какой сейчас элемент отображается на экране, чтобы затем взаимодействовать с ним.

Подробнее:

https://www.npmjs.com/package/react-cool-inview

#фронтенд #react

@react_tg

1.4K viewsedited 12:18

Подробнее

Открыть/Комментировать

5 ноя 2022

Гуляем по мирам с помощью React

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

Вот тут вы можете изучить код проекта и его особенности:
Github

А здесь совершить ту самую прогулку:
Демо

#веб #react

@react_tg

1.6K views08:01

Подробнее

Открыть/Комментировать

4 ноя 2022

Redux Toolkit

В программе всё держится на данных и состояниях. Redux же предоставляет продвинутое управление состоянием React-приложения.

После просмотра этого вы научитесь работать с Redux Toolkit и создадите простенький To-Do проект, который и покажет разницу написания с Redux и без него.

@react_tg

1.6K viewsedited 06:01

Подробнее

Открыть/Комментировать

3 ноя 2022

Начало работы с ReactJS: руководство для начинающих

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

React — это библиотека JavaScript для создания пользовательских интерфейсов.

Читать дальше

@react_tg

1.6K views07:17

Подробнее

Открыть/Комментировать

2 ноя 2022

Как создать редактор кода для 40+ языков с помощью React

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

https://habr.com/ru/company/skillfactory/blog/670380/

#js #react #ru

@react_tg

1.8K viewsedited 05:11

Подробнее

Открыть/Комментировать

1 ноя 2022

Реализация слайдера изображений и текста на React.js с вариантами оптимизации

В данной статье мы разберем задание, которое может встретиться в рамках собеседования на должность фронтенд-разработчика, а именно реализацию слайдера изображений.

За последние 5 месяцев на моем счету 15 очных собеседований и предложения от Google, Roku, Microsoft и других компаний.

Суть задачи — реализовать виджет за 45–50 минут и рассказать о вариантах оптимизации. Ее решением мы займемся в данном руководстве. Главная цель не в том, чтобы реализовать слайдер изображений со множеством функциональностей, а в том, чтобы объяснить, как именно его реализовать и оптимизировать.

Читать дальше
Код

@react_tg

1.9K views07:32

Подробнее

Открыть/Комментировать

1 ноя 2022

Grid.js — лёгкий и продвинутый плагин для таблиц

Этот бесплатный js-плагин позволяет работать с большинством фреймворков языка, включая React, Angular, Vue и VanillaJs.

При этом его отличительными особенностями являются легковесность и открытый исходный код.

Стоимость: #бесплатно

#js #плагин #open_source

@react_tg

1.7K viewsedited 06:23

Подробнее

Открыть/Комментировать

31 окт 2022

Изучение React Suspense с помощью React Freeze

Слышали о новом компоненте React Suspense? Он позволяет корректно обрабатывать загрузку и визуализацию данных. Есть также React Freeze, который позволяет заморозить рендеринг компонентов и контролировать, что на самом деле обновляется в ваших приложениях React.

В этой статье подробно рассмотрен React Freeze и его возможности, а также показано, как его можно использовать в реальных проектах:

https://blog.logrocket.com/exploring-react-suspense-react-freeze/

#react

@react_tg

1.8K viewsedited 07:08

Подробнее

Открыть/Комментировать

29 окт 2022

Frontend-challenges – сборник некоторых «игривых» задач с открытым исходным кодом от различных компаний, чтобы проверить и улучшить ваши знания

Цель данного репозитория - проверить свои знания в фронт-енде с помощью реальных заданий. Здесь находятся тесты по React, HTML & CSS, JS, Git, Redux и многое другое..

#GitHub | #Archive #Interesting #Useful #Web

@react_tg

2.0K viewsedited 13:06

Подробнее

Открыть/Комментировать

28 окт 2022

Демистификация хуков React: useCallback, useMemo и все-все-все

Вокруг React Hooks так и вьются постоянные интриги и расследования. Разберемся, что за штуки такие – эти useCallback, useMemo и прочие.

https://proglib.io/p/demistifikaciya-hukov-react-usecallback-usememo-i-vse-vse-vse-2021-02-28

@react_tg

1.9K viewsedited 06:42

Подробнее

Открыть/Комментировать

27 окт 2022

reaflow – React-библиотека для построения флов-чартов, воркфлоу-диаграм с редактором

Библиотека многофункциональная и модульная, позволяет отображать настраиваемые, сложные визуализации

Ссылка на проект

@react_tg | #JavaScript #React #Interesting #Visualization

1.8K viewsedited 18:02

Подробнее

Открыть/Комментировать

27 окт 2022

One Day Offer для фронтенд-разработчиков 5 ноября

Получить офер Яндекса можно за 1 день. Участвуйте в One Day Offer Frontend: решите тестовое, пройдите 2 секции 5 ноября и получите офер в тот же день.

От Яндекса в мероприятии участвуют команды, которые готовы предложить работу в гибком формате — полностью удаленно, в гибридном режиме или из любого офиса или коворкинга в 20 городах России и мира. Варианты работы обсуждаются с каждым кандидатом индивидуально.

На мероприятии ждут инженеров с опытом разработки от 3-х лет на JavaScript и TypeScript, либо готовых к работе на этих языках программирования.

1.5K views15:00

Подробнее

Открыть/Комментировать

27 окт 2022

Slash – коллекция пакетов для JavaScript и TypeScript. Библиотека содержит более 30 npm-пакетов для создания высококачественных веб-приложений

Некоторые компоненты, хуки и функции можно использовать в React

Ссылка на проект

@react_tg | #Interesting #JavaScript #React

1.4K viewsedited 07:51

Подробнее

Открыть/Комментировать

25 окт 2022

Time-tracker – туду листы с трекингом времени

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

Так можно отслеживать по какими задачами сколько времени было затрачено

Написано на TS с помощью react + electron + antd

#TypeScript #React #Interesting

@react_tg

1.3K views13:49

Подробнее

Открыть/Комментировать

24 окт 2022

Font-awesome – Культовый набор инструментов SVG, font и CSS

Наиболее популярный набор инструментов для иконок, который был переработан и построен с нуля. Кроме того, здесь есть такие фичи как лигатуры шрифтов значков, библиотека SVG иконок, официальные пакеты NPM для популярных клиентских библиотек, таких как React, и CDN

#GitHub | #Archive #Icons

@react_tg

1.3K viewsedited 13:50

Подробнее

Открыть/Комментировать

23 окт 2022

React-query – Хуки для получения, кэширования и обновления асинхронных данных в React

Особенности:
• Transport/Protocol/Backend независимая выборка данных (REST, GraphQL, promises, что угодно!)
• Автоматическое кэширование + выборка (stale-while-revalidate, Window Refocus, Polling/Realtime)
• Параллельные + зависимые запросы
• Мутации + Reactive выборка запросов
• Многослойный кэш + автоматический сборщик «мусора» (garbage collector)
• Load-More + Infinite Scroll Queries w/ Scroll Recovery
• Отмена запросов и многое другое

Ссылка на проект

@react_tg| #TypeScript #React #Query

1.4K viewsedited 08:47

Подробнее

Открыть/Комментировать

23 окт 2022

Хуки useEffect и useLayoutEffect – придание жизни компонентам, а точнее – придание методов жизненного цикла

Если вы работали с классовыми компонентами, то знакомы с методами жизненного цикла. Они служат для того, чтобы совершать какие-то операции на разных стадиях жизни компонента. Для этого есть два хука – useEffect и useLayoutEffect. Они похожи между собой, за исключением небольшой разницы в рендеринге. В случае с useLayoutEffect React не запускает рендеринг построенного DOM дерева до тех пор, пока не отработает useLayoutEffect. Если же берём useEffect, то React сразу запускает рендеринг построенного DOM, не дожидаясь запуска useEffect.

Подробнее

@react_tg

1.1K viewsedited 08:47

Подробнее

Открыть/Комментировать

22 окт 2022

Codrops — бесплатная база примеров кода на HTML, CSS и JavaScript

Всё, что собрано на сайте, собрано вручную. При этом помимо базово JS, можно найти материалы по jQuery, React, Vue и Angular.

Стоимость: #бесплатно

#js #html #web

1.4K views11:43

Подробнее

Открыть/Комментировать

Похожие рейтинги

Топ каналы Лучшие каналы Топ Технологии

telegram-store.com © 2016-2026

Неофициальный сайт про Telegram