React — это библиотека JavaScript для создания пользовательских интерфейсов. Он использует декларативную парадигму на основе компонентов и стремится быть эффективным и гибким.
Пример использования компонента класса
class HelloWorldWidget extends React.Component {
render() {
return (
<div>
Hello World!
</div>
);
}
};
ReactDOM.render(
<HelloWorldWidget />,
document.body
);
Пример использования функционального компонента
function HelloWorldWidget() {
return <div>Hello World!</div>;
}
ReactDOM.render(
<HelloWorldWidget />,
document.body
);
Начиная
npx create-react-app my_app
Преимущества
React создает виртуальный DOM, чтобы все компоненты можно было визуализировать по отдельности без необходимости перерисовки всей страницы браузером
Пользователь может обновить определенное содержимое страницы, просто перерисовав только этот компонент
В React данные передаются от владельца к дочернему элементу. Вы можете думать об этом как об «односторонней привязке данных».
Логика представления React означает, что она может быстро отображаться на сервере, в браузере или нативных компонентах.
React можно использовать в сочетании с такими структурами, как angular.jsи backbone.js
Разделение декларативного представления (jsx) и логическое упрощение чтения и обслуживания проектов.
Ресурсы:
- Официальный веб-сайт
- Начиная
- Удивительная Реакция
- Спецификация JSX
- Видео конференции React 2015
- Видео конференции React 2016
- Видео конференции React 2017
- Видео конференции React 2018
- Видео конференции React 2019
- CodeSandbox Playground
- DEV's React сообщество
- Reactiflux на раздор
- Сообщество Hashnode's React
- Сообщество Reddit's React
- Программа ReactJS
- Машинопись - React - Starter
Книги:
- React.js Essentials
- Освоение реакции
- ReactJS на примере - создание современных веб-приложений с помощью React
- Дорога учиться Реагировать
- Fullstack React: полное руководство по ReactJS и друзьям
Связанные теги:
- react-router
- react-router-dom
- reactjs-flux
- react-native
- redux
- react-redux
- redux-thunk
- redux-form
- react-router-redux
- reactjs-testutils
- react-dom
- isomorphic-javascript
- react-bootstrap
- redux-saga
- react-dnd
- react-vr
- reason-react
- create-react-app
- react-jsx
- formik
- react-hooks
- react-context
- react-fiber
- material-ui
Официальный логотип:
Версии:
Примечание. В приведенной ниже таблице приведены только сводные данные об изменениях для каждой версии. Полный список изменений для каждой версии можно найти здесь.