All Projects β†’ brakmic β†’ Inferno.js-Starter

brakmic / Inferno.js-Starter

Licence: MIT License
πŸ”₯ Starter for Inferno.js, +WebPack, +Redux, +Mocha

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects

Projects that are alternatives of or similar to Inferno.js-Starter

awesome-inferno
Awesome collection about the Inferno library πŸ”₯
Stars: ✭ 70 (+366.67%)
Mutual labels:  inferno, inferno-components, inferno-js
Inferno
πŸ”₯ An extremely fast, React-like JavaScript library for building modern user interfaces
Stars: ✭ 15,206 (+101273.33%)
Mutual labels:  inferno, inferno-js
enzyme-adapter-inferno
Inferno enzyme adapter
Stars: ✭ 16 (+6.67%)
Mutual labels:  inferno, inferno-js
slup
πŸš€ Sets of Material Design components built upon Inferno
Stars: ✭ 13 (-13.33%)
Mutual labels:  inferno, inferno-js
Scoped Style
A tiny css in js library πŸš€
Stars: ✭ 129 (+760%)
Mutual labels:  inferno
Refract
Harness the power of reactive programming to supercharge your components
Stars: ✭ 791 (+5173.33%)
Mutual labels:  inferno
Nwb
A toolkit for React, Preact, Inferno & vanilla JS apps, React libraries and other npm modules for the web, with no configuration (until you need it)
Stars: ✭ 5,429 (+36093.33%)
Mutual labels:  inferno
Incompose
A inferno utility belt for function components and higher-order components
Stars: ✭ 76 (+406.67%)
Mutual labels:  inferno
Pigeon Maps
ReactJS Maps without external dependencies
Stars: ✭ 3,198 (+21220%)
Mutual labels:  inferno
Not Awesome Es6 Classes
A curated list of resources on why ES6 (aka ES2015) classes are NOT awesome
Stars: ✭ 1,185 (+7800%)
Mutual labels:  inferno
Babel Plugin Inferno
Transforms JSX to InfernoJS vNodes
Stars: ✭ 71 (+373.33%)
Mutual labels:  inferno
Limbobyexample
Examples for the Limbo Programming Language
Stars: ✭ 34 (+126.67%)
Mutual labels:  inferno
Freactal
Clean and robust state management for React and React-like libs.
Stars: ✭ 1,676 (+11073.33%)
Mutual labels:  inferno
Nerv
A blazing fast React alternative, compatible with IE8 and React 16.
Stars: ✭ 5,409 (+35960%)
Mutual labels:  inferno
Laco
⚑️Ultra lightweight state management for React and Inferno
Stars: ✭ 203 (+1253.33%)
Mutual labels:  inferno
Ts Transform Inferno
Typescript transformer for InfernoJS
Stars: ✭ 48 (+220%)
Mutual labels:  inferno
React Hint
Tooltip component for React, Preact, Inferno
Stars: ✭ 338 (+2153.33%)
Mutual labels:  inferno
Inferno Most Fp Demo
A demo for the ReactJS Tampa Bay meetup showing how to build a React+Redux-like architecture from scratch using Inferno, Most.js, reactive programmning, and various functional programming tools & techniques
Stars: ✭ 45 (+200%)
Mutual labels:  inferno
chooj
Matrix chat app for KaiOS supporting voice calls
Stars: ✭ 44 (+193.33%)
Mutual labels:  inferno
Cerebral
Declarative state and side effects management for popular JavaScript frameworks
Stars: ✭ 1,946 (+12873.33%)
Mutual labels:  inferno

CarPool

This is a Starter App for Inferno.js, an extremely fast, React-API compatible library.

It contains:

  • a complete infrastructure built on Inferno.js and Bootstrap
  • a web server based on Hapi
  • Babel.js and the needed presets and plugins. [see .babelrc]
  • build configs for Gulp.js and WebPack
  • testing skeleton based on Mocha & Chai
  • a minimal Redux state management
  • a rudimentary 'CarPool' WebApp showing a few (freely available) car pictures

inferno_front

Installation

npm install

Building

gulp

Gulp will then copy all the files from src/ to build/tmp and invoke WebPack which in turn will create a new release under build/release.

For continuous development use:

gulp watch

There's no hot-reloading because Inferno.js Components can't be consumed by WebPack's Hot-Loader. This is understandable as Inferno's components only have a React-compatible API but not the internal structure. For example, the InfernoDOM.render() function doesn't return the instance of the root Component. And without it the HotLoader will be unable to localize the root of the WebApp.

Example code from React Hot-Loading Docs

// When you render it, assign it to a variable
var rootInstance = React.render(RootComponent(), document.body);

// Then just copy and paste this part at the bottom of
// the file
if (module.hot) {
  require('react-hot-loader/Injection').RootInstanceProvider.injectProvider({
    getRootInstances: function () {
      // Help React Hot Loader figure out the root component instances on the page:
      return [rootInstance];
    }
  });
}

I'll try to find out if there's any possibility to hot-load Inferno's components and for the time being you can use the older livereload functionality provided by LiveReload Chrome-Plugin + gulp watch from the console.

Running

npm start

Hapi.js will use index.js from the root of the project and serve the contents on http://localhost:8080

Testing

npm test

inferno_test

or for continuous testing

npm test:watch

Currently, there's not much to test because everything here is still in flux.

License

MIT

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