React JS

⚡Хочешь разработать решение технологического кейса для внедрения в работу НКО?  Тогда регистрируйся на Smart Social: Хакатон! Smart Social: Хакатон – это командное соревнование для программистов, дизайнеров, менеджеров, аналитиков и других IT-специалистов, которые в сжатые сроки решают технологическую задачу. 👨‍💻Кейсы: - Сервис для онлайн-записи на музейные мероприятия; - Приложение для туристических маршрутов; - Сервис сбора информации для профилактики социально значимых заболеваний; - Онлайн-игра для повышения информированности населения о профилактике ВИЧ. 📆Даты хакатона: C 10 по 18 Июня 2024 г. 📍Формат: Гибридный - финальная питч-сессия пройдёт в Москве, командам из регионов доступно подключение онлайн.  🔥Дедлайн регистрации: 8 Июня, 23:59 (МСК) Не нашел для себя задачу? Смотри еще кейсы по ссылке: https://tglink.io/bc9eeb53a16b  🚀Сделай Добро – помоги НКО!

🖥 VisionCamera — мощная, высокопроизводительная библиотека React Native

npm i react-native-vision-camera
cd ios && pod install

Вот некоторые особенности VisionCamera: — позволяет захватывать фото и видео — имеет функцию сканера QR/штрих-кодов — позволяет настраивать разрешение и соотношение сторон, настраивать FPS — имеет HDR и ночной режим 🖥 GitHub 🟡 Доки @react_tg

🖥 Orval — swagger на максималках — npm i orval -D Orval позволяет: — генерировать модели TypeScript — генерировать HTTP-вызовы — создавать моки с помощью MSW Orval довольно удобно интегрируется с Angular, React или Vue 🖥 GitHub 🟡 Доки @react_tg

🌟 dioxus — open-source fullstack GUI-библиотека для веб-, десктоп-приложений, мобильных устройств и многого другого — cargo install dioxus-cli dioxus позволяет создавать самые разные приложения: веб-, нативные, для мобильных устройств на единой кодовой базе. На изображениях приведён полный код простого приложения на dioxus для примера 🟡 Доки 🟡 Быстрый старт 🖥 GitHub @react_tg

🖥 SurveyJS — open-source библиотека JavaScript для построения форм с интеграцией в React, Angular, Vue, jQuery и Knockout

git clone https://github.com/surveyjs/survey-library.git
cd survey-library
npm install -g karma-cli
npm install
npm run build_core
npm run build-plugins
npm run build

Библиотека SurveyJS позволяет создавать динамические формы/опросы на основе JSON в любом приложении JavaScript, собирать ответы и отправлять все данные о заполнении форм в базу данных по вашему выбору. Поддерживает создание многостраничных форм любой длины и сложности, создание всплывающих опросов, викторин, опросов с оценками и т. д. 🖥 GitHub 🟡 Доки @react_tg

🖥 AG Grid — open-source таблица данных для создания корпоративных приложений — npm install --save ag-grid-community AG Grid — это настраиваемая таблица данных JavaScript; обеспечивает норм производительность, не имеет сторонних зависимостей и легко интегрируется со всеми основными JS-фреймворками. AG Grid может работать не только на чистом JS, но и поддерживает React / Angular / Vue. 🖥 GitHub 🟡 Доки 🟡 Потрогать демо @react_tg

👩‍💻 Как эффективно разрабатывать Web-API на JavaScript? Узнайте на открытом практическом уроке «Быстрый старт с Express.js. Разработка REST API» от OTUS, где мы построим серверное приложение на платформе Node.js с использованием популярной легковесной библиотеки Еxpress.js и разберем ее основные функции и возможности. А также рассмотрим: - введение в веб-серверы; - описание маршрутов HTTP API; - связь контроллеров и бизнес-логики; - миддлвары. Встречаемся 4 июня в 20:00 мск в преддверии старта курса «JavaScript Developer. Professional». Все участники вебинара получат специальную цену на обучение! ➡️ Регистрируйтесь прямо сейчас, чтобы не пропустить бесплатный урок: https://otus.pw/Di87/ Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

🖥 bulletproof-react — простая и масштабируемая архитектура для создания готовых к продакшену приложений React Этот репозиторий показывает структуру для создания React-приложений, которые удобно развивать и поддерживать. Исходя из опыта автора (alan2207) — он работал с большим количеством разных кодовых баз, — представленная архитектура оказывается наиболее эффективной. 🖥 GitHub @react_tg

Крутая библиотека иконок для разработчиков! - Более 27 000 красивых иконок - Более 3800 бесплатных иконок для коммерческого использования - Доступны в SVG, React, React Native, npm, CDN и других форматах → https://hugeicons.com @react_tg

