Тотальный React 🤘

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

Последнее обновление: 30.01.2021 ✅  Шпагралки по Temporal и Zustand. В разработке 🔬  руководство по Docker

Новое

• 📝 Шпагралка по Temporal и Dayjs
• 📝 Шпагралка по Zustand
• 📃 Руководство по Next.js

Руководства

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

---

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

Шпаргалки

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

---

• 📝 Шпаргалка по 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
• 📝 Сниппеты JavaScript
• 📝 Сниппеты Node.js
• 📝 Сниппеты CSS и SASS
• 📝 Командная строка

---

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

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

---

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

Проекты

• 🔗 Статьи и туториалы из моего блога на Хабре
• 🔗 Блог, разработанный с помощью React, Apollo и GraphQL
• 🔗 Чат, разработанный с помощью React и Socket.io
• 🔗 Утилита, облегчающая работу с Fetch API
• 🔗 Утилита, облегчающая работу с Internationalization API

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

JavaScript

• "Современный учебник JavaScript". Илья Кантор
• MDN Web Docs
• "Вы не знаете JS". Кайл Симпсон
• "JavaScript. Подробное руководство". Дэвид Флэнаган

Паттерны проектирования

• "Паттерны объектно-ориентированного проектирования". Банда четырех
• "Паттерны проектирования". Refactoring Guru
• "Learning JavaScript Design Patterns". Addy Osmani

Вопросы и задачи

• JavaScript Interview Questions & Answers
• Frontend Interview Handbook
• JavaScript Questions
• In JavaScript We Trust
• Coding Practice Challenges

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
• Mockaroo - сервис для генерации фиктивных данных, в том числе, в формате SQL
• Команды SQL (PostreSQL)
• Команды psql (PostreSQL)
• Google Fonts
• FlatIcon
• HTML-эмодзи

Участие

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

Лицензия

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