stefanlazarevic / isomorphic-react-boilerplate

Boilerplate for quick start using React + Redux + React Router + React Helmet + React Google Analytics + SSR + Code Split + Dynamic Route Imports + Long Term Caching + Styled Components + Jest + Enzyme + HMR + BrowserSync + ESLint + Prettier + Webpack Dashboard + Friendly Errors + HTTP2

isomorphic-react-boilerplate

Boilerplate for quick start using

• React
• React Router with Dynamic route import.
• React Helmet
• React Google Analytics
• Redux
• Styled components
• Code Splitting
• Server Side Rendering
• Long Term Asset Caching
• Jest
• Enzyme
• Webpack
• Hot Module Replacement
• Browser Sync
• Webpack Dashboard
• Friendly Errors
• ESLint
• Prettier
• Storybook

Under consideration

• Typescript
• TSLint

Requirements

• Node (v8 or v10)

Installation

Install dependencies

npm i

Prepare HTTPS certificates

cd certificates

cp server.example.crt server.crt && cp server.example.csr server.csr && cp server.example.key server.key

Build production bundle

npm run build

Run production server

npm run server

Run Unit Tests

npm run test

Run Storybook Documentation

npm run storybook

Run Development environment

npm start

isomorphic-react-boilerplate's Issues

Missing support for Authentication and Authorization middleware

Missing css reset.

Integrate one of the open-sourced CSS resets such as Normalize or Reboot

Remove meaningful class names in production build.

In order to contribute bundle size reducing, minify class names in production build and instead of having a class name like Heading__H1-e0yp16-0 use generated names like e0yp16-0.

Global CSS Injection repeats during SSR.

Unable to use "innerRef" on component with hot reload under styled component.

Unable to use nested routes.

Currently routes only work on the root level depth. Add support for nesting routes preserving route level code split and SSR.

Missing Support for static types.

Provide support for Flow or Typescript

Unable to use nested routes.

Currently routes only work on the root level depth. Add support for nesting routes preserving route level code split and SSR.

Missing Component - Video Player

Create a video player with following functionalities:

10 seconds forward
10 seconds bacward
Skip Intro
Skip Recap
Go to next episode
Next episode starts in ...
Speed
Captions