Огромный список полезных ресурсов для Javascript, React разработчиков.

Новое

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

🖥 Javascript / front / react

t.me/react_tg – все о React

t.me/javascriptv – javascript для разработчиков

t.me/about_javascript – javascript продвинутый

t.me/JavaScript_testit -тесты JS

t.me/htmlcssjavas – фронтенд

t.me/hashdev – web разработка 

Руководства

• 📃 Руководство по 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

Полезные и проверенные ссылки

Вопросы на собеседовании фронтенд разработчика React.js

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

Table of Contents

• UI Components
  • Editable data grid / spreadsheet
  • Table
  • Infinite Scroll
  • Overlay
  • Notification
  • Tooltip
  • Menu
  • Sticky
  • Tabs
  • Loader
  • Carousel
  • Buttons
  • Collapse
  • Chart
  • Tree
  • UI Navigation
  • Custom Scrollbar
  • Audio / Video
  • Map
  • Time / Date / Age
  • Photo / Image
  • Icons
  • Paginator
  • Markdown Viewer
  • Canvas
  • Miscellaneous
  • Form Components
    • Date / Time picker
    • Emoji picker
    • Input Types
    • Autocomplete
    • Select
    • Color Picker
    • Toggle
    • Slider
    • Radio Button
    • Type Select
    • Tag Input
    • Autosize Input / Textarea
    • Star Rating
    • Drag and Drop
    • Sortable List
    • Rich Text Editor
    • Markdown Editor
    • Image Editing
    • Form Component Collections
    • Miscellaneous
    • Syntax Highlight
• UI Layout
• UI Animation
  • Parallax
• UI Frameworks
  • Responsive
    • Material Design
  • Mobile
  • Component Collections
• UI Utilities
  • Reporter
    • Visibility Reporter
    • Measurement Reporter
  • Device Input
    • Keyboard Events
    • Scroll Events
    • Touch Swipe
    • Mouse Events
  • Meta Tags
  • Portal
  • Test User Behavior
• Code Design
  • Data Store
  • Form Logic
  • Router
  • Props from server
  • Communication with server
  • CSS / Style
  • HTML Template
  • Isomorphic Apps
  • Boilerplate
  • Miscellaneous
• Utilities
  • i18n
  • Framework bindings / integrations
  • Integrations with Third Party Services
• Performance
  • UI
    • Inspect
    • Lazy Load
  • App Size
  • Server-Side Rendering
• Dev Tools
  • Test
  • Redux
  • Inspect
  • Miscellaneous
• Miscellaneous
  • Static Website Generator
• Cloud Solutions
  • Databases

Другое

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