React

🔥Тест по React JS от OTUS🔥 — Ответьте на 19 вопросов и проверьте, насколько хорошо вы знаете язык. Сможете сдать — пройдёте на продвинутый онлайн-курс по React.js со скидкой! 🚀ПРОЙТИ ТЕСТ ОНЛАЙН-КУРСА ПО REACT.JS https://vk.cc/csCX4h Курс доступен в рассрочку. 🎁Пройдете успешно тест, получите доступ к открытым урокам курса. Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

Совет Проблема: Если в приложении React используются providers, то может потребоваться повторить их конфигурацию в нескольких местах: 1. The app's root 2. Storybook 3. Tests Решение: Создадим компонент AppProviders. Тогда мы сможем использовать его в нескольких местах. ✍️ @React_lib

Дорожная карта для React разработчика ✍️ @React_lib

❌ Избегайте использования useState() для сложного управления состояниями в React ✅ Вместо этого используйте useReducer ✍️ @React_lib

Как React 18 повышает производительность приложений В React 18 появились функции одновременной работы, которые кардинально меняют способ визуализации приложений React. Мы рассмотрим, как эти последние возможности влияют на производительность приложения и улучшают ее. Сначала сделаем небольшой шаг назад, чтобы понять основы длительных задач и соответствующих измерений производительности. https://vercel.com/blog/how-react-18-improves-application-performance ✍️ @React_lib

Информация для тех, кто хочет попробовать что-то новое, поменять роль или индустрию! Самолет вместе с агентством Ар запустили бот «Твой день». Это полноценный симулятор профессий, который поможет узнать о позициях frontend- и backend-разработчика (Python) в команде известного девелопера. Еще и о корпоративной культуре расскажут! Интересно? Переходите в @arrr_day_bot, выбирайте понравившийся проект от Самолета и выполняйте задания! В конце ребята делятся открытыми вакансиями. Симулятор работает до 18 ноября, так что успевайте!

⚛️ Когда разделять JSX на новые компоненты? Когда создавать пользовательские хуки? Как абстрагировать уровень данных от представления? ✍️ @React_lib

⚛️ Совет по React Отложите создание non-primitive значений, если вы используете их в массиве зависимостей ✍️ @React_lib

Приходите на бесплатный открытый урок «Nest.Js - мощный фреймворк разработки веб приложений» от OTUS. Занятие пройдёт 20 ноября в 20:00 мск в рамках курса «Node.js Developer». После него вы сможете продолжить обучение на специальных условиях. 🎯 Спикер: Арсений Высоцкий, Teamlead в большой международной компании. Больше десяти лет разрабатывает веб-приложения. На занятии разберем: - Рассмотрим архитектурные принципы, на которых основан Nest.Js, включая внедрение зависимостей (Dependency Injection) и модульность; - Узнаете о создании маршрутов (routes) в Nest.Js и как они связаны с контроллерами; - Рассмотрим, как использовать middleware в Nest.Js для обработки промежуточных операций в приложении; - Покажем, как взаимодействовать с различными системами баз данных в Nest.Js, включая MongoDB, PostgreSQL, MySQL и другие; - Рассмотрим методы и инструменты для тестирования и отладки приложений Nest.Js; В конце вебинара будет предоставлено время для ответов на вопросы участников. Вы сможете задать свои вопросы о Nest.Js и получить консультации от опытного специалиста. 👉Регистрируйтесь бесплатно прямо сейчас и ставьте событие в календарь, чтобы ничего не пропустить: https://vk.cc/cseW4p Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

Шаблоны проектирования React Разрабатывая приложения на React, вы наверняка сталкивались с различными сценариями использования, которые нелегко решить с помощью старого подхода. Для каждого случая требуется свой паттерн, позволяющий решить проблему наиболее оптимальным способом, а также сделать наш код более масштабируемым. React предоставляет различные паттерны проектирования для решения общих проблем. Список часто используемых паттернов проектирования в React таков: Presentational & Container Component Higher Order Components Render Props Compound Components Hooks https://dev.to/anuradha9712/react-design-patterns-2acc ✍️ @React_lib

