React

2022-08-15 13:42:30 Typescript в react как, зачем и нужен ли?

@React_lib Открыть/Комментировать

2022-08-12 12:29:57 Техническое погружение в react-three-fiber

В этой статье вы узнаете о том, как работают React и JSX для создания нашего собственного react-three-fiber. Мы рассмотрим и используем те же методы для создания одного и того же API шаг за шагом.

@React_lib Открыть/Комментировать

2022-08-11 10:43:26 useEffect(), Http-запросы и прерывание

Отправка Http-запроса с помощью useEffect() может быть сложнее, чем вы думаете - или вы думали о прерывании запросов и предотвращении условий гонки?

Состояние гонки описывает ситуацию, когда поведение системы зависит от определенной последовательности событий, но их порядок неуправляем. Одним из примеров является многопоточность, когда несколько потоков пытаются изменить общие данные. Аналогичная проблема может возникнуть с асинхронностью в JavaScript.

@React_lib Открыть/Комментировать

2022-08-09 15:38:10 Предотвращаем рендеры компонента с react-freeze

Библиотека использует механизм работы Suspense. Компонент оборачивается в Suspense и обертку Suspender. Когда нужно “заморозить” компонент, то в Suspender выбрасывается исключение Promise , который перехватывает Suspense. При получении промиса-исключения, Suspense ставит компонент в режим ожидания, предотвращая лишний рендер и изменение состояния.

Статья https://blog.swmansion.com/experimenting-with-react-freeze-71da578e2fa6

Github https://github.com/software-mansion-labs/react-freeze

@React_lib Открыть/Комментировать

2022-08-08 11:04:34 React.useEffect Hook – основные проблемы и способы их решения

В статье, в процессе создания кастомного хука, разбираются возможные проблемы при работе с хуком useEffect.

@React_lib Открыть/Комментировать

2022-08-06 11:43:13 React Social Login with Passport.js | React oAuth w/ Google, Facebook, Github

0:00 Introduction
0:47 Designing a React App
28:07 React Router Dom v6 Tutorial
39:18 React Passport.js Tutorial
46:00 React Google Login Authentication
01:07:35 React Github Login Authentication
01:11:00 React Facebook Login Authentication
01:14:00 Outro

@React_lib Открыть/Комментировать

2022-08-04 08:06:01 React или React Native: что лучше подойдет для веб-разработчика и почему

React - это фреймворк, разработанный компанией Facebook изначально для поддержки собственных сервисов, но ставший впоследствии самым популярным JavaScript-фреймворком для сторонних разработчиков. Чуть позже - в 2015 году, появились первые версии фреймворка React Native. Он изначально был предназначен для мобильной разработки и, в основном применяется в ней. Однако, так как в последние время большинство сайтов и приложений открывается через мобильные устройства, многие веб-разработчики начинают переходить на React Native, так как он предоставляет больше возможностей для оптимизации конечного продукта. Далее

@React_lib Открыть/Комментировать

2022-08-02 08:36:01 Sapling – это расширение для просмотра иерархии компонентов проекта в сайдбаре VS Code.

Каждый узел в такой иерархии – компонент React. У каждого узла есть несколько иконок:
- Список пропсов, которые отображаются при наведении.
- Переход в файл компонента.
- Индикатор подключения к Redux.

Для работы расширения используется @babel/parser для создания AST и VS Code Extension API для интеграции в VS Code. Для отображения используется React.

@React_lib Открыть/Комментировать

2022-08-01 09:13:03 Сравнение инструментов для оптимизации перфоманса в React

https://blog.logrocket.com/comparing-tools-optimizing-performance-react/

@React_lib Открыть/Комментировать

2022-08-01 00:05:59 Лучший способ решить prop drilling в React приложениях

https://blog.logrocket.com/solving-prop-drilling-react-apps/

@React_lib Открыть/Комментировать