IIIu6ko, Да. При использовании компонентной архитектуры нет особого смысла писать свои селекторы. Лишние сущности, которые надо еще и поддерживать в актуальном состоянии. Проще отказаться, отдав на откуп библиотеке которая будет их сама генерировать.
Отличная библиотека для этих целей Styled Components.
IIIu6ko, а с каких пор поисковики используют или учитывают селекторы? Еще в Styled Components на время разработки можно включить имена селекторов для удобства. Он будет генерировать их по названиям компонентов.
Исходный код:
import React from 'react';
import styled from 'styled-components';
const Title = styled.h1`
font-size: 1.5em;
text-align: center;
color: palevioletred;
`;
const Wrapper = styled.section`
padding: 4em;
background: papayawhip;
`;
export const Example = props => (
<Wrapper>
<Title>Hello World, this is my first styled component!</Title>
</Wrapper>
);
Результат:
<section class="Example__Wrapper-f5dfb4">
<h1 class="Example__Title-gaICSF">Hello World, this is my first styled component!</h1>
</section>
На выходе получаете полностью изолированный css код. А исходники красивые, читаемые и с ними очень легко и приятно работать.
IIIu6ko, заголовки, мета-тэги, ... Красоту кода они не смотрят) Названия классов, дата-аттрибуты, ... - какая разница поисковику? Это не относится к контенту
alex-1917, теперь борются за легкость и скорость разработки, поддерживаемость, читаемость и масштабируемость. Требования и возможности в вебе растут, а сними растет сложность разрабатываемых приложений. Так же растет скорость интернета и вычислительная мощность устройств и экономить каждый байт, уже нет особого смысла.
