React JS

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

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

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

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

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

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

🖥 GitHub
🟡 Доки
🟡 Галлерея

@react_tg

💡Совет по Javascript

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

@react_tg

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

— npm install primereact

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

🖥 GitHub
🟡 Страничка PrimeReact

@react_tg

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

— npm install react-spinners --save

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

🖥 GitHub

@react_tg

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

— yarn create keystone-app

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

🖥 GitHub
🟡 Доки

@react_tg

🖥 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

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

— npm install react-datepicker --save

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

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

🖥 GitHub
🟡 Доки

@react_tg

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

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

📌Читать

@react_tg

⚡️Лучший способ получать свежие обновления и следить за трендами в разработке на вашем языке. Находите свой стек и подписывайтесь:

C++ t.me/cpluspluc
Devops: t.me/devOPSitsec
Машинное обучение: t.me/ai_machinelearning_big_data
АНАЛИЗ Данных: t.me/data_analysis_ml
Хакинг: t.me/linuxkalii
Linux: t.me/linuxacademiya
Базы данных: t.me/sqlhub
C#: t.me/csharp_ci
Golang: t.me/Golang_google
Java: t.me/javatg
React: t.me/react_tg
Javascript: t.me/javascriptv
Мобильная разработка: t.me/mobdevelop
Docker: t.me/+0WdB4uvOwCY0Mjdi
Python: t.me/pythonl
Rust: t.me/rust_code
PHP: t.me/phpshka
Android: t.me/android_its
Big Data: t.me/bigdatai
Собеседования МЛ: t.me/machinelearning_interview
Python подготовка с собесу: t.me/python_job_interview
МАТЕМАТИКА: t.me/data_math

💼 Папка с вакансиями: t.me/addlist/_zyy_jQ_QUsyM2Vi
Папка Go разработчика: t.me/addlist/MUtJEeJSxeY2YTFi
Папка Python разработчика: t.me/addlist/eEPya-HF6mkxMGIy
Папка ML: https://t.me/addlist/2Ls-snqEeytkMDgy
C++ папка: https://t.me/addlist/CdBs5DLepLJmZjY6
C# папка: https://t.me/addlist/u15AMycxRMowZmRi
Java папка: https://t.me/addlist/ZM3J6oFNAnRlNWU6
FRONTEND папка: https://t.me/addlist/mzMMG3RPZhY2M2Iy
Linux папка: https://t.me/addlist/w4Doot-XBG4xNzYy

😆ИТ-Мемы: t.me/memes_prog
🇬🇧Английский: t.me/english_forprogrammers
🧠ИИ: t.me/vistehno

📕Ит-книги бесплатно: https://t.me/addlist/BkskQciUW_FhNjEy

🖥 Полезный репозиторий и сайт для погружения в хуки React

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

🟡 Learn React Hooks
🖥 GitHub

@react_tg

🔥 Сегодня вышла версия 1.91 VisualStudioс графиками изменений git, улучшениями профиля, API языковой модели и многим другим!

https://code.visualstudio.com/updates/v1_91

@react_tg