React

Начали свой путь в разработке на JS? Хотите продвинуться дальше? Тогда ждём вас на открытом практическом уроке «Объектно-ориентированный JavaScript и функции конструкторов» от OTUS, где мы разберем: ▫️как наследуются свойства в объектах; ▫️объектную модель JavaScript; ▫️написание ООП-кода с экономией памяти; ▫️создание объектов при помощи функций конструкторов с наследованием свойств. Встречаемся 18 июня в 20:00 мск в рамках курса «Специализация Fullstack Developer». Все участники вебинара получат специальную цену на обучение! ➡️ Регистрируйтесь прямо сейчас, чтобы не пропустить бесплатный урок: https://vk.cc/cxqJ8p Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

⚛️ Шпаргалка по UseEffect ❌ Думать об useEffect как о методе жизненного цикла. ✅ Думаем об useEffect как о механизме синхронизации данных (state/props) с системами, которые не контролируются React. ✍️ @React_lib

⚛️ Совет по React + JavaScript: guard clauses и early return - Делает код более читабельным - Позволяет избежать вложенных операторов if - Создает natural flow ✍️ @React_lib

❓С чего начать осваивать веб-разработку?❓ 👉 Узнайте какой нужно пройти путь от новичка до профессионала. Приходите на бесплатный практический урок от OTUS: «Искусство программирования: от начинающего до профессионала в Fullstack-разработке» Вы узнаете: - из чего состоит современный сайт и веб-приложение; - что такое HTML, CSS, Javascript, React, тестирование и т.д.; - ответы на все возникающие вопросы. Спикер — Lead software engineer, опытный разработчик и преподаватель. ⏰ Встречаемся 30 мая в 20:00 мск в рамках курса «Специализация Fullstack developer». Все участники вебинара получат специальную цену на обучение. 👉 Регистрируйтесь прямо сейчас, чтобы не пропустить: https://otus.pw/dIbr/?erid=2VtzqxJcno7 🎁 Все участники online-трансляции получат в подарок 3 бесплатных урока, и полезные материалы для начинающих. Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

Как работает React Это глубокое погружение во внутреннее устройство react с целью объяснить, какие концепции были заложены в то, чтобы сделать react тем инструментом, который вы используете уже несколько лет. Это не курс или учебник по использованию React, а скорее объяснение кодовой базы React. Вам не нужно знать ничего из этого, чтобы стать творческим и успешным разработчиком React. Цель этого проекта - объяснить, как все это создается, какие концепции используются и какие важные «пути кода» следует упомянуть. https://incepter.github.io/how-react-works/docs/intro/ ✍️ @React_lib

⚛️ Напишите лучшее и безопасное условие с помощью сопоставления паттернов ✍️ @React_lib

⚛️ Тест на навыки 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/q8O5/?erid=2Vtzqw3sjK2 💣 Пройдите тест, получите скидку на курс, и записи уроков от преподавателей курса в подарок. Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

Для первого сезона профильной IT-конференции Podlodka React Crew сложно придумать более нужную тему, чем «архитектура». Уже 27 мая опытные эксперты научат React-разработчиков: 💜 Решать архитектурные вопросы в разрезе React. В формате круглого стола Сергей Сова, Максим Вишневский и Сергей Самохов обсудят, как строить архитектуру, организовывать компоненты и данные, использовать рендер-движок, задействовать реактивность и учитывать особенности 💜 Применять архитектурный линтер для Feature-Sliced Design. Антон Медведев и Лев Челядинов из FSD core team представят новый линтер и в режиме лайвкодинга покажут, как его применять. 💜 Менять жизненный цикл проектов на React, проектировать гибкое приложение и править негибкое. Редактор «Доки» Полина Гуртовая расскажет, когда мигрировать проект и нужно ли это делать, если он ещё не устарел. 💜 Выбирать стейтменеджер. Валерий Смирнов из Oone.World покажет, когда и какие популярные библиотеки использовать для управления стейтом. 🎁 Бонусы: публичное собеседование по архитектуре и открытый микрофон. Билеты уже ждут вас на сайте Реклама. ИП Толстая Елена Петровна ИНН:507503278104

⚛️ Совет по React💡 Как сделать интерактивные HTML-узлы доступными для родительских компонентов с помощью хука useImperativeHandle. ✍️ @React_lib

⚛️ При изучении React мне больше всего пришлось столкнуться с проблемой разделения задач. Вот пример того, как можно отделить бизнес-логику от пользовательского интерфейса в React ✍️ @React_lib

