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 → Typescript Hapi React Hot Loader Example

codeBelt / Typescript Hapi React Hot Loader Example

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

Programming Languages

typescript
32286 projects

Labels

reactreduxsassssrserver-side-renderingreact-reduxwebpack4isomorphicredux-sagahapicode-splittingredux-formuniversal-app

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

Hapi React Hot Loader Example
Simple 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:  webpack4, 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
Reactql
Universal React+GraphQL starter kit: React 16, Apollo 2, MobX, Emotion, Webpack 4, GraphQL Code Generator, React Router 4, PostCSS, SSR
Stars: ✭ 1,833 (+4065.91%)
Mutual labels:  webpack4, sass, ssr, server-side-rendering
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
Modern-Web-App
React PWA with SSR and Code splitting
Stars: ✭ 45 (+2.27%)
Mutual labels:  ssr, code-splitting, server-side-rendering
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 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
React Pwa
An upgradable boilerplate for Progressive web applications (PWA) with server side rendering, build with SEO in mind and achieving max page speed and optimized user experience.
Stars: ✭ 2,433 (+5429.55%)
Mutual labels:  webpack4, code-splitting, ssr
React Head
⛑ SSR-ready Document Head tag management for React 16+
Stars: ✭ 262 (+495.45%)
Mutual labels:  isomorphic, ssr, server-side-rendering
Push Starter
React Redux Starter with SSR 🤖
Stars: ✭ 43 (-2.27%)
Mutual labels:  webpack4, isomorphic, redux-form
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
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
React Router Server
Server Side Rendering library for React Router v4.
Stars: ✭ 443 (+906.82%)
Mutual labels:  code-splitting, 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
Vueniverse
Full stack, user based, PWA, Vue template.
Stars: ✭ 339 (+670.45%)
Mutual labels:  isomorphic, code-splitting, universal-app
React Imported Component
✂️📦Bundler-independent solution for SSR-friendly code-splitting
Stars: ✭ 525 (+1093.18%)
Mutual labels:  code-splitting, ssr, server-side-rendering
163music
🎵163 music web app built with Vue 2.6, server side render, webpack 4
Stars: ✭ 139 (+215.91%)
Mutual labels:  webpack4, sass, server-side-rendering
Loadable Components
The recommended Code Splitting library for React ✂️✨
Stars: ✭ 6,194 (+13977.27%)
Mutual labels:  code-splitting, ssr, server-side-rendering
View All Similar Projects ➔

typescript-hapi-react-hot-loader-example

TypeScript example universal/isomorphic application demonstrating react-hot-loader-4 with webpack-4, react and friends, async code splitting, and hapi.

Check out the JavaScript 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 local (local build w/ server)
  • $ yarn local:build (local 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].