Главная » Архив меток: React (страница 7)

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

Реактивное (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-фреймворка для вашего проекта. Если вы читаете этот пост, то я предполагаю, что вы не уверены в техническом стеке для своего следующего проекта. Это не просто определить, и этот пост ставит себе целью разрешение таких ...

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

Минималистичное управление состоянием (React)

От автора: React версии 16.3 представил новый API контекста. На мой взгляд, эта новая функция достаточно хороша для управления состоянием небольших и средних приложений. Недавно я написал небольшой проект, в котором использовал контекст в качестве основного источника данных для front-end. В этом посте я хотел бы поделиться полученными знаниями и подходом. Новый API Давайте бегло вспомним основные моменты. const Context ...

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

Новые функции в React 16.9.0

От автора: в этом посте вы познакомитесь с новейшей версией React.js, а также с общими новостями о будущем. React — это одна из самых популярных библиотек JavaScript, более 110 000 звезд и более 2 миллионов человек используют ее на GitHub. Множество преданных членов сообщества облегчают жизнь разработчикам, создавая удивительный пользовательский интерфейс, который вошел в новейшую версию: 16.9.0 (React теперь имеет ...

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