Главная » Архив меток: React

Архив меток: React

Когда React выполняет повторный рендеринг компонентов?

От автора: React известен тем, что обеспечивает быстрое взаимодействие с пользователем, обновляя только те части пользовательского интерфейса, которые изменились. Если посмотреть на производительность рендеринга в React, есть несколько терминов и концепций, которые трудно понять. В течение некоторого времени мне не было на 100% ясно, что такое VDOM или как React решает, когда нужно выполнить ререндеринг компонентов. В первой части этой ...

Читать далее »

Что бы я хотела знать о React

От автора: пару недель назад я начала работать над своим первым приложением React. Это было не только мое первое приложение React, но и мое первое приложение React Native, поэтому многое для меня было в новинку. В сравнении с миром Angular (и Ionic), я чувствовал, что все мои предвзятые представления и идеи переворачиваются с ног на голову. Мне удалось собрать (как ...

Читать далее »

Реактивное (react) гамбургер-меню

От автора: создайте свое собственное меню, используя React, хуки, TypeScript и styled-component. Я предпочитаю простое меню, которое не будет выглядеть навязчивым на странице, отвлекая внимание от контента — но в то же время доступное для моих пользователей. Вместе мы создадим простое липкое гамбургер-меню! Что такое гамбургер-меню? Я думаю, что название «гамбургер» — это просто слово для визуализации иконки меню, которая ...

Читать далее »

Как отобразить и скрыть элементы в React

От автора: без операторов if в JSX, как вы управляете потоком приложения? Давайте рассмотрим, как отображать или НЕ отображать элементы в React. Вы не можете вставлять оператор if в JSX. Итак, как вы контролируете, что отображается? Управление потоком через приложение имеет фундаментальное значение для программирования, и для React это ничем не отличается. В этой статье мы собираемся ответить на вопрос: ...

Читать далее »

9 советов по созданию удивительных повторно используемых компонентов React

От автора: советы по созданию многоразовых и совместно используемых компонентов React. Проверка типа многоразовых компонентов Проверка типов необходима для положительного опыта разработчиков и оптимизированного сотрудничества в команде. Это способ сделать код намного более понятным для других, а также для вас самих в будущем. 1. Используйте TypeScript — избегайте prop-types TypeScript и prop-types в настоящее время являются двумя наиболее популярными способами ...

Читать далее »

Руководство для начинающих по циклам в React JSX

От автора: хотите знать, как создавать циклы в React? Узнайте о JSX и о том, как использовать такие методы, как функция map, для создания цикла внутри React JSX и отображения списка элементов. О JSX в двух словах Если вы работали с React раньше, то существует высокая вероятность того, что вы знаете, что такое JSX, или, по крайней мере, слышали о ...

Читать далее »

Шесть «никогда» при интернационализации веб-приложений

От автора: первоначально я написал эти рекомендации для внутренней документации Wayfair. Ниже приводится адаптированная и улучшенная версия. Во всех приведенных ниже примерах предполагается использование библиотеки React и React Intl, но эти рекомендации являются общими для веб-приложений и могут применяться с любым фреймворком и библиотекой для интернационализации. 1. Никогда не объединяйте строки Неполные фразы трудно или даже невозможно перевести, потому что ...

Читать далее »

15 советов по производительности приложений React.js

От автора: создание приложений иногда может быть немного сложным, особенно когда нам нужно создать быстрое и качественное приложение. Поисковые системы могут давать бонусные SEO-баллы за большую скорость приложения, и это может помочь нам очень сильно снизить показатель отказов. В этом посте я привел несколько советов и подсказок, которые вы можете использовать, чтобы сделать ваше приложение очень быстрым. 1. Используйте Preact ...

Читать далее »

Аутентификация полного стека: файлы cookie и локальное хранилище

От автора: когда вы авторизуетесь в приложении, вы ожидаете, что в следующий раз, когда вы откроете новую вкладку или окно в браузере, вы все равно останетесь авторизованным. Это означает, что в некотором роде или форме, клиент (браузер) должен поддерживать ссылку на вас, чтобы вы оставались авторизованным. Где я могу сохранить в клиенте состояние? Работа с безопасностью и аутентификацией в приложении ...

Читать далее »

React VS Vue: Что лучше в 2020 году?

От автора: Javascript-фреймворки наряду с HTML и CSS стали неотъемлемой частью разработки интерфейса любого современного программного проекта. 2020 год станет еще одним годом выбора правильного JavaScript-фреймворка для вашего проекта. Если вы читаете этот пост, то я предполагаю, что вы не уверены в техническом стеке для своего следующего проекта. Это не просто определить, и этот пост ставит себе целью разрешение таких ...

Читать далее »