Skip to content

ani-team/github-client

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

github-client

Github клиент в рамках курса React Akvelon 2020.

github react antdesign graphql apollo

Ресурсы

Технический стек

  • UI: react, antd, classnames, tailwindcss
  • Lang: typescript (3.7+)
  • Fetching: graphql, apollo-client (3+)
    • API Codegen: graphql-codegen
  • Routing: react-router
  • Tests: eslint, prettier, graphql-eslint, stylelint

Использование

Запуск локального dev-стенда

$ npm i                   # установка зависимостей
$ npm run start           # запуск стенда

Запуск тестов

$ npm run test            # запуск всех тестов
$ npm run react:test      # unit тесты
$ npm run lint:test       # тесты линтеров
$ npm run lint:fix        # тесты линтеров с исправлением

Работа с зависимостями

$ npm run deps:clean      # удаление лишних созданных файлов, node_modules
$ npm run deps:reinstall  # переустановка зависимостей

Кодогенерация API

$ npm run api:gen         # сгенерировать типы и хуки для работы с API - одноразово
$ npm run api:gen--watch  # сгенерировать типы и хуки для работы с API - watch-mode

VSCode

Список плагинов для лучшего DX:

Для всех - настроена базово необходимая конфигурация в проекте

  • Tailwind CSS IntelliSense - Автокомплит Tailwind классов в компонентах
  • Apollo GraphQL - IntelliSense с автокомплитом (но возможны подтормаживания)
  • ESLint + Stylelint - Форматирование по сохранению, тестирование от линта