Лучшие практики разработки сложных приложений на основе форм с помощью React Hook Form и поддержки TypeScript
Ранее я уже погружался в сферу интеграции React Hook Form с Redux, изучая способы использования возможностей этих двух важнейших инструментов для создания динамических форм в приложениях React. Однако на этом мое путешествие не закончилось. В процессе работы над этим проектом я погрузился в тонкости разработки сложных приложений на основе форм. Глубокое погружение в разработку форм открыло для меня множество повторяющихся паттернов, бесценных лучших практик и идей, которые существенно повлияли на мой подход к коду, принятию решений и архитектурному дизайну - особенно при работе над крупными приложениями на основе форм.
https://orizens.com/blog/best_practices_for_developing_complex_form-based_apps_with_react_hook_form_and_typescript_support/
✍️ @React_lib
Ранее я уже погружался в сферу интеграции React Hook Form с Redux, изучая способы использования возможностей этих двух важнейших инструментов для создания динамических форм в приложениях React. Однако на этом мое путешествие не закончилось. В процессе работы над этим проектом я погрузился в тонкости разработки сложных приложений на основе форм. Глубокое погружение в разработку форм открыло для меня множество повторяющихся паттернов, бесценных лучших практик и идей, которые существенно повлияли на мой подход к коду, принятию решений и архитектурному дизайну - особенно при работе над крупными приложениями на основе форм.
https://orizens.com/blog/best_practices_for_developing_complex_form-based_apps_with_react_hook_form_and_typescript_support/
✍️ @React_lib
👍3❤2
Apress.Test-Driven.Development.with.React.and.TypeScript.pdf
3.9 MB
Test-Driven Development with React and TypeScript: Building Maintainable React Applications, 2nd Edition
Автор: Juntao Qiu (2023)
Применяйте принципы управления тестированием для создания
масштабируемых и поддерживаемых приложений React. В книге рассматривается широкий спектр вопросов, включая настройку среды тестирования и использование популярных фреймворков тестирования Cypress, Jest и библиотеки React Testing Library. Кроме того, в книге рассматриваются ценные приемы рефакторинга, а также повышение уровня сопровождаемости и читабельности кода. Эта книга повышает качество примеров кода за счет использования TypeScript, основного языка в современной фронтенд-разработке, что позволяет глубже понять, как принципы TDD могут быть применены к проектам на React.
✍️ @React_lib
Автор: Juntao Qiu (2023)
Применяйте принципы управления тестированием для создания
масштабируемых и поддерживаемых приложений React. В книге рассматривается широкий спектр вопросов, включая настройку среды тестирования и использование популярных фреймворков тестирования Cypress, Jest и библиотеки React Testing Library. Кроме того, в книге рассматриваются ценные приемы рефакторинга, а также повышение уровня сопровождаемости и читабельности кода. Эта книга повышает качество примеров кода за счет использования TypeScript, основного языка в современной фронтенд-разработке, что позволяет глубже понять, как принципы TDD могут быть применены к проектам на React.
✍️ @React_lib
👍1
Packt.Full-Stack.Flask.and.React.pdf
9.2 MB
Full-Stack Flask and React: Learn, code, and deploy powerful web applications with Flask 2 and React 18
Автор: Olatunde Adedeji (2023)
Начиная с введения в React, библиотеку JavaScript для создания высокоинтерактивных и многократно используемых пользовательских интерфейсов, вы перейдете к моделированию данных для веб с помощью SQLAlchemy и PostgreSQL, а затем освоите разработку Restful API. Эта книга поможет вам определить пользователей приложения и управлять доступом к веб-приложению. Вы также изучите модульную архитектуру веб-приложений на базе Flask и освоите методы обработки ошибок. Перед развертыванием веб-приложения на AWS в книге рассказывается о том, как интегрировать лучшие практики модульного тестирования для обеспечения надежности и функциональности кода, чтобы сделать ваши приложения не только эффективными и быстрыми, но и надежными.
✍️ @React_lib
Автор: Olatunde Adedeji (2023)
Начиная с введения в React, библиотеку JavaScript для создания высокоинтерактивных и многократно используемых пользовательских интерфейсов, вы перейдете к моделированию данных для веб с помощью SQLAlchemy и PostgreSQL, а затем освоите разработку Restful API. Эта книга поможет вам определить пользователей приложения и управлять доступом к веб-приложению. Вы также изучите модульную архитектуру веб-приложений на базе Flask и освоите методы обработки ошибок. Перед развертыванием веб-приложения на AWS в книге рассказывается о том, как интегрировать лучшие практики модульного тестирования для обеспечения надежности и функциональности кода, чтобы сделать ваши приложения не только эффективными и быстрыми, но и надежными.
✍️ @React_lib
👍4
Реализация React Query в веб-приложении
В этом уроке рассмотрим, как интегрировать React Query в базовое веб-приложение. React Query — мощная библиотека для управления, кэширования и синхронизации состояния сервера в приложениях React. Мы создадим простое приложение, получающее данные из API с открытым исходным кодом, и используем Bootstrap для применения стилей.
https://smhatre59.medium.com/react30-project-17-implementing-react-query-in-a-web-app-c6931895ea0a
✍️ @React_lib
В этом уроке рассмотрим, как интегрировать React Query в базовое веб-приложение. React Query — мощная библиотека для управления, кэширования и синхронизации состояния сервера в приложениях React. Мы создадим простое приложение, получающее данные из API с открытым исходным кодом, и используем Bootstrap для применения стилей.
https://smhatre59.medium.com/react30-project-17-implementing-react-query-in-a-web-app-c6931895ea0a
✍️ @React_lib
Medium
React30-Project 17: Implementing React Query in a Web App
Title image
👍2
Отправка электронных писем из вашего приложения React
В этой статье показано, как интегрировать пакет React-Email и платформу Resend, чтобы упростить эту задачу.
https://blog.openreplay.com/sending-emails-from-your-react-app/
✍️ @React_lib
В этой статье показано, как интегрировать пакет React-Email и платформу Resend, чтобы упростить эту задачу.
https://blog.openreplay.com/sending-emails-from-your-react-app/
✍️ @React_lib
👍2
6 подходов к выборке данных в React
Получение данных является ключевым аспектом любого React-приложения. Для разработчиков React очень важно понимать различные подходы к получению данных и понимать, какой из них наиболее подходит для их конкретного случая.
https://dev.to/char_carr_dev/6-approaches-for-data-fetching-in-react-1ec3
✍️ @React_lib
Получение данных является ключевым аспектом любого React-приложения. Для разработчиков React очень важно понимать различные подходы к получению данных и понимать, какой из них наиболее подходит для их конкретного случая.
https://dev.to/char_carr_dev/6-approaches-for-data-fetching-in-react-1ec3
✍️ @React_lib
👍2
Лучшие практики React-разработки собраны на бесплатном вебинаре Optimizing React: Web & Beyond!
13 марта команда разработчиков Social Discovery Group на примере реальных кейсов расскажут про:
Как оптимизировать React-приложения и снизить нагрузку на устройства;
Как основные «фичи» React нашли себе применение в монтаже видео, 3D графике и написании ботов;
Как не сломать мемоизацию в React.
📅 Дата: 13 марта, 19:00 (GMT+4)
🔉 Язык: русский
Регистрируйтесь на вебинар 👉🏻 здесь 👈🏻
13 марта команда разработчиков Social Discovery Group на примере реальных кейсов расскажут про:
Как оптимизировать React-приложения и снизить нагрузку на устройства;
Как основные «фичи» React нашли себе применение в монтаже видео, 3D графике и написании ботов;
Как не сломать мемоизацию в React.
📅 Дата: 13 марта, 19:00 (GMT+4)
🔉 Язык: русский
Регистрируйтесь на вебинар 👉🏻 здесь 👈🏻
🔥2❤1👍1💯1
This media is not supported in your browser
VIEW IN TELEGRAM
⚛️ Совет по React💡
Ввод возвращаемых значений пользовательских хуков с помощью TypeScript
✍️ @React_lib
Ввод возвращаемых значений пользовательских хуков с помощью TypeScript
✍️ @React_lib
👍4
🔥Новый React core hook ➡️ useActionState
Исправление путаницы/ограничений в
- Переименовывает
- Возвращает состояние ожидания
- Перемещает хук в пакет react вместо
Теперь React Native разработчики тоже могут использовать его!
✍️ @React_lib
Исправление путаницы/ограничений в
useFormState - Переименовывает
useFormState в useActionState - Возвращает состояние ожидания
- Перемещает хук в пакет react вместо
react-dom Теперь React Native разработчики тоже могут использовать его!
✍️ @React_lib
👍2
React useTransition: изменение производительности или...?
Разбираемся, что такое
https://www.developerway.com/posts/use-transition
✍️ @React_lib
Разбираемся, что такое
React Concurrent Rendering, что делают такие хуки, как useTransition и useDeferredValue, каковы преимущества и недостатки их использования.https://www.developerway.com/posts/use-transition
✍️ @React_lib
👍4
Building Micro Frontends with React 18: Develop and deploy scalable applications using micro frontend strategies
Автор: Vinci J Rufus (2023)
В книге рассматриваются два паттерна построения микрофронтендов - паттерн multi-SPA и паттерн micro apps.Вы узнаете, какие паттерны и когда следует использовать, а также рассмотрите нюансы развертывания этих микрофронтендов с использованием облачных нативных технологий, таких как Kubernetes и Firebase. С помощью этой книги вы получите глубокое понимание управления состояниями, решения проблем с маршрутизацией и стратегий развертывания между различными микрофронтендами.
К концу книги вы научитесь проектировать и создавать микрофронтенд-приложение на основе React с использованием федерации модулей и эффективно развертывать его в облаке.
✍️ @React_lib
Автор: Vinci J Rufus (2023)
В книге рассматриваются два паттерна построения микрофронтендов - паттерн multi-SPA и паттерн micro apps.Вы узнаете, какие паттерны и когда следует использовать, а также рассмотрите нюансы развертывания этих микрофронтендов с использованием облачных нативных технологий, таких как Kubernetes и Firebase. С помощью этой книги вы получите глубокое понимание управления состояниями, решения проблем с маршрутизацией и стратегий развертывания между различными микрофронтендами.
К концу книги вы научитесь проектировать и создавать микрофронтенд-приложение на основе React с использованием федерации модулей и эффективно развертывать его в облаке.
✍️ @React_lib
👍8
Раскрытие возможностей Storybook
Выходя за рамки системы проектирования: как использовать Storybook для разработки, тестирования и проверки всех частей фронтенд-приложения.
Storybook - популярный инструмент для фронтальной веб-разработки, наиболее известный как витрина для дизайнерских систем и библиотек пользовательского интерфейса. Однако Storybook обладает гораздо более широкими возможностями, чем просто демонстрация компонентов пользовательского интерфейса!
https://commerce.nearform.com/blog/2023/unlocking-the-power-of-storybook/
✍️ @React_lib
Выходя за рамки системы проектирования: как использовать Storybook для разработки, тестирования и проверки всех частей фронтенд-приложения.
Storybook - популярный инструмент для фронтальной веб-разработки, наиболее известный как витрина для дизайнерских систем и библиотек пользовательского интерфейса. Однако Storybook обладает гораздо более широкими возможностями, чем просто демонстрация компонентов пользовательского интерфейса!
https://commerce.nearform.com/blog/2023/unlocking-the-power-of-storybook/
✍️ @React_lib
👍4
This media is not supported in your browser
VIEW IN TELEGRAM
⚛️ Совместимость + разделение задач - ключевой момент в React
Узнайте, как создавать различные уровни абстракции, чтобы сделать ваши компоненты более устойчивыми к изменениям.
✍️ @React_lib
Узнайте, как создавать различные уровни абстракции, чтобы сделать ваши компоненты более устойчивыми к изменениям.
✍️ @React_lib
👍3
Не используйте React.lazy() при рендеринге.
Он будет возвращать каждый раз новый экземпляр компонента (как HOC) и потеряет свое состояние при повторном рендеринге.
Небольшая ошибка, найденная пользователем Docusaurus: лучше перенести lazy call за пределы компонента.
✍️ @React_lib
Он будет возвращать каждый раз новый экземпляр компонента (как HOC) и потеряет свое состояние при повторном рендеринге.
Небольшая ошибка, найденная пользователем Docusaurus: лучше перенести lazy call за пределы компонента.
✍️ @React_lib
👍3🫡1
👀 Похоже, что React 19 пересматривает обработку ошибок
Включая 2 новых публичных API:
-
-
Callbacks, срабатывающие на React Root (createRoot/hydrateRoot)
✍️ @React_lib
Включая 2 новых публичных API:
-
onCaughtError-
onUncaughtErrorCallbacks, срабатывающие на React Root (createRoot/hydrateRoot)
startTransition/flushSync теперь будет подавлять ошибки вместо их повторного выбрасывания на местах вызова.✍️ @React_lib
👍7
Перед вами — книга-метод, книга-наставник, способная перевернуть мышление и помочь выработать осознанный подход к работе и жизни в целом путём высокоуровневого планирования.
В своей второй книге IT-архитектор, методолог, педагог Александр Бындю раскрывает наиболее эффективный на сегодняшний день метод стратегического планирования, получивший название «Карта гипотез». Карта учит, как достигать намеченной цели через гипотезы, и служит навигатором на этом пути. В основу книги легли годы практики, и с уверенностью можно сказать, что Карта гипотез позволяет создать стратегию достижения для самых амбициозных целей.
У Карты гипотез нет ограничений по области применения или роли пользователя — она будет полезна в самых разных ситуациях, от личного планирования до планирования работы огромной компании. Автор надеется, что его метод, которому посвящена эта книга, послужит вашему благополучию во всех сферах жизни.
Ознакомиться с книгой
В своей второй книге IT-архитектор, методолог, педагог Александр Бындю раскрывает наиболее эффективный на сегодняшний день метод стратегического планирования, получивший название «Карта гипотез». Карта учит, как достигать намеченной цели через гипотезы, и служит навигатором на этом пути. В основу книги легли годы практики, и с уверенностью можно сказать, что Карта гипотез позволяет создать стратегию достижения для самых амбициозных целей.
У Карты гипотез нет ограничений по области применения или роли пользователя — она будет полезна в самых разных ситуациях, от личного планирования до планирования работы огромной компании. Автор надеется, что его метод, которому посвящена эта книга, послужит вашему благополучию во всех сферах жизни.
Ознакомиться с книгой
🤔2👍1