React

Шаблоны проектирования 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

Построение уникальных диаграмм React Эта галерея, основанная на сотнях примеров графиков, познакомит вас с основными концепциями визуализации данных с помощью React и D3.js. В ней также представлены готовые к использованию шаблоны, позволяющие быстрее приступить к работе. https://www.react-graph-gallery.com/ ✍️ @React_lib

Не наступил ли у React момент переписывания Angular.js на Angular? В 2012 году Angular.js серьёзно поменял frontend-разработку. Фреймворку от Google тогда очень быстро удалось снискать популярность у разработчиков. И вот уже буквально через два года его разработчики решили объявить о выходе новой версии под именем Angular 2. Версия оказалось написанной полностью с нуля и не имела совместимости с предыдущей даже близко. Большинство разработчиков, не исключая и вашего покорного слугу, идея переписывать их приложения явно не прельщала. Писать приложения на старой версии, которая с припиской JS, тоже было так себе вариантом. Конкурирующие фреймворки уже были ничуть не хуже. Rus https://habr.com/ru/articles/746918/ Eng https://marmelab.com/blog/2023/06/05/react-angularjs-moment.html ✍️ @React_lib

✔️Приходите на бесплатный открытый урок «Скалирование Node.JS серверов: от встроенных до облачных решений» от OTUS. На занятии разберем: - Встроенные способы скалирование в Node.JS - На примере Docker контейнеров. - Возможно будет пример облачный или k8s. Занятие пройдёт 02 ноября в 20:00 мск в рамках курса «Node.js Developer». После него вы сможете продолжить обучение на специальных условиях. 🎯 Спикер: Николай Лапшин, Senior Full Stack Developer в компании Power Tech. 👉Регистрируйтесь бесплатно прямо сейчас и ставьте событие в календарь, чтобы ничего не пропустить: https://vk.cc/crV6DA Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

Объявление типов JSX в TypeScript 5.1 Новая функция, описанная как «отдельная проверка типов между элементами JSX и типами тегов JSX», появилась в TypeScript 5.1. Эта функция позволяет библиотекам контролировать, какие типы используются для элементов JSX. В этой статье я расскажу, почему это важно и как работает эта новая функция. https://blog.logrocket.com/declaring-jsx-types-typescript-5-1 ✍️ @React_lib

Эффективное тестирование хуков React с помощью Vitest В этой статье рассматривается использование Vitest и библиотеки React Testing Library для модульного тестирования хуков React таким образом, чтобы их было легко поддерживать и расширять. https://mayashavin.com/articles/test-react-hooks-with-vitest ✍️ @React_lib

Создание бесшовного многоязычного пользовательского интерфейса в React. Узнайте, как создавать приложения, которые могут отображать информацию на разных языках в зависимости от предпочтений пользователя. В этой статье мы рассмотрим процесс создания приложения погоды с многоязычной поддержкой с использованием реакции-i18next. https://www.honeybadger.io/blog/creating-multi-language-user-interface-with-react/ ✍️ @React_lib

🔥 За интуитивно понятным и простым синтаксисом Vue.js скрываются широкие возможности! Но их можно упустить при самостоятельном освоении. 👩‍💻 Поэтому приглашаем освоить этот инструмент фронтенд и бэкенд-разработчиков на онлайн-курсе «Vue.js разработчик». Что вам даст этот курс: Вы изучите продвинутые возможности Vue, Vue-router, Vuex ✔️ Сможете создавать SPA-приложения и оптимизировать их для production ✔️ Поймете, как писать чистый и лаконичный код на ES6/ES8/TypeScript ✔️ Сможете писать интеграционные и юнит-тесты с Jest, Cypress ✔️ Научитесь работать с GraphQL, Firebase, Electron ✔️ Также вы узнаете, как работает Webpack и Babel, освоите различные паттерны проектирования и научитесь применять их для построения сложных приложений на Vue 🔹 Vue.js легко интегрируется с другими проектами и поддерживает модульность и компонентную архитектуру, поэтому используется во многих крупных проектах. 🧑‍💻 Обучение состоит из лекций с преподавателями-практиками, прикладных домашних заданий и создания выпускного проекта для портфолио. 🎫 Курс доступен для приобретения в рассрочку, а также вы заранее можете получить полную программу, чтобы убедиться, что она вам подходит! Старт занятий 31 октября. Успейте 📌ПРОЙТИ ТЕСТ , чтобы записаться в группу по спец.цене: https://vk.cc/crTSWN Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

Создание бесшовного многоязычного пользовательского интерфейса в React. Узнайте, как создавать приложения, которые могут отображать информацию на разных языках в зависимости от предпочтений пользователя. В этой статье мы рассмотрим процесс создания приложения погоды с многоязычной поддержкой с использованием реакции-i18next. https://www.honeybadger.io/blog/creating-multi-language-user-interface-with-react/ ✍️ @React_lib