React Apollo Starter Kit
A production-ready starter kit for making a React/Apollo application.
Overview
The React Apollo Starter Kit is an opinionated starter kit designed to help developers create Apollo-based apps that are ready for production. It comes with key features such as proper logging, error handling, testing, bundling, asset management, and more out of the box.
Features
- React for frontend development
- GraphQL for backend API
- Apollo for backend/frontend data flow management
- Redux for frontend data management
- React-router for clientside routing
- Aphrodite for styling
- Express for the server
- Webpack for development server + hot reloading clientside stuff
- Nodemon for hot reloading backend code
- Rollbar for production error handling
- Minilog for client and server logging
- Node-foreman for running both the Webpack server and Express server
- ESLint to keep Javascript style consistent
- Babel to use the latest Javascript language features
- Automatic asset versioning to aggressively cache assets in production
- Server-side rendering out of the box
- Custom Apollo network interface to handle GraphQL responses with middleware for global error handling
- Sane handling of unexpected exceptions with proper logging and error notifications
Summary
The React Apollo Starter Kit is a comprehensive framework for building Apollo-based apps with all the necessary features for production-ready development. With its built-in tools and streamlined installation process, developers can quickly set up a project and start creating high-quality applications.
- Express
Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Graphql
A website that uses GraphQL as a query language to manage data fetching and state management. This includes features such as a strongly typed schema, client-side caching, and declarative data fetching to streamline data management and optimize website performance.
- Webpack
Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.