danielkita/awesome-frontend-project

Awesome Frontend Project

A curated list of awesome libraries, guides, blogs, and other resources to create a perfect frontend workflow.

Inspired by the awesome list.

• Tools
  • TypeScript
  • ESLint
  • Gitflow
  • Monorepo
  • Design system
  • Testing
  • React boilerplate
  • Client-State management
  • Server-State management
  • Style
  • Other tools
  • IDE
• Articles

Tools

TypeScript

• TypeScript
• Migration to TS

ESLint

• Repo
• Install
• AirBnB's rules for TS

Gitflow

• Conventional Commits
• Commitlint
• cz-cli
• cz template for jira
• cz-lerna-changelog
• .gitignore

Monorepo

• NX - my recommendation for commercial projects (Docs)
• Lerna - my recommendation for open-source projects

Design system

• Storybook

Testing

• Jest
• React Testing Library
• Mock Service Worker
• Cypress

React boilerplate

Choose one:

• Vite.js
• Next.js (SSR)
• CRA + CRACO

Client-State management

Choose one:

• Zustand
• Jotai
• Recoil
• Redux (you might not need a global state)

Server-State management

• React-query

Style

• Styled Components

Other tools

• Husky
• Prettier

IDE

• WebStorm
• Material Theme UI - Theme for Webstorm

Articles, books, extras...

• The Art of Giving and Receiving Code Reviews (Gracefully) - Alexandra Hill
• TSConf 2019 Keynote - Anders Hejlsberg