Overview

The Full ES6+ React + React-Router + Redux + GraphQL + Apollo + Bootstrap starter is a project template that combines various technologies for developing React applications. It includes features such as JWT token based authentication, caching implementation with workbox-webpack-plugin, code splitting with dynamic imports, and integration with Apollo Client for handling API requests. The starter also provides support for server-side rendering and single page applications.

Features

• React JS: Utilizes React JS version 16.2.x for building user interfaces.
• Redux: Provides state management for the application.
• Apollo Client: Integrates GraphQL API requests into the React application.
• React-Redux: Connects React components with Redux for managing state.
• React-Router-Redux: Handles routing within the React application.
• loadable-components: Allows for dynamic importing of components.
• styled-components: Provides a way to style components with CSS.
• Bootstrap: Offers a CSS framework for building responsive layouts.
• React-Bootstrap: Provides pre-built Bootstrap components specifically for React.
• font-awesome: Includes a library of icons for use in the application.
• animate.css: Provides CSS animations for enhancing user experience.
• classnames: A utility for conditionally concatenating CSS classes.
• react-motion: Adds animations and transitions to React components.
• Webpack: Bundles and optimizes the application code.
• postcss: A CSS preprocessor used for transforming styles.
• babel 6+: Transpiles the ES6+ JavaScript code.
• redux-devtool-extension: Provides a browser extension for debugging Redux applications.
• jest: A JavaScript testing framework for running tests.

Installation

To get started with the Full ES6+ React + React-Router + Redux + GraphQL + Apollo + Bootstrap starter, follow these steps:

1. Make sure you have Node JS version 6.x or above installed.
2. Clone or download the project repository.
3. Open a terminal and navigate to the project directory.
4. Run the following command to install the dependencies:

npm install

5. After the installation is complete, you can start the development server by running the command:

npm start

6. Access the application in your web browser by visiting http://localhost:3000.

Summary

The Full ES6+ React + React-Router + Redux + GraphQL + Apollo + Bootstrap starter is a comprehensive project template that combines a variety of popular technologies for developing React applications. It provides features such as authentication, caching, code splitting, and integration with GraphQL and Apollo Client. The starter also includes tools for debugging and testing, making it a convenient choice for building robust and efficient React applications.