Overview:

The React + Phoenix boilerplate is a basic setup for a React(16) + Phoenix(1.3)/Elixir(1.7) project. It uses webpack(4) for bundling and includes features such as user authentication and Redux for predictable state management.

Features:

• React hot reloader: Tweak React components in real time.
• Redux logger: Log Redux actions and state changes.
• React Router 4: Declarative routing for React.
• Babel: Transpile ES6 and ES7 code.
• Webpack 4: Bundling tool.
• Redux Dev Tools: DevTools for Redux with hot reloading and customizable UI.
• Redux Saga: Middleware for managing asynchronous actions.
• React Router Redux: Simple bindings to keep react-router and redux in sync.
• ESLint: Code linter.
• Jest: JavaScript testing framework.
• Enzyme: JavaScript testing utilities for React.
• Sass: CSS extension language.
• PostCSS: Tool for transforming CSS to JavaScript.
• Husky: Prevents bad commits and pushes.
• OpenBrowserPlugin: Opens a new browser tab when Webpack loads.
• Credo: Static code analysis tool for the Elixir language.

Installation:

1. Install git.
2. Change the app name in the necessary files.
3. Reinitialize git.
4. Download dependencies.
5. Start the server.

Summary:

The React + Phoenix boilerplate is a basic setup for a React and Phoenix project. It includes several key features such as hot reloading, Redux state management, and a variety of plugins and technologies for enhanced development and testing. The installation process is straightforward and requires a few steps to get the project up and running.