Днес говоря за основната концепция на React. Преди да започнете, моля, имайте предвид, че това е ръководство за начинаещи, което обхваща концепциите, които класифицирам като Основи за работа с React. Това не е пълно ръководство за React, а по-скоро пълно въведение.

1. Какво е React?

React е JavaScript библиотека с отворен код (не рамка), която създава потребителски интерфейси (UI) по предвидим и ефективен начин, използвайки декларативен код. Можете да го използвате, за да помогнете за изграждането на приложения с една страница и мобилни приложения, или за изграждане на сложни приложения, ако го използвате с други библиотеки.

2. Как работи React?

В самата си същност React основно поддържа дърво за вас. Това дърво е в състояние да
прави ефективни диф изчисления на възлите.

Мислете за вашия HTML код като дърво. Всъщност, точно така браузърът третира вашия DOM (вашият изобразен HTML в браузъра). React ви позволява ефективно да реконструирате вашия DOM в javascript и да натиснете само онези промени в DOM, които действително са настъпили.

3. JSX е синтактична захар

JSX е основното нещо на react.js. Може да се каже, че това е сърцето на React. Няма нищо подобно на JSX - нито за JavaScript, нито за браузъра. JSX е много обичайно нещо за създаване на много специфичен JavaScript обект.

4. Реагирайте DOM

Когато React беше пуснат, имаше много шум около неговата производителност, защото стартира нова идея за виртуален DOM, който може да се използва за разрешаване на разлики между действителния DOM.

DOM е (документен обектен модел). Това е програмният интерфейс на браузъра за XML и HTML. Създава дървовидна структура. DOM API може да се използва за промяна на структура, стил и компонент на документ.
Въпреки че ефективността на React е най-важната причина, поради която е изключително популярен днес. Мисля, че React промени играта, защото създаде общ език между разработчиците и браузърите, който позволява на разработчиците да описват декларативно потребителски интерфейси и да управляват действия върху тяхното състояние, вместо действия върху техните DOM елементи.