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