Публикации по теме react

Публикации по теме 'react'

6 приемов JavaScript, которые помогут вам писать более чистый код

Улучшите свои навыки JavaScript с помощью этих 6 методов очистки кода JavaScript гибок и мощен. Однако иногда это может быть сложно. В то время как JavaScript постоянно развивается и приносит новые проблемы, мы также неоднократно сталкиваемся с подобными проблемами в повседневной работе. В этой статье мы обсудим 6 приемов, которые помогут вам писать чистый и удобный для сопровождения код JavaScript. Забежать вперед: Выполнять несколько асинхронных промисов одновременно или..

React: лекарство, открывающее путь к функциональному программированию

React: лекарство, открывающее путь к функциональному программированию Просто некоторые случайные мысли о функциональном программировании и влиянии React на отдельных инженеров (начиная с меня самого). tl;dr: React открывает двери к шаблонам функционального программирования, чего раньше не было для разработчиков JavaScript. В результате мы получаем возможность более тщательно изучать функциональные шаблоны, поскольку они кажутся более доступными. Функциональное..

React.js: от нуля до героя

React.js — это популярная библиотека JavaScript для создания пользовательских интерфейсов, особенно для создания одностраничных приложений (SPA), которые запускаются в веб-браузере. Если вы новичок в React, это руководство поможет вам изучить основы и поможет вам приступить к созданию своего первого приложения React. Что такое Реакт? React — это декларативная, эффективная и гибкая библиотека JavaScript для создания пользовательских интерфейсов. Он был разработан Facebook и часто..

Напишите чистый код React на стороне сервера с серверными компонентами более высокого порядка

React 18 открыл двери в область бэкенда, представив серверные компоненты. Однако в серверных компонентах у нас нет доступа ни к состоянию, ни к хукам. Очень легко получить связанный и повторяющийся код с серверными компонентами и всеми их ограничениями. Ваш код может легко стать неорганизованным во время выборки данных и распространения данных на потребительские компоненты. В одном подходе, если вы извлекаете данные на уровне страницы и распространяете данные ответа на соответствующие..

Стратегии рендеринга: CSR, SSR, SSG, ISR

Мы использовали внешние библиотеки/фреймворки, которые помогают создавать одностраничные приложения «из коробки», где приложение отображается на стороне клиента, и мы все хорошо знакомы с этим подходом. Есть еще несколько способов рендеринга приложений, которые мы рассмотрим в этой статье вместе с кратким обсуждением рендеринга на стороне клиента (CSR), просто чтобы увидеть, чем он отличается от предварительного рендеринга. Рендеринг на стороне клиента (CSR): В этой стратегии сервер..

Скрыть всплывающие окна, когда пользователь прокручивает с помощью React

Как написать собственный хук, который будет гарантировать, что липкие всплывающие окна не испортят UX в вашем приложении React. Прежде всего, сценарий, который нас беспокоит: Допустим, в вашем приложении есть всплывающее окно, которое открывается, когда вы нажимаете на пользователя. В этом всплывающем окне вы отображаете основную информацию об этом пользователе. Помимо этого всплывающего окна предварительного просмотра профиля, у вас могут быть раскрывающиеся меню, из которых..

Поток аутентификации React Native с деревом состояний MobX

Если вы хотите разработать профессиональное программное обеспечение на React Native, вы наверняка встретите самый популярный шаблон TypeScript Ignite от Infinite Red, Inc. В шаблоне очень хорошая документация , но нет руководства по процессу аутентификации. Хотя вы можете найти его в официальной документации по React Navigation , этого все же недостаточно, поскольку в примере показана реализация в Redux. Ignite использует MobX-State-Tree для управления состоянием, и в Интернете не..