React — это библиотека JavaScript для разработки пользовательского интерфейса. Пользовательский интерфейс — это то, что видит пользователь, и React полностью использует его как компонент для создания этих пользовательских интерфейсов.
Компоненты — это фрагментированные части веб-приложения, которые в совокупности образуют веб-сайт. Например, верхние и нижние колонтитулы, поля, панели навигации и т. д. могут быть компонентами вашего веб-приложения.
Преимущество использования компонентов в React
Первое преимущество:
Каждая часть файла пишется кусками в своей части. В результате это ускоряет процесс и делает код чище.
Второе преимущество:
Компонент можно написать один раз и использовать в любое время и в любом месте.
Третье преимущество:
В случае, если нам нужно использовать компонент в разных местах, и мы должны внести некоторые изменения; Мы можем применить эти изменения в компоненте, используемом в других частях, один раз, и это изменение будет применено ко всем остальным частям.
Четвертое преимущество:
Когда дело доходит до командной работы, каждый человек несет ответственность за написание определенного компонента, который завершает веб-сайт, объединяя все компоненты.
В React есть два типа компонентов:
Класс и функциональные компоненты:
Синтаксически гораздо проще использовать функции, чем классы. До React 16.8 единственной причиной, которая могла сделать класс выше функций, была возможность писать setState внутри классов. компоненты.
Почему функциональный?
- Читабельность функциональных компонентов выше, чем класс компонентов (потому что это такие же простые функции JavaScript)
- Тестирование функциональных компонентов проще, чем классов компонентов.
- Окончательный переведенный код (и даже исходный код) становится намного короче с этой функцией.
