scalable-react-typescript-boilerplate

⭐ Scalable micro-framework featuring React and TypeScript

reactreduxgraphqlboilerplatetypescriptwebpackapollohot-reloadingisomorphicserver-renderedstorybook

Preview

scalable-react-typescript-boilerplate preview

Overview

This is a React and TypeScript boilerplate designed for building large-scale applications using a feature-first file organization pattern, where code is grouped by feature rather than file type. It includes Redux for state management, GraphQL and Apollo for data fetching, server-side rendering with Express, styled-components for styling, webpack optimization with code splitting and lazy loading and a UI component kit with Storybook for development.

Features

feature-first-architectureserver-side-renderinghot-module-reloadingcode-chunkinglazy-route-loadinggraphql-supportapollo-clientredux-state-managementstorybook-integrationcode-generatorslerna-monorepo

Feature Flags

blogpaymentsecommercefileUploadsteamsOrgsgraphqlmapstestingstorybookserverSideRenderinghotReloadingcodeGeneration

Recommended Use Cases

large-scale-react-applicationsfull-stack-applicationsui-kit-developmentisomorphic-applications

Frontend

reactreduxapollo-clientwebpack

Backend

expressgraphql

Auth Providers

None

Deployment Targets

netlifyrenderheroku

Payment Providers

None

Quick Facts

⭐ Stars
172
🍴 Forks
26
🧾 License
MIT
🔄 Active
Unknown

Stack

Framework
react
Language
typescript
CSS
styled-components
Testing
jest, enzyme
CI
travis-ci

Data Layer

Databases
postgresql

UI Stack

Styling
styled-components
Components
custom-ui-kit

Developer Experience

Docker
No
Tests
Yes
Quickstart
Yes
env.example
No
CI
travis-ci

Pricing

Classification
free
Selected
Notes
Open source project
Get Started with this Boilerplate