GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → codeBelt → Hapi React Hot Loader Example

codeBelt / Hapi React Hot Loader Example

Licence: mit
Simple React Hot Loading example with Hapi Server-side rendering

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

reactreduxsassssrserver-side-renderingreact-reduxisomorphicredux-sagawebpack3hapicode-splittingredux-formuniversal-app

Projects that are alternatives of or similar to Hapi React Hot Loader Example

Typescript Hapi React Hot Loader Example
Simple TypeScript React Hot Loading example with Hapi Server-side rendering
Stars: ✭ 44 (+0%)
Mutual labels:  isomorphic, hapi, code-splitting, redux-form, sass, ssr, server-side-rendering, react-redux, redux-saga, universal-app
isomorphic-react-redux-saga-ssr
Isomorphic, React, Redux, Saga, Server Side rendering, Hot Module Reloading, Ducks, Code Splitting
Stars: ✭ 19 (-56.82%)
Mutual labels:  isomorphic, redux-saga, ssr, react-redux, code-splitting, server-side-rendering
Egg Vue Webpack Boilerplate
Egg Vue Server Side Render (SSR) / Client Side Render (CSR)
Stars: ✭ 1,302 (+2859.09%)
Mutual labels:  webpack3, isomorphic, ssr, server-side-rendering
movies
Real world isomorphic application for movies search, based on Webpack 5 / Express / React 17 + Redux-Saga / Bootstrap 4.6 + CSS Modules / i18next / SSR
Stars: ✭ 20 (-54.55%)
Mutual labels:  isomorphic, redux-saga, ssr, server-side-rendering
Koa React Universal
lightweight React-Koa2 universal boilerplate, only what is essential
Stars: ✭ 112 (+154.55%)
Mutual labels:  webpack3, isomorphic, code-splitting, ssr
boss-lite
Boss Lite - React Redux Material Admin Template
Stars: ✭ 148 (+236.36%)
Mutual labels:  ssr, redux-form, webpack3
webpack-isomorphic-compiler
A compiler that makes your life easier if you are building isomorphic webpack powered apps, that is, single page applications with server-side rendering
Stars: ✭ 16 (-63.64%)
Mutual labels:  isomorphic, ssr, server-side-rendering
ssr-starter-pack
Moved to https://github.com/Brigad/ssr-starter-pack
Stars: ✭ 12 (-72.73%)
Mutual labels:  ssr, server-side-rendering, webpack3
React Head
⛑ SSR-ready Document Head tag management for React 16+
Stars: ✭ 262 (+495.45%)
Mutual labels:  isomorphic, ssr, server-side-rendering
Angular Ssr
Angular 4+ server-side rendering solution compatible with @angular/material, jQuery, and other libraries that touch the DOM (as well as providing a rich feature set!)
Stars: ✭ 283 (+543.18%)
Mutual labels:  isomorphic, ssr, server-side-rendering
React App
Create React App with server-side code support
Stars: ✭ 614 (+1295.45%)
Mutual labels:  isomorphic, ssr, server-side-rendering
Modern-Web-App
React PWA with SSR and Code splitting
Stars: ✭ 45 (+2.27%)
Mutual labels:  ssr, code-splitting, server-side-rendering
Vueniverse
Full stack, user based, PWA, Vue template.
Stars: ✭ 339 (+670.45%)
Mutual labels:  isomorphic, code-splitting, universal-app
kaonjs
Kaon.js is a react isomorphic app solution. It contains webpack build, hot reloading, code splitting and server side rendering.
Stars: ✭ 21 (-52.27%)
Mutual labels:  isomorphic, code-splitting, server-side-rendering
React Loadable
⏳ A higher order component for loading components with promises.
Stars: ✭ 16,238 (+36804.55%)
Mutual labels:  code-splitting, ssr, server-side-rendering
React Router Server
Server Side Rendering library for React Router v4.
Stars: ✭ 443 (+906.82%)
Mutual labels:  code-splitting, ssr, server-side-rendering
laravel-react-boilerplate
Laravel React Boilerplate with Ant Design, Route-Level Code Splitting, Redux, Sanctum Auth
Stars: ✭ 49 (+11.36%)
Mutual labels:  redux-saga, react-redux, code-splitting
Redux Connect
Provides decorator for resolving async props in react-router, extremely useful for handling server-side rendering in React
Stars: ✭ 551 (+1152.27%)
Mutual labels:  isomorphic, server-side-rendering, react-redux
rapid-react
A light weight interactive CLI Automation Tool 🛠️ for rapid scaffolding of tailored React apps with Create React App under the hood.
Stars: ✭ 73 (+65.91%)
Mutual labels:  redux-saga, react-redux, redux-form
Ssr Sample
A minimum sample of Server-Side-Rendering, Single-Page-Application and Progressive Web App
Stars: ✭ 285 (+547.73%)
Mutual labels:  ssr, server-side-rendering, redux-saga
View All Similar Projects ➔

[No longer maintained] I will continue to maintain the TypeScript version.

hapi-react-hot-loader-example

Example universal/isomorphic application demonstrating react-hot-loader-3 with webpack-3, react and friends, async code splitting, and hapi.

Check out the TypeScript version here

Found this usefull? give it a ⭐️

Windows users see the last section of this README

get started

  1. $ yarn
  2. $ yarn dev
  3. http://localhost:3000

dev tasks

  • $ yarn lint (eslint)
  • $ yarn dev (local development w/ server)

Type rs with a carriage return to restart nodemon if you make changes to the server.js file or any files within the server folder. It's not efficient to automatically restart nodemon on file changes.

Note: Saga's do not hot load. You will have to reload the browser. Read more about potential issues and/or implement yourself.

production tasks

  • $ yarn prod (production build w/ server)
  • $ yarn prod:build (production build)

staging tasks

  • $ yarn staging (staging build w/ server)
  • $ yarn staging:build (staging build)
Other features/examples I am working:
  • Jest / Enzyme

Window Users

Use $ yarn devWindows during development. Note rs to restart nodemon will not work on windows.

If you want rs to restart nodemon you will need to run yarn watchServer and yarn devServer in two separate terminals.

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].