imelstorn/react-total

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

Тотальный React 🤘

❌ Нет войне❗ No war❗

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

❗ Друзья, рад сообщить о запуске моего сайта с существенно переработанными, исправленными и дополненными материалами из данного репозитория, а также блога по разработке приложений на JavaScript, React, Next.js, TypeScript, Node.js и других технологиях: MyJavaScript.

❗ Для сайта мне пришлось создать новый репозиторий. Это означает, что данный репозиторий поддерживаться больше не будет (deprecated), новые материалы будут размещаться только на сайте и в новом репозитории.

Новое

• 📃 Руководство по Docker
• 📃 Руководство по Prisma
• 📃 Руководство по Supabase
• 📝 Шпаргалка по Vite

Руководства

• 📃 Руководство по 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
• 📝 Шпаргалка по Zustand

---

• 📝 Шпаргалка по Express API
• 📝 Шпаргалка по Webpack
• 📝 Шпаргалка по Security Headers
• 📝 Шпаргалка по тегам HTML5
• 📝 Шпаргалка по методам JavaScript для работы с DOM
• 📝 Шпаргалка по Web Accessibility
• 📝 Туториал по RegExp
• 📝 Туториал по Web Speech API
• 📝 Шпаргалка по Internationalization API
• 📝 Шпаргалка по Axios
• 📝 Шпаргалка по JSON Server
• 📝 Шпаргалка по JSON Web Token
• 📝 Шпаргалка по Helmet
• 📝 Шпаргалка по Cors
• 📝 Шпаргалка по Temporal и Dayjs
• 📝 Шпаргалка по SQL
• 📝 Шпаргалка по Markdown
• 📝 Шпаргалка по Google Spreadsheet
• 📝 Сниппеты JavaScript
• 📝 Сниппеты Node.js
• 📝 Сниппеты CSS и SASS

Вопросы по React

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

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

Другое

• 💾 Пример файла .gitconfig
• 💾 Пример файла .gitignore
• 💾 Пример файла settings.json

Проекты

• 🔗 Статьи и туториалы из моего блога на Habr
• 🔗 Утилита, облегчающая работу с 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

TypeScript

• Рекомендуемый tsconfig.json
• Type Challenges - изучение TypeScript на практике

Node.js

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

Git

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

Другое

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

Участие

Буду признателен за любой вклад в развитие проекта:

• исправление ошибок и опечаток;
• дополнение существующих материалов;
• предложение новых материалов etc.

Лицензия

Материалы находятся в свободном доступе. Ссылки на данный репозиторий приветствуются.