React JS

Frontend online meetup - 11/10 ✅ CSS in JS или самая противоречивая техника стилизации веба — Ильдар Муллахметов, Авито Тех ✅ Что такое Sentry и почему без него тяжело — Кирилл Логачев, Level.Travel ✅ По ту сторону WebView — Максим Лавренюк, UZUM TECHNOLOGIES ✅ Web3 для фронтенд-разработчика — Назим Гафаров, Based.link ➖➖➖ 🗓 11 октября в 19:00 ✅ Регистрация - участие бесплатно! 🌐 Наш телеграм канал с анонсами митапов! Реклама. ООО "ЭВРОНЕ.РУ". ИНН 3663057399. erid: LjN8K2JHq

🖥 Представляем вашему вниманию подробный вводный курс по React 18 и Redux Toolkit. Это пошаговое руководство по созданию интерактивных веб-приложений с помощью этих мощных инструментов. • Видео • React код • Redux код @react_tg

🙀 Мяу-новость от «Лаборатории Касперского» Начинается осенний набор на оплачиваемую стажировку SafeBoard по направлению Java Script. Если ты живешь в Москве или МО, учишься в вузе или Школе 21 и готов(а) работать от 20 часов в неделю, смело запрыгивай в команду и приземляйся сразу на четыре лапы в IT 🐈 Предложение для тебя, если хочешь поработать в одной из крутых команд, которые занимаются разработкой облачного сервиса поиска угроз или корпоративных сайтов, постоянно улучшают или разрабатывают новый функционал. Ты можешь учиться и работать одновременно, прокачать навыки и получить приглашение на работу в Kaspersky после стажировки. Во время стажировки ты будешь получать зарплату и компенсацию питания, бесплатно пользоваться спортзалом и сауной в офисе, игровыми комнатами 😎 Прием заявок закончится 12 октября, успевай 🐾 Реклама. АО «ЛАБОРАТОРИЯ КАСПЕРСКОГО» ИНН: 7713140469 erid:LatgC28ND

🔥 Дайджест полезных материалов из мира React за неделю Почитать: — Миграция с Webpack и react-scripts на Vite: Путь к Быстрому и Легковесному React — Юриспруденция и программирование: что общего? — Heretic: full stack фреймворк на основе Marko.js — Как типизировать Vuex Store — Кулинарный гид по Vue.js: всё о props — Как декораторы могут упростить разработку веб-форм — React Fiber & Concurrency Part 2 (2) — useState - don't get Hooked 🪝 — How to Maintain React State in a URL Query String for a Shareable Application State — "Props and States in React JS" — Cosmos Surge — Moving a Square with CSS Grid and Minimal JavaScript — Introducing LinkedIn Job Scanner Chrome Extension and Sharing Problems I Encountered While Developing — React Virtualisation from scratch — Experienced Web Developer in NYC - Seeking Advice? — ReactJs vs React Native: Resumen, diferencias clave, ventajas y desventajas — Endless slideshow with just framer-motion for animation Посмотреть: 🌐 How To Create 3 Levels Of React Image Sliders - Beginner, Intermediate, Expert (⏱ 37:25) 🌐 This New CSS Property Is Simple Yet Useful (⏱ 00:54) Хорошего дня!

🖥 Animated blob SVG text clipping effect — анимация появления и исчезновения текста. Реализован с помощью SVG-текста и JavaScript. https://codepen.io/ZachSaucier/pen/gZzPgQ @react_tg

🖼 Почему разрабатывать веб-интерфейсы так сложно? Разработка веб-интерфейсов кажется простой, но только на первый взгляд. Если углубиться в нее, обнаруживается множество сложностей, озадачивающих даже опытных специалистов. Эта статья поможет вам разобраться с рядом проблем разработки веб-интерфейсов, начиная с несоответствия между веб-языками и современными требованиями к пользовательскому интерфейсу и заканчивая сложными вопросами управления данными и вызовами асинхронных API. Кроме того, мы исследуем так называемые “нерезультативные пути” (“unhappy paths”), часто упускаемые из виду. К ним относятся состояния загрузки, обработка ошибок, а также более широкие архитектурные аспекты, включающие безопасность, производительность и доступность. 📌 Читать @react_tg