❓Хотите прокачаться в фронтенд-разработке на JS? Ждем вас на открытом практическом уроке «Хуки и оптимизация в React» от OTUS, где мы: - рассмотрим работу с состоянием в компонентах react; - напишем большой список инпутов; - проведем анализ производительности; - оптимизируем код. Спикер Игорь Звягин — опытный JS-разработчик. Встречаемся 27 мая в 20:00 мск в рамках курса «React.js Developer». Все участники вебинара получат специальную цену на обучение и персональную консультацию от менеджеров OTUS! 👉 Оставьте заявку прямо сейчас, чтобы посетить бесплатный урок: https://vk.cc/cx5vlr Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

Как я уменьшил размер образа Docker с 1,43 ГБ до 22,4 МБ Если вы занимаетесь веб-разработкой, то, вероятно, уже знаете об идее контейнеризации и о том, как это здорово и все такое. Но при работе с Docker размер образа вызывает серьезные опасения. Зачастую он превышает 1,43 ГБ только для шаблонного проекта, который мы получаем из create-react-app. Сегодня мы будем контейнеризовать ReactJS-приложение и узнаем несколько приемов, позволяющих уменьшить размер образа и при этом повысить производительность. Трюки будут показаны для ReactJS, но они применимы к любому NodeJS-приложению. https://dev.to/mohammadfaisal/how-i-reduced-docker-image-size-from-143-gb-to-224-mb-53nc ✍️ @React_lib

⚛️ React 19 будет поставляться с хуком useOptimistic(): сделайте вид, что все пойдет как надо... если не пойдет. ✍️ @React_lib

⚛️ Как типизировать общие компоненты в React с помощью TypeScript ✍️ @React_lib

Frontend meetup 1. Хоп, хлоп, и MVP готов — Дмитрий Карловский, HyOO Нарисуем полноценный фронтенд без чат-ботов. Поднимем базу данных без сервера. Задеплоим всё на статический сервер без боли. И будем наслаждаться результатом без тормозов. 2. Причины деградации перформанса фронтенда — Денис Басковский, МТС Диджитал Почему скорость железа не успевает за веб-приложениями. Причины большого количества JS-кода на сайте. SPA по 20мб уже действительность. Инструменты куда мы смотрим чтобы найти про лесы большого размера сайта. Графики скорости и восприятие клиентов. Почему скорость браузерной страницы лагает на 4090ti, а Cyberpunk идет на максималках. 3. Serverless - уже можно? — Андрей Лаврентьев, NDA Опыт запуска проекта на cloudflare pages и трудности, с которыми пришлось столкнуться на каждом шаге. Модератор Григорий Петров, Devrel, Evrone Эксперт Глеб Михеев, Руководитель ПК, FrontendConf ➖➖➖ 🗓 22 мая, начало в 19:00 мск, Среда 🌐 ОНЛАЙН ✅ Регистрация на мероприятие

Создание и отправка электронных писем с помощью React Коллекция высококачественных нестилевых компонентов для создания красивых электронных писем с использованием React и TypeScript. Благодаря поддержке темного режима он снижает сложность создания отзывчивых писем. Кроме того, он позаботится о несоответствиях между Gmail, Outlook и другими почтовыми клиентами. https://github.com/resendlabs/react-email ✍️ @React_lib

Переход на React В Daily Dev рассказали, как мигрировали с Preact на React, стремясь решить проблемы разработки и повысить производительность. Переход, осуществленный в ходе командного хакатона, потребовал значительного планирования, тестирования и корректировки кодовой базы. Этот переход обеспечил лучшую совместимость с Next.js, улучшил опыт разработки и подготовил платформу к будущим технологическим достижениям. https://daily.dev/blog/moving-back-to-react ✍️ @React_lib

Как использовать пользовательский хук для обработки состояний массива в компонентах 💡 ✍️ @React_lib

Frontend meetup 1. Хоп, хлоп, и MVP готов — Дмитрий Карловский, HyOO Нарисуем полноценный фронтенд без чат-ботов. Поднимем базу данных без сервера. Задеплоим всё на статический сервер без боли. И будем наслаждаться результатом без тормозов. 2. Причины деградации перформанса фронтенда — Денис Басковский, МТС Диджитал Почему скорость железа не успевает за веб-приложениями. Причины большого количества JS-кода на сайте. SPA по 20мб уже действительность. Инструменты куда мы смотрим чтобы найти про лесы большого размера сайта. Графики скорости и восприятие клиентов. Почему скорость браузерной страницы лагает на 4090ti, а Cyberpunk идет на максималках. 3. Serverless - уже можно? — Андрей Лаврентьев, NDA Опыт запуска проекта на cloudflare pages и трудности, с которыми пришлось столкнуться на каждом шаге. Модератор Григорий Петров, Devrel, Evrone Эксперт Глеб Михеев, Руководитель ПК, FrontendConf ➖➖➖ 🗓 22 мая, начало в 19:00 мск, Среда 🌐 ОНЛАЙН ✅ Регистрация на мероприятие