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

Участие

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

Лицензия

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

使用案例

GitHub - zh-zhang-127/react-app: create-react-app + react-app-rewired 进行二次配置：按需加载、less-...

react-app create-react-app + react-app-rewired 进行二次配置：按需加载、less-loader、启用 eslint 配置、特殊自定义配置如果需要更具体的业务模版，可以跳转至模版生成器使用方法 git clone https://github.com/dyb881/react-app [项目名称] cd [项目名称] npm i // 安装依赖 n
React-Query学习及实践总结

前言最近团队中用了react-query，了解了一下之后确实挺好玩的，简单记录一下一、react-query能干嘛？在前端平时的开发中，可以把我们需要维护的状态分为两类：用户交互的中间状态。如组件的状态，isLoading, isOpen 服务端状态。通过请求得到并在前端维护 react-query能够更好的帮助我们处理第二类状态。服务端状态通常会存在组件中，如果要复用，要存在全局状态如r
react-dnd-dom_我如何使用react-dnd和react-flip-move构建React游戏

react-dnd-dom by Nicholas Vincent-Hill 尼古拉斯·文森特·希尔(Nicholas Vincent-Hill) 我如何使用react-dnd和react-flip-move构建React游戏 (How I built a React game with react-dnd and react-flip-move) This is a high level ove
react-native-sound 音频

github：https://github.com/zmxv/react-native-sound 安装及添加依赖 npm install react-native-sound --save 或者 yarn add react-native-sound react-native link react-native-sound 手动配置地址：https://github.com/zmxv/react
react react-pdf实现在线pdf加载翻页加载、下拉滚动加载

1.导入react-pdf npm i react-pdf --save import { Document, Page, pdfjs } from ‘react-pdf’; pdfjs.GlobalWorkerOptions.workerSrc = ‘pdf.worker.min.js’; //1.解决报错 Uncaught SyntaxError: Unexpected token < ind
React中使用富文本编辑器react-draft-wysiwyg

引入相关部分 // react-draft-wysiwyg begin import { EditorState, convertToRaw, ContentState } from 'draft-js'; import { Editor } from 'react-draft-wysiwyg'; import draftToHtml from 'draftjs-to-html'; import
二次封装 ant-pro table + react-resizable实现表头控制拉拽

二次封装 ant-pro table + react-resizable实现表头控制拉拽封装了 ant-pro table + react-resizable+form 可拖动表格。拓展了一些功能，如格式化，支持保存用户表格宽度习惯，接口分页字段配置，可编辑表格等。 1 react-resizable 组件 import './index.less'; import { Resizable }
react-infinite-scroller组件滚动分页加载

安装：需要安装：cnpm i react-infinite-scroller react-custom-scrollbars -S 关键代码： //滚动加载 import InfiniteScroll from 'react-infinite-scroller'; import {Scrollbars} from 'react-custom-scrollbars'; 使用： <Scrol

React-Total

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

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

Новое

Руководства

Шпаргалки

Проекты

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

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

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

`React`

`Node.js`

`Git`

Другое

NPM-пакеты

Участие

Лицензия

同类工具

相关阅读

相关文章

相关问答

相关文档

React-Total

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

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

Новое

Руководства

Шпаргалки

Проекты

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

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

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

React

Node.js

Git

Другое

NPM-пакеты

Участие

Лицензия

同类工具

相关阅读

相关文章

相关问答

相关文档

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

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

`React`

`Node.js`

`Git`