Od czego zacząć naukę pisania kodu

<div id="root">
    <!-- This element's contents will be replaced with your component. -->
</div>


function Welcome(props) {
  return <h1>Hello, {props.test}</h1>;
}

const root = ReactDOM.createRoot(document.getElementById('root'));
const element = <Welcome name="Sara"/>;
root.render(element);

Witam wziąłem na tapetę na TAPET prostą templatkę i niby oczywiste ale jednak zastanawiam się od czego powieniem zacząć pisać taki kod czy najpierw określić funkcję Welcome() i na jej przykładzie pisać dopiero ciąg dalszy kodu czy zacząć od elementu "Welcome" niby proste ale nie rozumiem od czego zacząć pisanie logiki tego kodu, aby potem płynnie pisać kod.

nie rozumiem. Na jakim jesteś etapie? Potrafisz zrobić tak, żeby ci się odpaliło? czyli zainstalować odpowiednie narzędzia potrzebne do zbudowania strony? Bo od tego zwykle się zaczyna (chyba że piszesz to w jakimś sandboksie online)

Napisz jakąś prostą aplikację w samym JavaScript; potem napisz dokładnie taką samą w React, i zobacz róznicę między tymi podejściami; wady i zalety obu.