All Projects β†’ souvikbasu β†’ react16-seed-with-apollo-graphql-scss-router4-ssr-tests-eslint-prettier-docker-webpack3-hot

souvikbasu / react16-seed-with-apollo-graphql-scss-router4-ssr-tests-eslint-prettier-docker-webpack3-hot

Licence: MIT License
Seed to create your own project using React with Apollo GraphQL client

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects

Projects that are alternatives of or similar to react16-seed-with-apollo-graphql-scss-router4-ssr-tests-eslint-prettier-docker-webpack3-hot

Reeakt
A modern React boilerplate to awesome web applications
Stars: ✭ 116 (+510.53%)
Mutual labels:  react-router, eslint, jest, ssr, prettier
awesome-address-book
This project shows a basic address book built with ReactJS, Redux Toolkit and Typescript πŸ“–
Stars: ✭ 20 (+5.26%)
Mutual labels:  react-router, eslint, jest, prettier
React Redux Universal Boilerplate
An Universal ReactJS/Redux Boilerplate
Stars: ✭ 165 (+768.42%)
Mutual labels:  mocha, react-router, eslint, hot-reload
react-ssr-spa
Server side rendered single page app using reactjs official libraries.
Stars: ✭ 30 (+57.89%)
Mutual labels:  mocha, react-router, eslint, hot-reload
React Ssr Starter
All have been introduced React environment
Stars: ✭ 20 (+5.26%)
Mutual labels:  react-router, eslint, jest, prettier
Starter React Flux
Generate your React PWA project with TypeScript or JavaScript
Stars: ✭ 65 (+242.11%)
Mutual labels:  react-router, eslint, jest, prettier
React Pages Boilerplate
Deliver react + react-router application to gh-pages
Stars: ✭ 134 (+605.26%)
Mutual labels:  react-router, eslint, jest, hot-reload
Express React Boilerplate
πŸš€πŸš€πŸš€ This is a tool that helps programmers create Express & React projects easily base on react-cool-starter.
Stars: ✭ 32 (+68.42%)
Mutual labels:  react-router, eslint, jest, prettier
React Boilerplate
βš› The stable base upon which we build our React projects at Mirego.
Stars: ✭ 39 (+105.26%)
Mutual labels:  react-router, jest, apollo-client, prettier
React Redux Saucepan
A minimal and universal react redux starter project. With hot reloading, linting and server-side rendering
Stars: ✭ 86 (+352.63%)
Mutual labels:  react-router, eslint, ssr, prettier
eslint-config-adjunct
A reasonable collection of plugins to use alongside your main esLint configuration
Stars: ✭ 39 (+105.26%)
Mutual labels:  mocha, eslint, jest, prettier
Express Webpack React Redux Typescript Boilerplate
πŸŽ‰ A full-stack boilerplate that using express with webpack, react and typescirpt!
Stars: ✭ 156 (+721.05%)
Mutual labels:  react-router, eslint, jest
Vue Skeleton Mvp
VueJs, Vuetify, Vue Router and Vuex skeleton MVP written on JavaScript using async/await built to work with API REST skeleton: https://github.com/davellanedam/node-express-mongodb-jwt-rest-api-skeleton
Stars: ✭ 406 (+2036.84%)
Mutual labels:  mocha, eslint, prettier
Js Stack Boilerplate
Final boilerplate code of the JavaScript Stack from Scratch tutorial –
Stars: ✭ 145 (+663.16%)
Mutual labels:  react-router, eslint, jest
typescript-api-starter
πŸ”° Starter for Node.js express API in Typescript πŸš€
Stars: ✭ 72 (+278.95%)
Mutual labels:  eslint, seed, prettier
Nodebestpractices
βœ… The Node.js best practices list (December 2021)
Stars: ✭ 72,734 (+382710.53%)
Mutual labels:  mocha, eslint, jest
nextjs-baseweb
Slightly opinionated scaffold of Next.js and Base Web.
Stars: ✭ 46 (+142.11%)
Mutual labels:  eslint, jest, prettier
react-redux-immutable-webpack-ssr-starter
React + React-Router 4 + Redux + ImmutableJS + Bootstrap + webpack 3 with with Server side rendering, Hot Reload and redux-devtools STARTER
Stars: ✭ 21 (+10.53%)
Mutual labels:  mocha, ssr, webpack3
reactjs-vite-tailwindcss-boilerplate
ReactJS + Vite boilerplate to be used with Tailwindcss.
Stars: ✭ 103 (+442.11%)
Mutual labels:  eslint, jest, prettier
ying-template
θΏ™ζ˜―δΈ€δΈͺ基于 `webpack@^5.27.2` + `typescript@^4.2.3` + `@babel/core@^7.2.2` + `jest@^26.6.3` + `eslint@^7.22.0` ηš„ε€šι‘΅ι’θ„šζ‰‹ζžΆγ€‚
Stars: ✭ 125 (+557.89%)
Mutual labels:  eslint, jest, prettier

React seed project to create your own app

Use this seed to create your own React app. It uses React v16 and has following features

  • Apollo client to connect to GraphQL server
  • SCSS
  • React Router v4
  • Server Side Rendering
  • Snapshot tests using Jest and Enzyme
  • Imperative testing using Mocha and Chai
  • ESLint
  • Prettier
  • Docker
  • Webpack 3
  • Hot reloading
  • Security
  • Compression

The app is created by ejecting from Create React App cli

Getting started

Clone this repository

git clone https://github.com/souvikbasu/react16-seed-with-apollo-graphql-scss-router4-ssr-tests-eslint-prettier-docker-webpack3-hot.git

To install dependencies

yarn

To run the app on localhost (Client side rendering)

yarn start

The above command runs the app using Webpack dev server. Access the app at http://localhost:3000

To build production code

yarn build

The code will be created in the build folder

To run Node server (SSR)

yarn run start:prod:server

The above command runs the app in a production level node server Access the app at http://localhost:3000

App configuration

Change developer, production or test config at ./src/appSettings

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].