React JS

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

🔥What’s the Hack? ЭКСПО! Этим летом с 1 по 10 августа прими участие в хакатоне от Экспобанк, реши задачу по созданию системы управления клиентскими базами для компаний-партнеров Экспобанка и получи возможность забрать вознаграждение из призового фонда в 400.000 рублей! Регистрируйся на хакатон до 29 июля включительно: https://экспохак.рф 🌐Хакатон пройдет в формате Онлайн - 9 дней интенсивной работы над проектом, а 10-го августа участники защищают свои решения перед представителями из компаний-партнеров Экспобанка! 🚀Главная цель – создать единый механизм управления клиентскими базами, позволяющий оптимизировать взаимодействие с клиентами и предлагать различные услуги из разных компаний, входящих в число компаний-партнеров Экспобанка. . 👨‍💻К участию приглашаются разработчики, Product менеджеры, IT-специалисты и бизнес-архитекторы. На протяжении всего хакатона Вас ждут регулярные сессии с экспертами, которые помогут скорректировать Ваши идеи в нужно русло! 📌Ключевые события хакатона: 29 июля – Завершение подачи заявок 1 августа – Церемония открытия 2 и 5 августа – Индивидуальные сессии с экспертами 7 августа – Общая встреча с экспертами 10 августа – Финальный питч и Церемония закрытия 🏆Успей зарегистрироваться на хакатон и побороться за призовой фонд в 400.000 рублей! What’s the Hack? ЭКСПО! Подробная информация и регистрация: https://экспохак.рф Реклама. АО "Экспобанк", ИНН 7708397772, erid: 2VtzqvWoLbs

🖥 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

Верстаешь? Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке: 1. Ты сверстаешь веб-сайт на HTML + CSS; 2. Оживишь страницу с помощью JavaScript; 3. Используешь фронтенд-фреймворк Angular; 4. Подключишь Backend и загрузишь сайт на хостинг; 5. Получишь советы по доработке своего проекта; 6. Добавишь в портфолио 1 качественный проект; 7. Получишь в подарок чек-лист «45 мест для поиска работы». А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 10-летним стажем – Романа Чернова. 👉 Проскочить на интенсив бесплатно Начинаем уже завтра.

🖥 Keystone — мощная headless CMS для Node.js, построенная на GraphQL и React — yarn create keystone-app Keystone — это одна из лучших CMS (на данный момент). Достаточно просто описать свою схему — и будет получен мощный GraphQL API + красивый UI для управления контентом и данными. Никаких шаблонов или бутстрапинга - только гибкие API 🖥 GitHub 🟡 Доки @react_tg

Использование React без понимания JavaScript @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

Дарим билет в мир большого IT 🎫 От тебя нужен только опыт работы разработчиком JS+React от года и желание попасть в команду Холдинга Т1 — одного из лидеров российского ИТ-рынка, в портфеле которого 800+ высокотехнологичных проектов и 70+ продуктов и услуг. Регистрируйся на онлайн-интенсив в Открытые школы Т1 и прокачай навыки бесплатно всего за 1 месяц. Лучшие получат оффер от Т1 🔝 и уникальный карьерный фаст-трек до мидла в бигтехе. Всего за полгода мы выпустили 500+ специалистов. Участники присоединились к командам финтех-разработки и разработки ИТ-продуктов. Также участников ждут в юнитах облачных сервисов, развития ИИ-решений, интеграции и консалтинга. ⌛️ Быстрое обучение: 1 месяц. 💻Гибкий формат: все этапы онлайн, занятия по вечерам. 🌏 Работа в Т1 возможна с тер-рии РФ и Беларуси. Ты с нами? Тогда подавай заявку до 24 июля! Старт интенсива — 29 июля. Реклама. ООО "Т1". ИНН 7720484492.

⚡️ Понимание компилятора 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

🖥 virtua — компонент для React, Vue, Solid и Svelte для создания виртуальных списков и сеток — npm install virtua virtua — это очень быстрый и небольшой (~3 кБ) компонент для создания виртуальных списков и сеток. Например, создание вертикального списка из 1000 элементов выглядит так:

{
  render: () => {
    return <VList style={{
      height: "100vh"
    }}>{createRows(1000)}</VList>;
  }
}

🖥 GitHub 🟡 Примеры использования @react_tg

🖥 Tamagui позволяет легко и быстро создавать стили React — npm install tamagui @tamagui/config Tamagui включает в себя 3 компонента: — @tamagui/core — библиотека стилей, которая расширяет API стилей React Native многими функциями из CSS, причём без каких-либо внешних зависимостей помимо React — @tamagui/static — оптимизирующий компилятор, который значительно повышает производительность — tamagui — большой универсальный набор компонентов 🖥 GitHub 🟡 Доки @react_tg

Онлайн-лабораторная: развертывание веб-приложения или Telegram-бота с сервисом Evolution Container Apps Чтобы быстро развернуть приложение в облаке, нужно всего лишь взять сервис Cloud․ru Container Apps, платформу GitVerse и немного практики. 4 июля в 11:00 Cloud․ru проведет бесплатную онлайн-лабораторную. В прямом эфире эксперты вместе с участниками сделают две лабораторные работы и покажут самый быстрый способ развернуть приложение в облаке с сервисом Cloud․ru Container Apps и платформой GitVerse. В первой лабораторной развернут простое frontend-приложение, во второй — backend-приложение. Будет интересно начинающим и опытным разработчикам. ➡️ Чтобы принять участие, регистрируйтесь на сайте

🖥 Web-messenger — интересный пет-проект на Python, требующий знания FastAPI и немного React

git clone https://github.com/Flict-dev/Web-messenger.git
cd Web-messenger
docker compose up

Этот проект реализует очень простой мессенджер с возможностью входить под своей учётной записью, создавать комнаты, приглашать других и делать ещё некоторые простые операции. Очень неплохой проект для погружения в Python и фреймворк FastAPI 🖥 GitHub @react_tg

🖥 Lucide Icons — красивый и целостный набор иконок для веб-приложений — npm i lucide Это форк проекта Feather Icons, управляемый сообществом, полностью open-source. Lucide постоянно пополняет набор иконок, сохраняя при этом оригинальный минималистичный дизайн. 🖥 GitHub 🟡 Плагин для Figma @react_tg

🖥 Что нового в React 19? В этом видеообзоре вы узнаете обо всех новых интересных функциях, которые появятся в React 19. Рассказано про способы обработки действий, полезные обновления, статусы форм, новый API use() и многое другое. https://youtu.be/81uAxzeyL2I @react_tg