https://github.com/avkostin/react_21-22

https://github.com/avkostin/react_21-22

Last synced: about 19 hours ago
JSON representation

• Host: GitHub
• URL: https://github.com/avkostin/react_21-22
• Owner: AVKostin
• Created: 2022-04-28T10:01:49.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-04-29T07:50:19.000Z (over 2 years ago)
• Last Synced: 2023-03-05T07:14:25.465Z (over 1 year ago)
• Language: JavaScript
• Size: 614 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# react-21-22

- Зачем нужны JS-фреймворки?

- [Концепция Virtual DOM](https://illustrated.dev/react-vdom)

- [create-react-app](https://create-react-app.dev/)

  - webpack

  - babel

  - eslint

  - react

  - react-dom

- React-элементы и `React.createElement()`

  - Тип элемента

  - Пропсы

  - children

- JSX как шаблонизатор

  - [Новый трансформ](https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html)

  - Выражения в JSX.

  - Рендер по условию с `&&` и `?`

- Компоненты-функции

  - Имя маленькой в JSX - строка, с большой - имя переменной.

- Передача данных через Props

  - Значения пропсов по умолчанию

  - Дефолтные локальные изображения.

- [Инструменты разработчика - React DevTools](http://fecore.net.ua/books/rq7s2k-react/lesson-01/#react-devtools)

- [Пакет prop-types](https://www.npmjs.com/package/prop-types)

- Свойство `propTypes`

- Работа с коллекциями, ключи

- Основы композиции компонентов, потомки (props.children). Делаем панель.

- [Строгий режим](https://ru.reactjs.org/docs/strict-mode.html)

## Компонент `Painting`

```html



  

  


  
Автор: 

  
Цена: кредитов

  
Доступность: заканчивается или есть в наличии}

  Добавить в корзину



```


## Компонент `PaintingList`

```html



  
Painting

  ...



```


## Компонент `Section`

```html



  


  Контент



```