Следващ урок: Входни данни (props) Към следващия урок →
Урок: Какво е React.js? Повторение
React.js - основи и отвъд
В това видео ще разгледаме какво е React.js и как можем да работим с него. Ще видим какво е компонент (class и functional) и какво е JSX. Ще разберем как да рендерираме данни като част от нашия HTML.
В това видео ще се запознаем с една от най-популарните библиотеки за създаване на потребителски интерфейси - React.js. Ако сте се занимавали с уеб разработка или сте чували за съвременните технологии, вероятно сте се сблъскали с термина "React".
React.js е библиотека за създаване на потребителски интерфейси в уеб приложенията. Тя се отличава с иновативен подход към управлението на UI елементи, което я прави изключително популярна сред разработчиците. React позволява създаването на компоненти - самостоятелни блокове, които могат да се преизползват и комбинират по различни начини.
В света на React.js компонентите са основният елемент. Това са независими, изолирани обекти/функции, които могат да представят част от потребителския интерфейс. Компонентите могат да бъдат визуални елементи като бутони, форми, секции, или дори цели раздели от приложението.
JSX е разширение на JavaScript, което позволява декларативното създаване на UI елементи в React. Това означава, че можем да пишем код, който изглежда подобно на HTML, но с интегрирани възможности на JavaScript. JSX прави създаването на компоненти и тяхната структура много по-четливо и лесно за разбиране.
Тъй като библиотеката ползва нестандартния JSX е необходимо кода, който пишем да премине през определен процес преди да бъде използван в browser. Тук се намесват така, така наречените, компилатори/транспилатори. В урока ще говорим малко за тях.
Едно от най-силните качества на React.js е неговата способност да рендерира данни динамично. Можем да вмъкваме данни в нашия код, които да се обновяват автоматично при промяна. Това прави приложенията ни по-динамични и удобни за потребителите.