React JS

🎉 MeteorJS 3.0 — Долгожданный релиз спустя 3 года! 🚀 Наконец-то вышел MeteorJS 3.0, избавившись от Fibers в пользу async методов, что позволило обновить NodeJS до версии 20! 🎉 Теперь все методы и работа с БД выполняются асинхронно, улучшена документация, добавлена поддержка ARM на Linux. Для релиза выполнено 160 задач и обновлено множество пакетов. Это огромный шаг вперед для разработчиков! 🌟 📌Обсуждение на GitHub 📌Новая документация #react #meteor #js @react_tg

Интерактивная шпаргалка по CSS Grid Все шпаргалки можно разделить на 3 категории: регулярки, css grid и всё остальное. В данном случае это — второй вариант. Шпаргалка объёмная, можно на месте сравнить как будут отображаться те или иные варианты конфигурации. Ссылка на шпаргалку #шпаргалка #css @react_tg

🖥 react-inlinesvg — компонент React для загрузки компонентов — npm i react-inlinesvg react-inlinesvg позволяет загружать локальные или удаленные SVG в свои компоненты React. 🖥 GitHub 🟡 Sandbox @react_tg

🖥 Free React Icons - Hugeicons Pro Огромная библиотека для фронтенд разработчиков и дизайнеров, содержащую более 4000 иконок в форматах SVG и React. ▪ GitHub ▪Сайт @react_tg

Офер в Яндекс для опытных фронтендеров за два дня 24–25 августа приглашаем фронтендеров с опытом работы от четырёх лет получить офер в Яндекс через multitrack за 2 дня. Достаточно решить задачи онлайн до 20 августа и пройти несколько технических секций 24 августа, чтобы уже 25-го получить офер и выбрать три команды, к которым вам было бы интересно присоединиться. Как правило, за несколько собеседований сложно понять, подходит ли вам команда и наоборот. Multitrack позволит вам поработать в трёх разных командах Яндекса и выбрать подходящую. Вы сможете погрузиться в рабочие процессы, познакомиться с будущими коллегами и понять, с какими задачами и технологиями хотите работать. Узнать подробности и зарегистрироваться. Реклама. ООО "Яндекс". ИНН 7736207543

🖥 Mitosis — позволяет единым образом создавать компоненты для всего: для React, Vue, Qwik, Solid, Angular и для других фреймворков — npm create @builder.io/mitosis@latest Mitosis — это open-source инструмент, который преобразует JSX-код в компоненты для React и для остальных фреймворков. Таким образом можно избавиться от необходимости переписывать код каждый раз заново под новый фреймворк. 🖥 GitHub 🟡 Доки @react_tg

🖥 Unovis — модульный фреймворк для визуализации данных на React и не только — npm install -P @unovis/ts @unovis/react Unovis — это фреймворк визуализации данных для React, Angular, Svelte, Vue и для чистого TS и JS, который: — имеет поддержку разных видов диаграмм, карт и всяких сложных графиков — позволяет импортировать только необходимые компоненты для уменьшения размера приложения — очень гибкий и настраиваемый 🖥 GitHub 🟡 Доки 🟡 Галлерея @react_tg

💫 Яндекс устраивает технологический Код-хоппинг 8 августа! Встретимся в Петербурге, чтобы потусить и послушать короткие лайтнинги от коллег. Переключимся с работы на живое общение — так мы сможем не только подзарядиться, но и поймать новые идеи! В программе — прогулка по трём барам, настойки и коктейли, codebattle, задушевные разговоры и крутая вечеринка! ✉️ Заполняйте форму и регистрируйтесь уже сейчас! А если хотите рассказать о проекте или увлечении, приложите к форме тему и тезисы. До встречи на Код-хоппинге! 🎉

💡Совет по 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