React

Опасности гидратации в React Недавно я столкнулся со странной проблемой. В разработке все было хорошо, но в производстве нижняя часть моего блога делала что-то... непреднамеренное. https://www.joshwcomeau.com/react/the-perils-of-rehydration/ ✍️ @React_lib

Краткое введение в Elm для React разработчиков Elm - это, пожалуй, мой любимый язык программирования, разработанный для создания интерфейсов приложения, предлагающий альтернативу JS библиотекам, таким как React. https://blog.theodo.com/2021/10/intro-to-elm-for-react-devs/ ✍️ @React_lib

React React in 100 Seconds 10 React Hooks Explained // Plus Build your own from Scratch WASM + React... Easily build video editing software with JS & FFmpeg Advanced Dropdown Menu - React & CSS Animation Tutorial for Beginners Invite Only! Use FOMO to grow your app // Exclusive Phone SignIn Tutorial How to use TypeScript with React... But should you? Google Sheets… Your Next Database? Springy Animated Modals // Framer Motion & React Tutorial for Beginners React Native in 100 Seconds React Native vs Flutter - I built the same chat app with both Ultimate Tailwind CSS Tutorial // Build a Discord-inspired Animated Navbar Next.js 12 is a Beast Remix is a NEW JavaScript framework you MUST try 10 React Antipatterns to Avoid - Code This, Not That! This video was made with code. But how? React Query in 100 Seconds Доступно на youtube ✍️ @React_lib

"Javascript developer. Professional" - это хардкорный онлайн-курс для web-разработчиков по продвинутым возможностям JS и его фреймворков. Справитесь ли вы с уровнем курса? Покажет вступительный тест. 📍Пройдите тестирование, чтобы: ● оценить свои навыки ● получить доступ к демо-занятиям курса ● занять место по специальной цене ● получить доступ в закрытое сообщество JS-разработчиков 👉 Пройти полное тестирование: https://otus.pw/ttM4/

Upgrade a Component to Use Suspense in React 18 in 5 Minutes https://medium.com/@pkellner/upgrade-a-component-to-use-suspense-in-react-18-in-5-minutes-95f36996e74e ✍️ @React_lib

React state with a fragmented store https://t.me/ru_react_notes/54 ✍️ @React_lib

Полное руководство по React Router: Все, что вам нужно знать https://ui.dev/react-router-tutorial ✍️ @React_lib

Как реализовать reCAPTCHA в приложении React В этой статье мы продемонстрируем, как реализовать reCAPTCHA v2 в приложении React и как проверить пользовательские токены в бэкенде Node.js. ✍️ @React_lib

Как создать автоматический слайдер с помощью React В сегодняшней статье мы узнаем, как создать автоматический слайдер с помощью React. Этот автоматический слайдер изображения можно сделать очень легко, если вы знаете базовую реакцию. React — это язык программирования, который в основном используется для создания элементов пользовательского интерфейса. ✍️ @React_lib

🛡️ ⚛️ Простая, масштабируемая и мощная архитектура для создания готовых к работе приложений React. React - отличный инструмент для создания фронтенд-приложений. Он имеет очень разнообразную экосистему с сотнями отличных библиотек буквально для всего, что вам может понадобиться. Тем не менее, это может быть подавляющим фактором, когда приходится делать так много выбора. Он также очень гибок, вы можете писать приложения React любым удобным для вас способом, но за эту гибкость приходится платить. Поскольку не существует заранее определенной архитектуры, которой могут следовать разработчики, это часто приводит к беспорядочным, непоследовательным или слишком сложным кодовым базам. Это попытка представить способ создания React-приложений с использованием лучших инструментов в экосистеме с хорошей структурой проекта, который очень хорошо масштабируется. Он основан на опыте работы с множеством различных кодовых баз, и эта архитектура оказалась наиболее эффективной. Цель этого репозитория - служить коллекцией ресурсов и хороших практик при разработке приложений React. Оно должно продемонстрировать практическое решение большинства реальных проблем приложения и помочь разработчикам писать лучшие приложения. https://github.com/alan2207/bulletproof-react ✍️ @React_lib

Typescript в react как, зачем и нужен ли? ✍️ @React_lib

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

useEffect(), Http-запросы и прерывание Отправка Http-запроса с помощью useEffect() может быть сложнее, чем вы думаете - или вы думали о прерывании запросов и предотвращении условий гонки? Состояние гонки описывает ситуацию, когда поведение системы зависит от определенной последовательности событий, но их порядок неуправляем. Одним из примеров является многопоточность, когда несколько потоков пытаются изменить общие данные. Аналогичная проблема может возникнуть с асинхронностью в JavaScript. ✍️ @React_lib

Предотвращаем рендеры компонента с 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

React.useEffect Hook – основные проблемы и способы их решения В статье, в процессе создания кастомного хука, разбираются возможные проблемы при работе с хуком useEffect. ✍️ @React_lib

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

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

Sapling – это расширение для просмотра иерархии компонентов проекта в сайдбаре VS Code. Каждый узел в такой иерархии – компонент React. У каждого узла есть несколько иконок: - Список пропсов, которые отображаются при наведении. - Переход в файл компонента. - Индикатор подключения к Redux. Для работы расширения используется @babel/parser для создания AST и VS Code Extension API для интеграции в VS Code. Для отображения используется React. ✍️ @React_lib

Сравнение инструментов для оптимизации перфоманса в React https://blog.logrocket.com/comparing-tools-optimizing-performance-react/ ✍️ @React_lib

Лучший способ решить prop drilling в React приложениях https://blog.logrocket.com/solving-prop-drilling-react-apps/ ✍️ @React_lib