React Fragment, dotyczący jedynie fragmentu strony

Question

Czy istnieje taka możliwość, a w rzeczywistości zawsze istnieje... że mam strone postawioną na Reacie( nie znam go zbyt dobrze póki co) i mam pewną sekcje, kojarzę taką frazę z Reacta React Fragment, i czy mogę poszczególną sekcje napisać w Reacie, a poszczególną nie czyli przykładowo. Mam section jakaś tam header np i to jest w reacie, ale reszta strony jest już zwykły html css javascript może być np podpięty template z bootstrapa i używam normalnie sobie jakichś komponentów z Bootstrapa?

Może kojarzy ktoś jakiś przykład takiego rozwiązania?

Answer 1

Nie wiem skąd masz tak takie informacje ale Fragment reacta służy do czegoś innego.

React nie może wygenerować więcej niż jednego komponentu na raz co znaczy że taki return:

return(
    <h1>Lorem Ipsum</h1>
    <p>lorem ipsum dolor sit amet... </p>
)

zwróci nam błąd. Aby nie trzeba było opakowywać wszystkiego w divy i inne znaczniki i robić w kodzie niepotrzebne zamieszanie,  korzysta się z fragmentów które wyglądają tak.

return(
    <>
        <h1>Lorem Ipsum</h1>
        <p>lorem ipsum dolor sit amet... </p>
    </>
)

A kiedy odpalisz kod w przeglądarce wyglądać to będzie następująco

        <h1>Lorem Ipsum</h1>
        <p>lorem ipsum dolor sit amet... </p>

czy mogę poszczególną sekcje napisać w Reacie, a poszczególną nie

Możesz, Ale po co? Jak już korzystasz z reacta to pisz wszystko w reactcie. To rozbija kod na mniejsze elementy (Komponenty) i lepiej się czyta (Jeżeli nie dajesz nazw typu 'tyiusfvgsg')

Można tworzyć komponenty po prostu generujące treść. Bez hooków, funkcji etc.

A co do bootstrapa to da się go używać z reactem wystarczy zainstalować go jako zależność w node_modules i używać jak normalnie