Requirements and Specifications
The React PWA Reference Storefront requires a valid instance of Elastic Path Commerce. To customize and extend the storefront for your own store, you need experience with the technologies that are used in the storefront.
Development tools
An Elastic Path Commerce development environment requires the following software:
- Git
- Node.js
- Yarn
- Visual Studio Code with the following extensions:
- A valid Elastic Path development environment. For more information, see Getting Started
- Windows Only: Windows Subsystem for Linux (WSL)
Knowledge Requirements
To customize and extend the storefront, you need knowledge in the following technologies:
Supported Platforms
Elastic Path recommends using certified platforms, which are used for the regression and performance testing, for the product configuration. Elastic Path products might function correctly when deployed with compatible platforms, however, these platforms are not tested with the products. Elastic Path does not provide recommendations or best practices for these technologies.
Browsers
- Compatible with:
- Mozilla Firefox
- Certified:
- Google Chrome
- Safari
Devices
- Compatible with:
- Android phones
- Apple iOS phones
- Certified:
- Android tablets (10 and 7 inch)
- Apple iOS tablets (10 and 7 inch)
Technology Stack
The React PWA Reference Storefront technologies are robust and extensible. With these technologies, JavaScript developers and the front-end developers can customize storefront quickly with ease.
| Technology | Description | Domain |
|---|---|---|
| React.js | The JavaScript library for building a user interface using the components for single page applications. | Development |
| Webpack | An open-source JavaScript module bundler. Webpack takes modules with dependencies and generates static assets for the modules. | Development |
| jQuery | The JavaScript library used for the base DOM (Document Object Model) abstraction layer. | Development |
| Babel | The Javascript compiler. | Development |
| Bootstrap.js | A free and open-source front-end framework for designing websites and web applications. | Development |
| node.js | An open-source, cross-platform JavaScript run-time environment that executes JavaScript code server-side. | Development |
| Yarn | Package manager | Development |
| Workbox | The JavaScript libraries for adding offline support to web applications | Development |
| Puppeteer | The framework for testing web applications using Chrome automation. | QA |
| Storybook | An open-source tool for developing UI components in isolation. | Development |