michaelBenin/react-ssr-spaPublic

NotificationsYou must be signed in to change notification settings
Fork2
Star30

Server side rendered single page app using reactjs official libraries.

License

MIT license

30 stars 2 forks Branches Tags Activity

Star

Notifications

You must be signed in to change notification settings

Branches Tags

Folders and files

Name		Name	Last commit message	Last commit date
Latest commit History 163 Commits
ansible		ansible
gulpfile.babel.js		gulpfile.babel.js
logs		logs
pm2		pm2
src		src
test		test
.babelrc		.babelrc
.editorconfig		.editorconfig
.env.example		.env.example
.gitignore		.gitignore
.npmignore		.npmignore
.travis.yml		.travis.yml
CHANGELOG.md		CHANGELOG.md
CODE_OF_CONDUCT.md		CODE_OF_CONDUCT.md
LICENSE.txt		LICENSE.txt
README.md		README.md
contributing.md		contributing.md
features_flags.js		features_flags.js
npm-shrinkwrap.json		npm-shrinkwrap.json
package.json		package.json

Repository files navigation

Server Coverage:

Client Coverage:

Acceptance Tests:

react-ssr-spa

About:

react-ssr-spa is a react app that is server side rendered and is a single page app.

Should you use this as a starting point for your application? A good way to know is if you answered yes to any of the following questions.

Do we need SEO?

Do we need fast page loads without a loading spinner?

Do we need a fast app like website?

Quickstart:

Requirements:

node.js v8.9.1npm v5.5.1

git clone git@github.com:michaelBenin/react-ssr-spa.gitcd react-ssr-spanpm inpm startOpen browser http://localhost:8001/

Configuration:

(Optional) Create an .env file at the root of the directory. See .env.example in root.

Commands:

Run in dev mode:

npm start

Optimized for use with:

React Developer Tools

Redux DevTools

Node Inspector Manager

React Performance Devtool

React-Sight

Server Side Unit Tests:

npm run server-unit-test

Server Side Integration Tests:

npm run server-integration-test

Client Side Unit Tests:

npm run client-unit-testnpm run client-unit-test-watch

Client Side Integration Tests:

npm run client-integration-testnpm run client-integration-test-watch

Functional / Acceptance Tests (WIP):

npm run acceptance-test

JS Lint (uses eslint):

npm run js-lintnpm run js-lint-fix

Style Lint (uses styleint):

npm run style-lintnpm run style-lint-fix

Fix JS/SCSS Lint:

npm run fix-all

Generate JS Documentation:

npm run js-doc

Generate Style Documentation:

npm run style-doc

Generate All Documentation:

npm run docs

Generate Complexity Report:

npm run complexity-report

Build production assets:

npm run build-prod

Emulate Production Locally:

npm run build-prodNODE_ENV=test node dist/server

Analyize bundle size

npm run build-prod

Update package.json with the appropriate js and map files.

npm run analyzie-bundle

Run production server (requires PM2 installed globally)

If PM2 is not installed:

npm i pm2 -g

To run server in production mode:

npm run prod-server

Upload Artifact to S3

npm run create-upload-artifact

Upload Static Files to S3

npm run upload-static-files

Configure Server

ansible-playbook -u ubuntu ./ansible/deploy/deploy.yml

Deployment (ansible & ansistrano)

ansible-playbook -u ubuntu ./ansible/deploy/deploy.yml

Rollback (ansible & ansistrano)

ansible-playbook -u ubuntu ./ansible/rollback/rollback.yml

Core Libraries:

https://github.com/facebook/react

https://github.com/reactjs/react-router

https://github.com/reactjs/redux

https://github.com/reactjs/react-redux

https://github.com/reactjs/react-router-redux

https://github.com/gaearon/redux-thunk

https://github.com/nfl/react-helmet

https://github.com/expressjs/express

Inspiration:

https://github.com/rendrjs/rendr

https://github.com/michaelBenin/node-startup

https://github.com/ember-fastboot/ember-cli-fastboot

About

Server side rendered single page app using reactjs official libraries.

Releases

11tags

Packages

No packages published

Movatterモバイル変換

License

michaelBenin/react-ssr-spa

Folders and files

Latest commit

History

Repository files navigation

react-ssr-spa

About:

Quickstart:

Configuration:

Commands:

Run in dev mode:

Server Side Unit Tests:

Server Side Integration Tests:

Client Side Unit Tests:

Client Side Integration Tests:

Functional / Acceptance Tests (WIP):

JS Lint (uses eslint):

Style Lint (uses styleint):

Fix JS/SCSS Lint:

Generate JS Documentation:

Generate Style Documentation:

Generate All Documentation:

Generate Complexity Report:

Build production assets:

Emulate Production Locally:

Analyize bundle size

Run production server (requires PM2 installed globally)

Upload Artifact to S3

Upload Static Files to S3

Configure Server

Deployment (ansible & ansistrano)

Rollback (ansible & ansistrano)

Core Libraries:

Inspiration:

About

Topics

Resources

License

Code of conduct

Uh oh!

Stars

Watchers

Forks

Releases

Packages0

Uh oh!

Contributors3

Uh oh!

Languages

Packages