⚡️ Онлайн-хакатон MORE.Tech 5.0 с призовым фондом 1 100 000 рублей от Банка ВТБ! 🟣 Треки: Metaverse: создай элементы виртуального пространства для взаимодействия пользователей с продуктами банка. Mobile+Web: разработай сервис для подбора оптимального банковского отделения; Что тебя ждет: 🔹 Познакомишься с опытными ИТ-экспертами ВТБ; 🔹 Прокачаешься в разработке за 3 дня как за месяц. Помимо главного денежного приза в 1 100 000 рублей, тебя ждет фирменный мерч и подарки!  Если нет своей команды — поможем ее собрать! Регистрируйся и вступай в чат участников, получи ответы на волнующие вопросы, найди команду или создай свою. ▶️ Регистрация уже идет, успевай подать заявку по ссылке Реклама. ООО "ФИЗТЕХ ДЖЕНЕЗИС". ИНН 7735184156. erid: LjN8JviBT

🔥 Дайджест полезных материалов из мира React за неделю Почитать: — Увеличиваем свою производительность в WebStorm / PhpStorm c помощью шаблонов — Пристальный взгляд на отладку JavaScript приложений — Один компонент, 20+ фич, A/B-тесты: Поможет ли машина состояний? — 15 лучших бесплатных курсов по Linux — Как добавить несколько товаров в Shopify корзину одним кликом? — Как мы создаём Squadus. Реализуем «прыжок к сообщению» в мобильной версии — React 18: что поменялось — Restyle как новый стандарт для создания UI в React Native — React Fiber & Concurrency Part 1 (2) — Svelte: Знакомство с рунами — Tailwind не только для MVP — Mastering React.js: Top 20 Interview Questions You Need to Know — Send email confirmation in Strapi — 3D cube using pure css — 3D cubes animation using pure css — Best Coding Practices and Tools for React Developers — Step by step on how to setup fabric.js in the next.js app — Top 5 form validation libraries in React JS and Next JS — How to login with Google on React App? — React Advanced: Manage Server States in the right way — Building Authentication in React Using Firebase Посмотреть: 🌐 CSS nth-child Just Got 100x Better (⏱ 00:56) 🌐 Clean Code Is Killing Your Projects (⏱ 09:20) Хорошего дня! @react_tg

Просто взяли нейросетку Stable Diffusion и превратили голливудских звёзд в советских пионеров! Хотите также? Вот тут ребята проводят интенсив, на котором собирают свои нейросетки при помощи ChatGPT и Stable Diffusion. На интенсиве вы узнаете, как работают технологии вроде ChatGPT, Stable Diffusion, а также разберетесь в генерации и распознавании речи — этот интенсив для вас.  Всего за 2 дня вы создадите сразу 12 крутых нейронок. Зарегистрироваться на интенсив можно по ссылке.

🌐 WebAssembly: секретное оружие в разработке высокооптимизированных и безопасных веб-приложений Технологии в разработке ПО быстро развиваются. Появляются инструменты, помогающие создавать высокопроизводительные приложения с хорошим пользовательским опытом. Производительность и безопасность - важные аспекты качества приложений. Браузеры понимают только JavaScript, поэтому производительность веб-приложений зависит от JavaScript. Однако это не является проблемой, за исключением некоторых случаев с динамическим поведением JavaScript. Почему JavaScript тормозит? Каждый браузер имеет собственный JavaScript-движок. Например, Chrome использует движок V8, Mozilla Firefox — движок рендеринга Gecko и т. д. Это просто программа, выполняющая JavaScript-код. Каждый JS-движок состоит из двух компонентов: ▪️стек вызовов (в котором выполняется код); ▪️куча (неструктурированный пул памяти, в котором хранятся объекты). Выполнение задач, ориентированных на использование процессора или аппаратного обеспечения, таких как кодирование JSON и декодирование некоторых криптографических данных, может занять у JavaScript много времени. Читать дальше

