React JS – Telegram

React JS

16.1K subscribers

707 photos

106 videos

5 files

815 links

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

@haarrp - admin

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

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

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

@ai_machinelearning_big_data - ml

№ 5037566384

Download Telegram

About

Blog

Apps

Platform

16.1K subscribers

⚡️

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

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

📌Читать

@react_tg

Please open Telegram to view this post

VIEW IN TELEGRAM

👍13❤6🔥4

5.65K views13:03

🖥

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

— npm install react-datepicker --save

Очень простой и удобный компонент React;
задание дефолтного поля ввода даты с выпадающим календарём выглядит так:

() => {
  const [startDate, setStartDate] = useState(new Date());
  return (
    <DatePicker selected={startDate} onChange={(date) => setStartDate(date)} />
  );
};

🖥

🟡

Доки

@react_tg

Please open Telegram to view this post

VIEW IN TELEGRAM

👍11❤8🔥5

5.84K views09:12

🖥

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

🖥

🟡

Доки

@react_tg

Please open Telegram to view this post

VIEW IN TELEGRAM

👍14❤4🥰2

5.22K views11:04

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

@react_tg

👍40🤣33❤4🔥4

11.7K views10:43

🖥

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

— yarn create keystone-app

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

🖥

🟡

Доки

@react_tg

Please open Telegram to view this post

VIEW IN TELEGRAM

Please open Telegram to view this post

VIEW IN TELEGRAM

👍14❤3🔥1

5.42K views14:03

This media is not supported in your browser

VIEW IN TELEGRAM

This media is not supported in your browser

VIEW IN TELEGRAM

This media is not supported in your browser

VIEW IN TELEGRAM

🖥

Коллекция спиннеров и лоадеров на React

— npm install react-spinners --save

Держите open-source набор компонентов React для отображения во время загрузки страницы

🖥

GitHub

@react_tg

Please open Telegram to view this post

VIEW IN TELEGRAM

Please open Telegram to view this post

VIEW IN TELEGRAM

👍26❤5🔥5

6.38K views09:03

🖥

PrimeReact — большой набор UI-компонентов для React

— npm install primereact

PrimeReact позволяет улучшить веб-приложения с помощью огромного набора настраиваемых и многофункциональных UI-компонентов React

🖥

🟡

Страничка PrimeReact

@react_tg

Please open Telegram to view this post

VIEW IN TELEGRAM

Please open Telegram to view this post

VIEW IN TELEGRAM

👍15❤8🔥4

5.83K views14:03

💡Совет по Javascript

Если вы имеете дело с фреймворками, делающими ставку на неизменяемые структуры данных (*cough* React), и вам нужно изменить записи в массиве, `with` станет вашим лучшим другом!

@react_tg

❤16👍12🔥6

5.18K views10:02

🖥

Unovis — модульный фреймворк для визуализации данных на React и не только

— npm install -P @unovis/ts @unovis/react

Unovis — это фреймворк визуализации данных для React, Angular, Svelte, Vue и для чистого TS и JS, который:

— имеет поддержку разных видов диаграмм, карт и всяких сложных графиков

— позволяет импортировать только необходимые компоненты для уменьшения размера приложения

— очень гибкий и настраиваемый

🖥

🟡

🟡

Галлерея

@react_tg

Please open Telegram to view this post

VIEW IN TELEGRAM

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥15👍4❤2

5.64K views15:04

This media is not supported in your browser

VIEW IN TELEGRAM

This media is not supported in your browser

VIEW IN TELEGRAM

🖥

Mitosis — позволяет единым образом создавать компоненты для всего: для React, Vue, Qwik, Solid, Angular и для других фреймворков

— npm create @builder.io/mitosis@latest

Mitosis — это open-source инструмент, который преобразует JSX-код в компоненты для React и для остальных фреймворков.
Таким образом можно избавиться от необходимости переписывать код каждый раз заново под новый фреймворк.

🖥

🟡

Доки

@react_tg

Please open Telegram to view this post

VIEW IN TELEGRAM

Please open Telegram to view this post

VIEW IN TELEGRAM

👍18❤3🔥2

5.75K views14:02

🖥

Free React Icons - Hugeicons Pro

Огромная библиотека для фронтенд разработчиков и дизайнеров, содержащую более 4000 иконок в форматах SVG и React.

▪ GitHub
▪Сайт

@react_tg

Please open Telegram to view this post

VIEW IN TELEGRAM

👍16❤5🔥4

6.27K views15:22

🖥

react-inlinesvg — компонент React для загрузки компонентов

— npm i react-inlinesvg

react-inlinesvg позволяет загружать локальные или удаленные SVG в свои компоненты React.

🖥

🟡

Sandbox

@react_tg

Please open Telegram to view this post

VIEW IN TELEGRAM

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥10❤3👍1

6.24K views10:38