Тотальный React ��

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

Последнее обновление: 16.10.2021 - добавил огромную коллекцию полезных JavaScript-сниппетов. В разработке -> руководство по Next.js

Новое

• �� Сниппеты JavaScript

Руководства

• �� Руководство по Redux Toolkit
• �� Руководство по Recoil
• �� Руководство по React Query
• �� Руководство по React Router
• �� Руководство по React Transition Group
• �� Руководство по React Spring
• �� Руководство по Apollo Client
• �� Руководство по Apollo Server

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

Шпаргалки

• �� Шпаргалка по хукам
• �� Шпаргалка по Create React App
• �� Шпаргалка по Styled Components
• �� Шпаргалка React + TypeScript
• �� Выдержки из определений TypeScript-типов для React
• �� Примеры кастомных хуков
• �� Примеры кастомных компонентов

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

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

• �� Вопросы для подготовки к собеседованию. Версия 1
• �� Вопросы для подготовки к собеседованию. Версия 2
• �� Шпаргалки по React, Jest, Redux и лучшие практики по React

• �� Пример файла .gitconfig
• �� Пример файла .gitignore
• �� Пример файла settings.json
• �� Расширения для VSCode

Проекты

• �� Блог, разработанный с помощью React, Apollo и GraphQL
• �� Чат, разработанный с помощью React и Socket.io
• �� Утилита, облегчающая работу с Fetch API
• �� Кастомный хук для работы с формами
• �� Утилита, облегчающая работу с Internationalization API
• �� Утилита, облегчающая работу с Context API

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

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

Свежие статьи, которые показались мне интересными

• The Complete Guide To Prop-Types In React - краткое руководство по PropTypes
• An Interactive Guide to Keyframe Animations - интерактивное руководство по CSS-анимации
• The World of CSS Transforms - статья про CSS-трансформации с наглядными примерами
• Using Forms in React - статья про разные способы использования форм в React
• Demystifying styled-components - статья про то, как работают стилизованные компоненты (styled components)

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

React

• react-philosophies - мысли опытного разработчика о том, как надо писать код на React
• Awesome React Hooks - большая коллекция кастомных хуков
• Curated List of React Components & Libraries - большая коллекция компонентов и библиотек для React
• React и TypeScript
• Рекомендуемый tsconfig.json
• Настройки Prettier
• Список правил ESLint

Node.js

• Документация Node.js с примерами кода
• Node.js: лучшие практики
• Список статус-кодов HTTP
• Postman - сервис для тестирования API
• Mailtrap - сервис для тестирования отправки электронных писем

Git

• GitHowTo - интерактивный курс по основам работы с Git
• GitZip - инструмент для скачивания определенной части репозитория по URL

Другое

• Developer Roadmap - "дорожная карта" веб-разработчика
• The Art of Command Line - искусство командной строки
• Учебник. Начало работы с Docker
• Faker.js - инструмент для генерации фиктивных данных
• Mockaroo - сервис для генерации фиктивных данных, в том числе, в формате SQL
• Команды SQL (PostreSQL)
• Команды psql (PostreSQL)
• Google Fonts
• FlatIcon
• HTML-эмодзи

NPM-пакеты

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

Участие

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

Лицензия

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