@common-stack/components-pro

React Package

React components and containers

What does it include:

1. exported react pure components
2. exported react containers
3. Typescript 2.0.0 => ES6
4. unit testing with jest

Purpose:

This package can be installable in front-end webserver

Useful commands:

npm run build       - build the library files
npm run test        - run tests once
npm run test:watch  - run tests in watchmode (Useful for development)

Files explained:

 src                         - directory is used for typescript code that is part of the project
    index.ts                 - Index file of the package. Consists of exported components and containers
    index.spec.ts            - Tests file for main
    components               - All pure components which don't depend on backend data or external state such as redux
        index.ts             - References all the exported components
    containers               - Components with data to render. Tightly coupled with redux. 
        index.ts             - References all the exported containers
 package.json                - file is used to describe the library and packages that are required added under peer-dependencies section
 tsconfig.json               - configuration file for the library compilation
 webpack.config.js           - configuration file of the compilation automation process for the library

Tutorials:

react-jest-enzymes test

testing react with enzyme tutorial

react-redux-typescript-guide

Performance:

Redux FAQ: Connecting multiple components

React/Redux Links: Performance articles

React/Redux: Component re-rendering too often?