Тотальный React 🤘

Ресурс для изучения React.js и связанных с ним технологий на русском языке :ru

Последнее обновление: 07.08.2021 - добавил учебный проект Копия Amazon, разработанная с помощью React, Firebase и Stripe и шпаргалку по Netlify

Руководства

📃 Карманная книга по TypeScript или в формате PWA
📃 Руководство по GraphQL
📃 Руководство по Workbox
📃 Руководство по Mongoose
📃 Руководство по Sequelize
📃 Руководство по Socket.IO

Шпаргалки

📝 Шпаргалка по Express API
📝 Шпаргалка по Webpack
📝 Шпаргалка и туториал по Security Headers
📝 Шпаргалка по HTML5-тегам
📝 Шпаргалка по методам для работы с DOM
📝 Туториал по RegExp
📝 Туториал по Web Speech API
📝 Шпаргалка по Axios
📝 Шпаргалка по JSON Server
📝 Шпаргалка по JSON Web Token
📝 Шпаргалка по Helmet
📝 Шпаргалка по Cors
📝 Шпаргалка по SQL
📝 Шпаргалка по Netlify
📝 Шпаргалка по Markdown
📝 Шпаргалка по Google Spreadsheet

Обратите внимание: вопросы немного устарели, поскольку посвящены, преимущественно, "классовому" React

Проекты

Кастомные компоненты

emoji-mart - компонент с эмоджи
react-beautiful-dnd - компоненты для реализации перетаскивания и бросания
react-burger-menu - меню, навбар
react-circular-progressbar - компонент для создания прогресса в виде круга
react-copy-to-clipboard - компонент для копирования текста в буфер обмена
react-error-boundary - предохранитель
react-filepond - компонент для отправки файлов
react-hook-form - хуки для работы с формами
react-icons - компоненты-иконки
react-intl - компоненты для интернационализации
react-google-recaptcha
react-lazyload - ленивая загрузка компонентов
react-leaflet - компоненты для работы с картами
react-loader-spinner - индикатор загрузки
react-responsive - использование медиа-запросов в компонентах
react-search-input - инпут для поиска
react-table - компоненты для работы с таблицами
react-timeago - компонент для форматирования даты и времени с поддержкой русского языка
react-toastify - компонент для создания уведомлений
react-virtualized - рендеринг только видимых элементов списка
resharts - компоненты для визуализации данных

CSS-фреймворки

Авторизация

Passport - фреймворк для аутентификации/авторизации
JSON Web Tokens
Auth0
express-session - утилита для реализации куки-сессий с помощью Express
connect-mongo - утилита для хранения куки-сессий в MongoDB
jsonwebtoken - библиотека для создание и подтверждения токенов
bcrypt - утилита для хэширования и проверки паролей
react-google-login - компонент для авторизации с помощью Google-аккаунта
react-github-login - компонент для авторизации с помощью GitHub-аккаунта

Интересные статьи

Using Forms in React - статья про разные способы использования форм в React
Demystifying styled-components - статья про то, как работают стилизованные компоненты (styled components)

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

Awesome React Hooks - большая коллекция кастомных хуков
Curated List of React Components & Libraries - большая коллекция компонентов и библиотек для React
GitHowTo - интерактивный курс по основам работы с Git
Статус-коды HTTP
Документация Node.js с примерами кода
Node.js: лучшие практики
Developer Roadmap - "дорожная карта" веб-разработчика
The Art of Command Line - искусство командной строки
Postman - сервис для тестирования API
Mailtrap - сервис для тестирования отправки электронных писем
React и TypeScript
Рекомендуемый tsconfig.json
Настройки Prettier
Список правил ESLint
Команды SQL (PostreSQL)
Команды psql (PostreSQL)
Google Fonts
FontAwesome
FlatIcon
FreeIcons
PngTree
PngImg
HTML-эмодзи
Классы Bootstrap 4

NPM-пакеты

axios - библиотека для выполнения HTTP-запросов
concurrently - утилита для одновременного выполнения нескольких команд (скриптов)
express-validator - утилита для проверки входящих данных
generate-password - утилита для генерации паролей
google-spreadsheet - библиотека для работы с Google таблицами
json-server - библиотека для создания fake REST API
multer - утилита для обработки multipart/form-data
nanoid - утилита для генерации уникальных идентификаторов
nodemailer - утилита для отправки email
nodemon - утилита для запуска сервера для разработки
serve - утилита для обслуживания статических файлов
validator.js - библиотека, лежащая в основе express-validator

Участие

Буду признателен за помощь в обнаружении ошибок, опечаток и неточностей, а также за любой вклад в развитие проекта 😉

Лицензия

Материалы находятся в свободном доступе. Это означает, что вы можете их использовать как угодно. Будет круто, если при этом вы будете ссылаться на данный репозиторий 👍

corsairdnb/React-Total