⚡️ ТОП БЕСПЛАТНЫХ Курсов по Frontend! Javascript, React, Vue, Angular... ВЫУЧИТЬСЯ С НУЛЯ! https://www.youtube.com/watch?v=FZ4rBSYgPAg @react_tg

⚡️ React Range Sliders Много хороших слайдеров в разном стиле. #react #CodePen https://codepen.io/dilums/pen/YzRwjBM @react_tg

⚛️ Тест на навыки JavaScript-разработчика ⚛️ Ответьте на 30 вопросов и проверьте, обладаете ли вы middle-навыками по JavaScript, знаниями HTML/CSS и на сколько вы готовы к обучению на курсе — «React.js Developer». За 4 месяца курса вы: - Досконально изучите TypeScript и будете писать чистый и лаконичный код, применяя эту технологию - Разовьёте и прокачаете навыки работы в в GraphQL, Apollo, Relay - Освоите не только продвинутые возможности Redux, Redux-Saga, Redux-thunk, но и SPA-приложения и оптимизацию их для production Время прохождения теста ограниченно 30 минут 👉 ПРОЙТИ ТЕСТ — https://otus.pw/6YuC/?erid=LjN8JuLHk 💣 Пройдите тест, получите скидку на курс, и записи уроков от преподавателей курса в подарок. Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.

🖥 React Router — лёгкая, полнофункциональная библиотека маршрутизации для React.js React Router работает везде, где работает React, в том числе на сервере (с помощью node.js) и в React Native. 🖥 GitHub @react_tg

Совет по использованию инструментов Chrome Dev Tools 💡 Знаете ли вы, что с помощью Chrome Dev Tools можно легко отслеживать, какие события срабатывают на элементе, и просматривать свойства этих событий? @react_tg

❓Хотите прокачаться в фронтенд-разработке на JS? Ждем вас на открытом практическом уроке «Хуки и оптимизация в React» от OTUS, где мы: - рассмотрим работу с состоянием в компонентах react; - напишем большой список инпутов; - проведем анализ производительности; - оптимизируем код. Спикер Игорь Звягин — опытный JS-разработчик. Встречаемся 27 мая в 20:00 мск в рамках курса «React.js Developer». Все участники вебинара получат специальную цену на обучение и персональную консультацию от менеджеров OTUS! 👉 Оставьте заявку прямо сейчас, чтобы посетить бесплатный урок: https://vk.cc/cwZOs8?erid=LjN8KZGVL Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.

🖥 Расширение Million Lint 1.0 для Visual Studio Code автоматически исправляет "медленный" код на React. Установка Запустите следующую команду в своем терминале: npx million@latest Использование Расширение автоматически исправит "медленный" код при сохранении файла. Подробнее Сылка для получения дополнительной информации о расширении: https://million.dev/blog/lint-rc @react_tg

🖥 Open Replay — воспроизведение сессий для разработчиков Open Replay — это self-hosted инструмент для воспроизведения сессий и аналитики. Идеально подходит для воспроизведения проблем и багов, совместного просмотра с пользователями. 🖥 GitHub 🟡 Инструкция по деплою @react_tg

Оплачиваемая стажировка и трудоустройство без опыта — ну ничего себе 😳 Все возможно с Добровольным квалификационным экзаменом! Это бесплатный проект Правительства Москвы, где ты можешь показать свои знания по специальности, запомниться потенциальным работодателям и получить оффер в престижные компании Москвы. Тебя ждет всего три шага: 1️⃣ Пройди тест После регистрации на сайте ДКЭ тебе будет доступно 70 профессий по 7 направлениям. Выбирай тест по своей специальности и проверь уровень своих знаний! 2️⃣ Реши кейс Если ты успешно сдал тест, тебя пригласят на следующий этап, где ты с другими участниками в команде будешь решать реальный кейс одного из работодателей. 3️⃣ Стань победителем Окажись в числе лучших по общему количеству баллов за оба этапа и получи шанс попасть на оплачиваемую стажировку с дальнейшим трудоустройством. Готов проявить себя? Регистрируйся и начинай проходить тест — https://dke.moscow Реклама. АНО "РАЗВИТИЕ ЧЕЛОВЕЧЕСКОГО КАПИТАЛА", АНО "РЧК". ИНН 7710364647. erid: LjN8K6NNA

🪄 Magic UI Вышла огромная библиотека бесплатных анимированных компонентов для React, Tailwind и Framer. Да, вы не ослышались — библиотека абсолютно бесплатна. ▪ Github @react_tg

🖥 Интересная идея для пет-проекта — кубики, которые всегда выдают нужный ответ Кубики каждый раз падают по-разному, сталкиваются, но в конечном итоге всегда в сумме выпадает выбранное число ▶️ Codepen @react_tg