Frontend Tech Stack

Recommended

React

  • Routing
  • Styling
    • styled-components - Allows you to write actual CSS code to style your components. It also removes the mapping between components and styles
    • @xstyled/styled-components - Consistent theme based CSS for styled-components
  • Forms
    • formik - A small library that helps you with the 3 most annoying parts of form development: getting values in and out of form state, validation/error messages and handling form submission
    • redux-form - A Higher Order Component using react-redux to keep form state in a Redux store

Redux

  • Async Actions / Side Effects
    • redux-thunk - A middleware for redux which lets you write async logic that interacts with the store
    • redux-saga - A library that aims to make application side effects easier to manage, more efficient to execute, easy to test, and better at handling failures
  • Caching
    • redux-persist - Uses the localStorage to persist and rehydrate a redux store

Requests

  • axios - Promise based HTTP client for the browser and node.js
  • fetch (builtin) - Provides an interface for fetching resources (including across the network)

Formatters

  • prettier - Autoformats the code using its own rules (limited configuration)

Linters

Tests

  • jest - Facebook's javascript test runner
  • babel-jest - Jest addon that adds support to babel features
  • jest-styled-components - A set of utilities for testing Styled Components with Jest.
  • enzyme - Airbnb's javascript testing utility for react that makes it easier to test your react components' output.
  • enzyme-adapter-react-* - Adds support to enzyme for your current react version (replace * with the version major number).
  • enzyme-to-json - Adds a serializer that converts enzyme wrappers to a format compatible with jest snapshot testing.
  • redux-mock-store - A mock wrapper for the redux store.
  • sinon - A testing lib with standalone test spies, stubs and mocks.

Schema Validation

Data Normalization

Utils

Dates

Environment

Documentation

Webpack

Currently Testing

React

Requests

  • ky - A tiny and elegant HTTP client based on the browser Fetch API.

Immutability

To Analyze

React

Redux

Not Recommended

Requests

  • got - Got is a human-friendly and powerful HTTP request library. Not recommended to use with frontend code, use axios or ky instead.