razzle - ✨ Create server-rendered universal JavaScript applications with no configuration

•    Javascript

Universal JavaScript applications are tough to setup. Either you buy into a framework like Next.js or react-server, fork a boilerplate, or set things up yourself. Aiming to fill this void, Razzle is a tool that abstracts all complex configuration needed for SSR into a single dependency--giving you the awesome developer experience of create-react-app, but then leaving the rest of your app's architectural decisions about frameworks, routing, and data fetching up to you. With this approach, Razzle not only works with React, but also Reason, Elm, Vue, Angular, and most importantly......whatever comes next.Below is a list of commands you will probably find useful.

freactal - Clean and robust state management for React and React-like libs.

•    Javascript

freactal is a composable state management library for React.The library grew from the idea that state should be just as flexible as your React code; the state containers you build with freactal are just components, and you can compose them however you'd like. In this way, it attempts to address the often exponential relationship between application size and complexity in growing projects.

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)

•    Javascript

Installing globally provides an nwb command for quick development and working with projects. Using npm >= 3 is recommended, as Babel takes significantly more time and disk space to install with npm 2 due to its lack of deduplication.

not-awesome-es6-classes - A curated list of resources on why ES6 (aka ES2015) classes are NOT awesome

Reverse-inspired by all of the awesome lists on GitHub, like Awesome, Awesome Awesomeness, Awesome JavaScript, Awesome React, Awesome Cycle.js, Awesome Go, Awesome Elixir, Awesome Elm, etc. While ES6 brings several useful and syntactically pleasing new features to JavaScript, there are many people in the JS community who feel that adding class syntax to the language was a mistake. I share this sentiment, but I have encountered quite a few programmers in the wild who don't agree or simply don't seem to understand why some of us have this opinion. So, I wanted to create an online reference where people could come to learn specifically about this issue and why they might not actually need class syntax in JavaScript.

cerebral - Declarative state and side effects management for popular JavaScript frameworks

•    Javascript

The entire Cerebral codebase has been rewritten to encourage contributions. The code is cleaned up, commented and all code is in a "monorepo". That means you can run tests across projects and general management of the code is simplified a lot. The packages are located under packages folder and there is no need to run npm install for each package.

nerv - A blazing fast React alternative, compatible with IE8 and React 16.

•    Javascript

Nerv is a virtual-dom based JavaScript (TypeScript) library with identical React 16 API, which offers much higher performance, tinier package size and better browser compatibility. 💫 Support React 16 features, Error Boundaries, Portals, custom DOM attributes, etc.

pigeon-maps - ReactJS Maps without external dependencies

•    Javascript

This project aims to provide a performance-first React-centric extendable map engine. It was originally created to reduce page load speed for the search results on Apprentus, a marketplace for private lessons.

refract - Harness the power of reactive programming to supercharge your components

•    TypeScript

Handle your component effects and side-effects in a clear and declarative fashion by using asynchronous data streams (reactive programming). Component-based architecture and functional programming have become an increasingly popular approach for building UIs. They help make apps more predictable, more testable, and more maintainable.

react-hint - Tooltip component for React, Preact, Inferno

•    Javascript

React-hint is a small tooltip component for React which is developed with simplicity and performance in mind. It also plays nicely with Preact and Inferno. You don't need to include ReactHint in every component which uses tooltips, just include it once in the topmost container component. In case you need to define multiple instances of ReactHint, you can customise the attribute name per instance. ReactHint also supports custom tooltip content with attached event handlers by overriding the content renderer and returning a react node.

inferno-hyperscript - Hyperscript syntax for Inferno termplates.

•    Javascript

Hyperscript syntax for Inferno termplates. Returns an Inferno VNode from a Hyperscript representation.

just-box - Just-Box helps you create universal layouts in your React and React-Native apps.

•    Javascript

Just-Box helps you create universal layouts in your React and React-Native apps. It's based on Daniel Steigerwald idea implemented in este boilerplate. just-box is a less opinionated standalone version with some additions and tweaks. Before you start creating layouts you have to answer two questions.

mobx-observer - a simple observer decorator you can utilize with any react-like components

•    Javascript

an observer decorator and factory for all your react-like components. If your component has these lifecycle methods, mobx-observer will be able to subscribe/unsubscribe to changes on your mobx observables. Which means you can use this not only with react, but also with inferno, preact, react-lite.

Inferno.js-Starter - :fire: Starter for Inferno.js, +WebPack, +Redux, +Mocha

•    Javascript

This is a Starter App for Inferno.js, an extremely fast, React-API compatible library. 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.

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

•    Javascript

javascript: This branch uses a plain JS object to store the global app state. This is the default branch you will be on when first cloning the repository. There is no master branch. mori: This branch uses a mori hashMap (an immutable & persistent data structure) to store the global app state. mori is similar to immutable-js, but features a more functional API & better performance.

babel-plugin-inferno

•    Javascript

This plugin transforms JSX code in your projects to Inferno compatible virtual DOM. It is recommended to use this plugin for compiling JSX for inferno. It is different to other JSX plugins, because it outputs highly optimized inferno specific createVNode calls. This plugin also checks children shape during compilation stage to reduce overhead from runtime application. Add the plugin to your package.json and update the plugin section in your .babelrc file. Or if your Babel settings are located inside the package.json - update the plugin section there.

inferno-boilerplate

•    Javascript

This is a very basic boilerplate example for people wanting to get started with Inferno. This boilerplate uses inferno, webpack, babel and the babel-plugin-inferno JSX Babel plugin. This boilerplate shows how to use inferno-router in a very simple way. Clone this repository locally and then run npm install.

inferno-typescript-example - An example of using TypeScript with Inferno

•    TypeScript

Beginner friendly example to get started with Inferno (JSX + typescript) with webpack. Clone this repository locally and then run npm install.

inferno-website

•    Javascript

The offical website for Inferno - a JavaScript library for creating UIs on the web

clearx - Fast & Effortless state management for React with zero learning curve

•    Javascript

Create a global application store with application's data structure. This can be accessed, changed, plugged and sliced from anywhere in an application. Now create slices from the application store and plug it anywhere in application. Each slice keeps itself in sync with the application store and updates the view or class with changes. If the slice is attached to a React component, it updates the state with the latest data from the application store which internally triggers the rerender process of UI component. All this happens with very simple API calls. When we create an application store with ClearX, it provides a simple and rich API to operate on data. With API we can change the data, slice and plug the data anywhere in an application. Each slice keeps itself in sync with the application store and updates the view or class with changes. If the slice is attached to a React, Preact or Inferno UI component, it updates the state with the latest data from the application store which internally triggers the rerender process of UI component. When state changes in UI component, ClearX will NOT update the global application store. Instead it provides two choices. Update application store directly or use setState method of a slice which works exactly as React's setState method. When we update data on slice directly, the library internally checks what data has changed and other slices get updated only if there is a data change.

mobx-inferno - Inferno bindings for MobX

•    Javascript

OLD Inferno bindings for MobX