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.
react state-management state preact inferno hocInstalling 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.
toolkit react preact inferno react-component npm-module webpack babel karma development toolingReverse-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.
awesome not-awesome awesome-lists composition functional-programming delegation prototypes class classes es6 es2015 react object-oriented-programming inheritance inferno snabbdom recompose prototypal-inheritance functional-compositionThe 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.
react inferno controller state-management firebase debugger cerebral function-tree npm-module monorepoNerv 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.
nerv react preact inferno jsx virutal-dom vdom reactjs framework frontend nervjs typescript react-likeUniversal 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 what ever comes next.
isomorphic universal react preact inferno typescript reasonml reason-react rax webpack frameworkThis 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.
pigeon pigeon-maps react react-component map inferno inferno-componentHandle 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.
reactive-programming react preact inferno redux rxjs callbag most xstream typescriptReact-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.
react inferno preact tooltip react-component component hint react-hint react-tooltipHyperscript syntax for Inferno termplates. Returns an Inferno VNode from a Hyperscript representation.
inferno hyperscriptJust-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.
css-in-js universal-app react react-native inferno preact fela uian 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.
mobx react inferno tfrpThis 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 inferno-components inferno-js react web appjavascript: 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.
reactive-programming functional-programming react redux inferno most observables rxjs ramda lodash-fp mori immutablejs jsx hyperscript hyperscript-helpers counter functional reactive redux-logger union-typeThis 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.
jsx inferno babel-plugin babel es2015 es2016This 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 boilerplate cerebral jsxBeginner friendly example to get started with Inferno (JSX + typescript) with webpack. Clone this repository locally and then run npm install.
inferno typescriptThe offical website for Inferno - a JavaScript library for creating UIs on the web
inferno websiteCreate 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.
reactjs state-management react preact inferno es6 store state global-store root-store global-state root-state scalable-state predictable sliceOLD Inferno bindings for MobX
mobx inferno mobx-inferno mobx-connect react bindings
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.