1.0.3 • Published 4 years ago
nw-parcel-hmr-boilerplate v1.0.3
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.