Какие элементы я должен переносить с HTML в React?

Question

[Nikita Shchypylov]

Какие элементы нужно переносить в React, а какие просто заверстывать?
Например, меню. Оно должно инклюдиться из реакта или просто HTML-ом делать?

Вопрос сумбурный, но в Реакт я +- въехал, а зачем въезжал - не знаю.

Answer 1

[alvvi]

Если это SPA, все элементы нужно писать в React,
кроме
<div class="root"></div>
куда рендерится приложение.
Нет никакого смысла писать их в .html, ни с точки зрения производительности, ни с точки зрения логики.

Comments

[Nikita Shchypylov]

Понятно. Ну, впринципе логично

Answer 2

[Роман Александрович]

Думаю вам стоит углубить знания в jsx. Но на крайний случай используйте это magic.reactjs.net/htmltojsx.htm
Слева html cправо jsx.

Comments

[Nikita Shchypylov]

В конце "l", но даже с ней 404

[Роман Александрович]

Nikita Shchypylov: а можно глянуть код?

[Nikita Shchypylov]

RomReed: я про вашу ссылку

[Роман Александрович]

Nikita Shchypylov: magic.reactjs.net/htmltojsx.htm

[Nikita Shchypylov]

RomReed: Увидел. Тут ничего нового я для себя не открыл

[Роман Александрович]

Nikita Shchypylov: Ну тогда прекрасно. возьмите ваше меню и создайте компонент из него. Потом где надо показывайте и скрывайте при необходимости.

[Nikita Shchypylov]

RomReed: В этом и вопрос. Меню я сделал, а вот, скажем, анонс?
Вот такой
Его мне делать на голом хтмл или тоже отдельный компонент?
Как вообщем решать, что в Реакт, а что в хтмл?

[Роман Александрович]

Nikita Shchypylov: Ну вопще реакт приветствует маленькие компоненты. Вы пишине маленький компонент например кнопка и переиспользуете его где вам необходимо. таким образом бы не копипастите ваш код в 50 различных мест и при необходимости изменить цвет не придётся его менять перебирая весь проект.
Анонс тоже организуйте как маленький компонент в рэндере которого у вас будет ваш "хтмл".

[Роман Александрович]

Nikita Shchypylov: Вапще логика работы должна быть примерно следующая:
мне надо сделать анонс я создаю компонент в рендере которого мой html переписан на jsx и если надо добавить какое нибудь движение я использую реакт. Всё изменения происходят через реакт. Нарисуйте анонс на html и используя сайт что я дал переведите его на jsx.
Надеюсь я хоть немного пролил свет.