React

React е JavaScript библиотека за изграждане на потребителски интерфейси.

React се използва за изграждане на приложения на една страница.

React ни позволява да създаваме компоненти за потребителски интерфейс за многократна употреба.

Започнете да учите React сега »


Учене чрез примери

Нашият инструмент „Show React“ улеснява демонстрирането на React, показва както кода, така и резултата.

Пример:

Пример за изпълнение »


Създайте React App

За да научите и тествате React, трябва да настроите React Environment на вашия компютър.

Този урок използва create-react-app.

create-react-app е официално поддържан начин за създаване на React приложения.

Ако имате инсталирани NPM и Node.js, можете да създадете React приложение, като първо инсталирате create-response-app.

Инсталирайте create-response-app, като изпълните тази команда във вашия терминал: C:\Users\Your Name>npm install -g create-react-app

Вече сте готови да създадете първото си приложение React!

Изпълнете тази команда, за да създадете React приложение с име myfirstreact: C:\Users\Your Name>npx create-react-app myfirstreact

The create-react-app ще настрои всичко необходимо за стартиране на React приложението.

Забележка: Този урок използва create-react-app за демонстрация на React. Няма да можете да стартирате същите примери на компютъра си, ако не инсталирате create-react-app средата.


Стартирайте React приложението

Ако сте изпълнили двете команди по-горе, сте готови да стартирате първото си истинско React приложение!

Изпълнете тази команда, за да се преместите в директорията myfirstreact: C:\Users\Your Name>cd myfirstreact

Ще се появи нов прозорец на браузъра с новосъздаденото ви React приложение! Ако не, отворете браузъра си и въведете localhost:3000 в адресната лента.

Резултатът:

Ще научите повече за приложението create-response – в главата React Първи стъпки.


Какво трябва да знаете за да можете да работите с React JS

Преди да започнете с React.JS, трябва да имате някакъв опит в:

Трябва също така да имате опит с новите функции на JavaScript, въведени в ECMAScript 6 (ES6), ката за тях ще научите в главата React ES6 .

Започнете да учите React сега »