Giter VIP home page Giter VIP logo

chenfanggm / hapi-react-hot-loader-example Goto Github PK

View Code? Open in Web Editor NEW

This project forked from codebelt/hapi-react-hot-loader-example

0.0 2.0 0.0 399 KB

Simple React Hot Loading example with Hapi Server-side rendering

Home Page: http://www.codebelt.com/javascript/webpack-react-hot-loader-hapi-js-server-side-rendering-example/

License: MIT License

JavaScript 84.21% CSS 15.02% HTML 0.77%

hapi-react-hot-loader-example's Introduction

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.

hapi-react-hot-loader-example's People

Contributors

ccheney avatar codebelt avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.