§ Какво е компонент, props. Композиране на компоненти.

В този урок ще разберем как да пишем React компоненти, какво представляват те и как можем да ги комбинираме. Тук ще видим и с какъв setup ще работим в повечето уроци.

Имаме един HTML файл, където са добавени 4 външни JavaScript файла, както и библиотеката Babel, която ще използваме за транспилиране на нашия код във валиден JavaScript. Освен това, ще използваме React и React DOM модулите, които са необходими за писането на React приложения.

React компонентите могат да бъдат създавани по два начина - чрез обикновена JavaScript функция или като класове. Към днешна дата, обикновените функции са по-широко използваният начин за писане на React компоненти.

Когато дефинираме компоненти, е важно да започваме имената им с главна буква, за да бъдат разпознати от React. Можем да връщаме различни типове стойности от компонентите си, като например примитиви, React елементи или масиви от елементи.

Чрез подаване на props (свойства) на компонентите ни, можем да предаваме данни и да ги използваме вътре в съответния компонент. Children prop-a е особено важен в React, тъй като представлява всичко между отварящия и затварящия таг на компонента. Композицията в React често се осъществява чрез използването на Children пропъртито.

Ако се наложи да работим с класове основния момент е метода render, който връща резултата от компонента.