Полезные ссылки

• Tailwindcss + react
• Еще про tailwind + react
• И еще про tailwind (юзаю этот вариант)
• Vite + react
• Библиотка для работы с формами
• Валидация по нескольким полям

State management

• Recoil. Выглядит очень простым.
• Redux. Ну это дедушка.
• MOBX
• Statex

Hook

• Usefull react hooks

Обновление версий

• [React 18 (youtube, eng)](

)

Создание проекта

npx create-react-app my-app
cd my-app
npm start

Environment

Используем absolute path src

tsconfig.json

{
  "compilerOptions": {
    "baseUrl": "src"
  },
  "include": ["src"]
}

Webpack

Инициализация

npm run eject

Работа с формами

• Библиотка для работы с формами

Stateless components

import * as React from 'react'

const Button: React.StatelessComponent<{}> = ({children}) => (
  <button
    className="f4 br2 grow no-underline ph5 pv3 dib white bg-dark-pink bn shadow-3 w-100 w-auto-ns b">
    {children}
  </button>
)

export default Button

Scoped scss

• Плагин для vite