Nwjs Parcel HMR boilerPlate (StarterKit)

BoilerPlate start fast application with pixijs,react,nwjs

Features

• React FrontEnd (Framework HTML)
• PixiJS BackEnd (Library bridge between WebGL and GPU)
• Parcel Bundlers (almost no config)
• RES (react-easy-state) stores (instead of Redux)
• UI toolkit AntDesign MaterialUI, BluePrintJS (treeShaking)
• WebXR backend API (browser and nwjs) with fallback polyfill
• Builds for all majors Browsers (Chrome,Edge,FireFox...)
• Builds for all majors Desktops achhitectures ([x86,x64],Win,Osx,Linux...)
• HotReload browser and desktop (nwjs)
• NodeJS (Native with nwjs)
• Include Plugins inspector config: PIXIDEVTOOL, REACTDEVTOOL, SPECTORJS
• PreConfig for Babel, esLint, Less, Prettier
• PreConfig for VsCode live debbugger (remote,hotreload,nwjs)

PREVIEW

 

Quicks starts

Download || fork || open in Desktop

NPM

npm i nw-parcel-hmr-boilerplate

CMD

# clone the repo.
git clone --depth 1 https://github.com/djmisterjon/nw-parcel-hmr-boilerplate.git

# set change directory to repo
cd nw-parcel-hmr-boilerplate

# install the dependencies via npm
npm i

DEVELOPPEMENT

• developpement will bundle app in dist folder.
• production will bundle app in build folder.

---

Browser

developpement

• Start dev servor for browser dev

npm start

production

• Build final app for browser

npm run build

---

Desktop

developpement

• Start dev servor for desktop (nwjs)

npm run start-nw

production

• Build final app for desktop ([x64,x86],Win,Osx,Linux)

npm run build-nw

---

NOTE

• src folder is where code your app.
• NwJS is install locally in node_modules, but your can install globally.
• package.nwjs.json is where setup the desktop developpement and build.
• index.less is parent for import all css.
• res folder is where put images,files....
• index.store.jsx Is the Parent global stores for React.
• backend folder is where pixijs,webxr,... run.