Повысьте производительность с помощью React Native
1. Рефрактор VS Code React
Это расширение работает как для React, так и для React Native, особенно если вы пишете JSX в React Native, это расширение очень помогает благодаря функциям рефакторинга. То же самое работает с TypeScript и TSX. Часто разработчики сталкиваются с проблемами с длинными компонентами в React Native, используя это расширение, вы можете легко извлечь эти большие компоненты и использовать их, не теряя уверенности.
- Совместим с React Hooks API.
- Обрабатывает ключевые атрибуты и привязки функций.
- Работает с классами, функциями и стрелочными функциями.
2. Выделите соответствующий тег.
Всякий раз, когда вы хотите посмотреть на закрывающий и открывающий теги в компонентах React Native (особенно в более крупных компонентах), поиск нужного тега занимает много времени. Иногда из-за этой проблемы мы также изменяем неправильный тег. Это расширение идеально подходит в таких ситуациях: вам просто нужно навести курсор мыши на компонент, и тег закрытие / открытие будет выделен автоматически.
3. Автоматическое переименование тега
Однако у нас есть редактирование с несколькими курсорами в VSCode, но не каждый раз, когда мы хотим прокрутить вниз, чтобы найти соответствующий тег тег, чтобы переименовать его. Это расширение работает как шарм в таких условиях, вам просто нужно переименовать компонент, и он автоматически переименует другой тег закрытие / открытие.
4. Выделение цветом
Бывают случаи, когда интерфейс в приложении React начинает заполняться несколькими разными цветами, и в данный момент становится слишком запутанным, как этот цвет на самом деле выглядит, хотя мы можем увидеть эти цвета, наведя курсор на шестнадцатеричный цветовой код, это сбивает с толку, когда мы иметь несколько цветов разной прозрачности. Color Highlight отлично справляется со своей задачей, так как вы сможете видеть все цвета вокруг шестнадцатеричного значения.
5. Воздушный змей
Последнее, что у нас есть, - это расширение автозаполнения, оно работает очень хорошо, экономя много времени лично для меня. Поскольку он отслеживает ваш наиболее типизированный код, а затем дает предложения автозаполнения, что действительно делает его полезным, поскольку вы не получаете никаких бесполезных и нерелевантных предложений завершения кода.
Больше контента на plainenglish.io
