Главная->REACT JS

REACT JS

React (иногда React.js или ReactJS) — JavaScript-библиотека с открытым исходным кодом для разработки пользовательских интерфейсов. React разрабатывается и поддерживается Facebook, Instagram и сообществом отдельных разработчиков и корпораций. React может использоваться для разработки одностраничных и мобильных приложений. Его цель — предоставить высокую скорость, простоту и масштабируемость. В качестве библиотеки для разработки пользовательских интерфейсов React часто используется с другими библиотеками, такими как MobX, Redux и GraphQL.

Данный учебник посвящен популярному JavaScript фреймворку React. Для его изучения вам необходимо знать чистый JavaScript, основы командной строки, работу с npm и npx, работу с модулями ES6. Для уст...

Читать дальше

Пусть у нас есть сайт. На этом сайте мы можем выделить некоторые блоки: хедер, контент, сайдбар, футер и так далее. Каждый блок можно разделить на более мелкие подблоки. К примеру в хедере обычно можн...

Читать дальше

Язык JSX - это обычный JavaScript, но с некоторыми дополнениями, позволяющими писать теги прямо в коде, без кавычек. Теги можно возвращать через return: function App() { return <div> ...

Читать дальше

Давайте сделаем так, чтобы в зависимости от содержимого константы show на экран вывелся или один, или другой текст: function App() { let text; const show = true; if (show) { text = 'tex...

Читать дальше

Как вы уже знаете, внутри фигурных скобок можно выполнять JavaScript код. На самом деле этот код может быть не любым, а только самым простым. В частности, условия if там применять нельзя. Взамен сл...

Читать дальше

Внутри основной функции компонента можно делать вспомогательные функции. К примеру, давайте с помощью вспомогательных функций найдем сумму степеней двух чисел и выведем ее в тексте тега: function A...

Читать дальше

Давайте теперь изучим работу с событиями на React. К примеру, сделаем так, чтобы по клику на блок выводился алерт с некоторым текстом. Пусть у нас есть функция showMess, которая выводит алерт с соо...

Читать дальше

Объект Event в React

Внутри функции, привязанной к обработчику событий, доступен объект Event: function App() { function func(event) { console.log(event); // объект с событием } return <div> <bu...

Читать дальше

Как вы уже знаете, в массиве объектов должны присутствовать уникальные id. Давайте разберемся, откуда они берутся. Массивы объектов могут иметь два происхождения: либо они присланы нам сервером, ли...

Читать дальше

Следующая концепция, которую мы с вами разберем, называется стейты. Стейты представляют собой реактивные переменные компонентов. Реактивность означает, что при изменении стейта изменения произойдут...

Читать дальше

Работа с инпутами в React происходит с помощью стейтов. Каждому инпуту назначается свой стейт, содержащий в себе value инпута. Давайте посмотрим на примере. Пусть у нас есть инпут: function App(...

Читать дальше

Давайте теперь научимся работать с многострочным полем ввода textarea. В React для удобства работа с ним сделана похожа на работу с текстовым инпутом. В отличие от чистого JS, в React в textarea не ну...

Читать дальше

Страницы: 1 2 3