Все, что я хотел бы знать перед переносом 50 000 строк кода на React Server Components Серверных компонентов React очень много. Недавно мы переосмыслили нашу документацию и сделали ребрендинг Mux, а пока мы этим занимались, перенесли все сайты mux.com и docs.mux.com на серверные компоненты. Так что... поверьте мне. Я знаю. Я также знаю, что это возможно, не так страшно и, возможно, стоит того. import { Suspense } from 'react' async function VideoSidebar({ videoId }) { return ( <Suspense fallback={<p>loading comments...</p>}> <Comments videoId={videoId} /> </Suspense> <Suspense fallback={<p>loading related videos...</p>}> <RelatedVideos videoId={videoId} /> </Suspense> ) } https://www.mux.com/blog/what-are-react-server-components ✍️ @React_lib

😎Освой продвинутые инструменты фронтенда — изучи React! ✔️Приходите на бесплатный открытый урок «Хуки и мемоизация» от OTUS. Занятие пройдёт 16 ноября в 19:00 мск в рамках курса «React.js Developer». После него вы сможете продолжить обучение на специальных условиях. Занятие будет полезно frontend JavaScript разработчикам и начинающим React разработчикам. 👉Регистрируйтесь бесплатно прямо сейчас и ставьте событие в календарь, чтобы ничего не пропустить: https://vk.cc/csbwW5 Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

Эффективные практики ReactJS https://dev.to/nikacodes/reactjs-good-practices-59b3 ✍️ @React_lib

Why Signals Are Better Than React Hooks 00:00 - Introduction 00:57 - Demo 02:18 - The Problem With Hooks 04:12 - Why Signals Are Great 05:40 - Basic Signals 11:15 - Advanced Signals источник ✍️ @React_lib

🎯 Тест по Node JS от OTUS 🚀 Ответьте на 20 вопросов и проверьте, насколько вы готовы к обучению на углубленном курсе - Node JS Developer от OTUS Курс рассчитан на frontend-разработчиков или backend-разработчиков со знанием Javascript 🔥 РЕЗУЛЬТАТ ПРОХОЖДЕНИЯ КУРСА Разработка серверных приложений любой сложности на Node.js с использованием Express, TypeScript, GraphQl, Apollo и Nest.js Время прохождения теста ограниченно 30 минут 👉 ПРОЙТИ ТЕСТ Курс доступен в рассрочку. 🎁 Пройдете успешно тест, получите доступ к открытым урокам курса. Нативная интеграция. Информация о продукте www.otus.ru

Изучаем код React Меня пугает даже мысль о том, чтобы прочитать код фреймворка, который я использую уже много лет. Я всегда воспринимал React как черный ящик, который берет JSX и выводит на экран, не задумываясь об этом. Конечно, я знаю то-то и то-то о виртуальном DOM и алгоритме свертки. По крайней мере, в теории. Но только в этом году мое любопытство наконец-то пересилило. Я открыл репозиторий React, но на этот раз с намерением прочитать код. https://alexkondov.com/readint-source-code-react/ ✍️ @React_lib

Разработчики React любят Preact, и вот почему Как разработчик React, я хотел бы поделиться с вами некоторыми сведениями о классной библиотеке Preact. Основная цель этой статьи - дать вам дружеское введение в Preact, которое может оказаться полезным, если вы уже знакомы с React. Итак, давайте поговорим о размере. Если говорить о размере файла, то сам React весит около 6 КБ, а ReactDOM добавляет к нему примерно 130 КБ. В сумме они составляют примерно 136 КБ кода, который браузер должен обработать. Следует помнить, что эти цифры относятся к минифицированному коду, который читает браузер. Вы можете встретить упоминание о размере после сжатия с помощью GZip. В случае React и ReactDOM этот сжатый размер составит около 42 КБ. https://hackernoon.com/why-react-developers-love-preact ✍️ @React_lib

🟡Тест по React JS от OTUS — Ответьте на 19 вопросов и проверьте, насколько хорошо вы знаете язык. Сможете сдать — пройдёте на продвинутый онлайн-курс по React.js со скидкой! 👉🏻ПРОЙТИ ТЕСТ ОНЛАЙН-КУРСА ПО REACT.JS https://vk.cc/cs2qI0 Курс доступен в рассрочку. 🎁 Пройдете успешно тест, получите доступ к открытым урокам курса. Нативная интеграция. Информация о продукте www.otus.ru

React95 Это библиотека компонентов, созданная на основе дизайна пользовательского интерфейса Windows 95. https://react95.github.io/React95/?path=/story/all--all https://github.com/React95/React95