end

Следващ урок: Входни данни (props) Към следващия урок →

Урок: Какво е React.js? Повторение

React.js - основи и отвъд

  • ← 1. Какво е React.js?(00:00)
  • 2.  Входни данни (props) (Очаквайте скоро!)
  • 3.  Прихващане на събития (Очаквайте скоро!)
  • 4.  Какво са хуковете (hooks) в React.js? (Очаквайте скоро!)
  • 5.  Как да използваме useState и useReducer за управление на състояние (Очаквайте скоро!)
  • Виж всички уроци (21)

§ Какво е React.js?

В това видео ще разгледаме какво е React.js и как можем да работим с него. Ще видим какво е компонент (class и functional) и какво е JSX. Ще разберем как да рендерираме данни като част от нашия HTML.

В това видео ще се запознаем с една от най-популарните библиотеки за създаване на потребителски интерфейси - React.js. Ако сте се занимавали с уеб разработка или сте чували за съвременните технологии, вероятно сте се сблъскали с термина "React".

Какво представлява React.js?

React.js е библиотека за създаване на потребителски интерфейси в уеб приложенията. Тя се отличава с иновативен подход към управлението на UI елементи, което я прави изключително популярна сред разработчиците. React позволява създаването на компоненти - самостоятелни блокове, които могат да се преизползват и комбинират по различни начини.

Какво е компонент?

В света на React.js компонентите са основният елемент. Това са независими, изолирани обекти/функции, които могат да представят част от потребителския интерфейс. Компонентите могат да бъдат визуални елементи като бутони, форми, секции, или дори цели раздели от приложението.

Какво е JSX?

JSX е разширение на JavaScript, което позволява декларативното създаване на UI елементи в React. Това означава, че можем да пишем код, който изглежда подобно на HTML, но с интегрирани възможности на JavaScript. JSX прави създаването на компоненти и тяхната структура много по-четливо и лесно за разбиране.

Работа с библиотеката

Тъй като библиотеката ползва нестандартния JSX е необходимо кода, който пишем да премине през определен процес преди да бъде използван в browser. Тук се намесват така, така наречените, компилатори/транспилатори. В урока ще говорим малко за тях.

Рендериране на данни

Едно от най-силните качества на React.js е неговата способност да рендерира данни динамично. Можем да вмъкваме данни в нашия код, които да се обновяват автоматично при промяна. Това прави приложенията ни по-динамични и удобни за потребителите.

discussion

Следва: Входни данни (props)(00:00)

Към урока →