Javascript & Ajax \ React

6 советов по созданию масштабируемого проекта React

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

Продолжить чтение

Javascript & Ajax \ React

Как и почему вы должны использовать React Query

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

Продолжить чтение

Javascript & Ajax \ React

4 популярных способа стилизации компонентов React

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

Продолжить чтение

Javascript & Ajax \ React

Давайте создадим с помощью React финансовую информационную панель

От автора: в этом руководстве мы с нуля создадим образец финансовой информационной панели и в процессе узнаем немного о CSS-сетке, KendoReact и темизации. Финансовые приложения сложны. Как правило, они имеют дело с кучей данных, и отображение этих данных важно для того, чтобы сделать ваших пользователей счастливыми.

Продолжить чтение

Javascript & Ajax \ React

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

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

Продолжить чтение

Javascript & Ajax \ React

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

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

Продолжить чтение