⚡ BFEdevSolutions Полезный проект с готовыми решениями frontend задач с bigfrontend.dev Практические кейсы, алгоритмические задачи, задачи на верстку с объяснением. • JavaScript • React • JavaScript квизы • TypeScript задачи • CSS задачи @react_tg

Стартануть в IT быстро и эффективно — подготовительный курс по Frontend-разработке. ⏰ Старт 5 октября! Даем: 72 урока с практикой в браузере, 3 онлайн вебинара и 1 сессию лайвкодинга с практикующим разработчиком. Получаем: крепкие знания базы языка, умение понимать код и первую программу на JavaScript, написанную вместе с наставником. Запишитесь прямо сейчас! Реклама. ООО "ХЕКСЛЕТ РУС". ИНН 7325174845. erid: LjN8KbKeY

Сегодня вышла новая версию ElectricSQL. ElectricSQL - это опенсорс платформа для локальной разработки, позволяющая легко создавать высококачественные современные приложения с мгновенной реактивностью, многопользовательской совместной работой в реальном времени и бесконфликтной поддержкой автономной работы. Local-first - это новая парадигма разработки, при которой код приложения напрямую обращается к встроенной локальной базе данных, а данные синхронизируются в фоновом режиме посредством активной репликации базы данных. Поскольку код приложения обращается непосредственно к локальной базе данных, приложения работают мгновенно. Данные синхронизируются в фоновом режиме с помощью активной репликации. • Github • Документация @Sqlhub

🔥 Дайджест полезных материалов из мира React за неделю Почитать: — Минуты и часы не нужны — Создание мини игр и анимации в Online редакторе Collagen_2 — Event Loop в деталях — Создание конвертера JSON в Typescript с помощью React, NodeJS и ChatGPT — Web Accessibility в рассказе «A11Y от 0 до NaN» — Создаем мини-игру с капельным эффектом и движущимися кружками. Часть 2. Финал — JavaScript. WebRTC. Соединение браузеров напрямую без сервера, peer-to-peer — Веб-компоненты в 2023: нужно поговорить — Подружим Sentry и Mattermost быстро и просто через адаптер — Генерация BDD тестов с помощью ChatGPT и запуск их через Playwright — Building A Simple React Login Form: A Step By Step Guide. — How To Quickly Fix Production Errors Along With CORS Error — react learning for beginner — What and Why to use HOCs in React — Zustand State Management — Case Sensitivity with `localeCompare` in JavaScript — Build a Video Call App with Astro and ReactJS — My first WebDev project - My Personal Portfolio. — Dev Container for React Native with Expo — Nextjs Adsense Implementation Посмотреть: 🌐 Экосистема React.js 2023 (⏱ 12:45) 🌐 The Best React State Management Solution Has Been There All Along (⏱ 05:38) 🌐 This CSS Feature Replaces CSS-In-JS (⏱ 01:00) Хорошего дня!

✅ Creating day-night CSS only toggle switch - Анимированный переключатель, выполненный с помощью SCSS, без использования JavaScript https://codepen.io/gvissing/pen/XWVpjJd @react_tg

⚡️Программа курса "JavaScript Developer Professional" в Otus помогает студентам достичь нового профессионального уровня в веб-разработке на JS, и вот почему: ✅После обучения вы сможете полноценно работать с современными JavaScript-фреймворками и библиотеками, а также понимать их основы ✅Вам будут доступны популярные паттерны проектирования, такие как Event Loop, Flux, Immutable, Virtual DOM, Dependency Injection и Observables ✅Вы научитесь грамотно подбирать инструменты для каждого проекта, а также тестировать его с помощью юнит-тестов на разных уровнях ✅Кроме того, вы сможете создавать современные веб-приложения, используя последние технологии в этой области Для поступления в группу курса по спеццене проверьте свои знания и пройдите тест 🔥 Бонусы после прохождения теста: - бесплатный курс по GIT в записи - доступ к открытым урокам курса - скидка на обучение при поступлении в группу 👉 ПРОЙТИ ТЕСТ Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963. erid: LjN8KVBaQ

