Тотальный React :metal:

:x: Нет войне:heavy_exclamation_mark: No war:heavy_exclamation_mark:

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

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

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

Новое

• :page_with_curl: Руководство по Docker
• :page_with_curl: Руководство по Prisma
• :page_with_curl: Руководство по Supabase
• :memo: Шпаргалка по Vite

Руководства

• :page_with_curl: Руководство по Next.js
• :page_with_curl: Руководство по Redux Toolkit
• :page_with_curl: Руководство по Recoil
• :page_with_curl: Руководство по React Query
• :page_with_curl: Руководство по React Router
• :page_with_curl: Руководство по React Transition Group
• :page_with_curl: Руководство по React Spring
• :page_with_curl: Руководство по Apollo Client
• :page_with_curl: Руководство по Apollo Server

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

Шпаргалки

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

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

Вопросы по React

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

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

Другое

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

Проекты

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

Лицензия

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