Skip to content

A SPA with React, Ant.Design, Lerna and E2E with Cypress

Notifications You must be signed in to change notification settings

ibanjb/react-cypress

Repository files navigation

React - Redux - Ant.Design - ESLint - Webpack - Lerna - Cypress

antdesign

Build Status Lint Flow ES6 React Jest Webpack Cypress

cypress

Previous steps before run the application

Be sure to have the last NodeJs LTS (https://nodejs.org) version installed in your computer before continue reading.

The next steps are to install, as a global dependency, these libraries:

  • Yarn
  • Cypress

Easy mode:

$ npm install -g yarn cypress 

Yarn commands

The commands available are the next ones:

  • watch. Uses lerna to create a 'watchable' steam instance of the application
  • start. Uses webpack-dev-server in 'development' mode to create a hot-reloading instance
  • test. Uses jest to run the unit tests in a 'development' environment
  • test-prod. Same about but for the 'production' environment
  • build. Uses webpack to create a production bundler
  • lint. Inspect the code to validate the lint rules defined
  • flow. Same above but with the flow rules defined
  • flow-coverage. Uses the flow-coverage-report library to display a 'graphical' related with the flow coverage in the application
  • cypress. Runs a new instance of Cypress to run the E2E tests

Browsing

Verify the deployment by navigating to your server address in your preferred browser.

127.0.0.1:8080

Products, components and libraries

This application is currently extended with the following objects. Instructions on how to use them in your own application are linked below.

Products Description Site
NodeJs JavaScript run-time environment https://nodejs.org
React A JavaScript library for building user interfaces... and more https://reactjs.org
Redux A predictable state container for JavaScript apps https://redux.js.org
ESLint Pluggable JavaScript linter https://eslint.org
Flow A static type checker for JavaScript https://flow.org
Ant.Design The world's second most popular react UI framework https://ant.design
Webpack Module bundler https://webpack.js.org
Cypress JavaScript End To End testing framework https://cypress.io
Lerna A too for managing Javascripts projects with multiple packages https://lernajs.io

License

UNLICENSED

About

A SPA with React, Ant.Design, Lerna and E2E with Cypress

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published