🖥 Большой интерактивный учебник по React. Он обучает современному React с помощью функциональных компонентов и хуков. В него включены: диаграммы, иллюстрации, задачи и более 600 интерактивных примеров. Зацените! https://react.dev @react_tg

🔥 Дайджест полезных материалов из мира : React за неделю Почитать: — Модельно-Ориентированная Java, или Навстречу Дизайну ПО — Натальная травматология фронтенда S1 E1-14 — Митапы PiterJS вернулись — Rematch — Redux без шаблонного кода — Утечки памяти в SSR: причины, поиск, устранение — Скрытие POI за зданиями — Что нового в Chrome 117? — Видеоредактор, работа с видео и зачем там Canvas — Kysely.js типизированный sql builder — Измерение размеров объектов на фотографии — 10 'Aha' Moments: Navigating React's New Documentation! — Web workers in ReactJs — 🚀Learn Next.js 13 Within 2 Hours🚀 — 🚀Mastering Performance Optimisation in React Applications🚀 — How to Protect Routes With React Router v6 (Old APIs) — React-query with React and typescript — The Best ESLint Rules for React Projects — Next Meal — Building a Real-time Chat Application with React and WebSocket — create-t3-app for vite and react Посмотреть: 🌐 Learning To Code Is Easy (⏱ 08:59) 🌐 NEW React Hooks Saves 1K+ Lines Of Code (⏱ 01:00) Хорошего дня!

🤖10 конструкторов сайтов с ИИ, которые стоит попробовать каждому UI/UX-дизайнеру 1. Framer AI возможность не только создавать отличные сайты с помощью ИИ, но и редактировать их так же, как файл Figma. 2. Durable идеально подходит для тех, кому нужен деловой или профессиональный сайт. По моим наблюдениям, его результаты даже лучше, чем у Framer. Всего несколько настроек — и сайт готов к работе. 3. 10Web представьте, что используете ИИ для создания сайта на WordPress, а затем настраиваете его с помощью редактора Elementor. А знаете, что самое замечательное в этом инструменте? Он синхронизируется с WordPress, на котором работает почти половина всех сайтов. 4. Dora AI один из лидеров по внедрению искусственного интеллекта в создание сайтов. Он еще не выпущен, но, судя по промо-роликам, довольно интересен. 5. Wix AI пожалуй, самый простой инструмент с ИИ-функциями, который я использовал. С ним можно запустить сайт всего за день. К тому же он очень выгоден для кошелька, и в него добавлено много новых классных ИИ-функций, таких как создание текста и изображений, автоматическое удаление фона и многое другое. 6. Bookmark идеальный помощник для создания бизнес-сайтов. Он помогает с SEO-оптимизацией, предлагает варианты онлайн-продаж, предоставляет большой объем памяти и даже детальную аналитику. 7. Kleap не только создаст сайт с помощью ИИ, но и поможет подобрать наиболее подходящие слова и картинки. Кроме того, он позволит отслеживать аналитику и отлично смотрится на телефонах. 8. Hocoos можно за несколько минут создать потрясающий сайт, просто ответив на 8 вопросов о своем бизнесе. Это немного сложнее, чем просто написать промпт, но в результате ИИ создаст подробный и индивидуальный сайт. 9. Jimbo задаст вам несколько вопросов о предпочитаемом стиле и целях — а затем на экране появится сайт. Jimbo похож на Wix. Он предложит выбрать внешний вид сайта, например цвета и кнопки. Правда, он не так богат возможностями, как некоторые другие ИИ-конструкторы, зато это может упростить вам работу. 10. Unbounce известная платформа для разработки лендингов, использующая искусственный интеллект для создания страниц, написания копий и даже оптимизации трафика. @react_tg

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