Component, just a simple function.
State, just a simple object.
rx7.js is a small and lightweight library for React. rx7.js provides you great features as t7.js .
t7.js:
t7.js is a small, lightweight JavaScript template library that compiles ES2015 template strings into virtual DOM objects.
Template strings allow for JavaScript expressions to be embedded within literal strings. With that in mind, it made logical sense to build a small library around them to assist developers wanting to work with virtual DOM frameworks without the overhead of learning a new language. t7 does not introduce new syntax into the mix like other templating engines do, it simply uses pure JavaScript and HTML.
t7 provides designers and developers with a way to create awesome templates that anyone with JavaScript knowledge can easily understand. Long gone are the days of having to learn something like Mustache, Handlebars, Jade or Underscore.
Unlike JSX, t7 relies exclusively on ES 2015 features, so you can use any ES 2015 compliant build tools, linters, IDEs or syntax highlighting schemes, without worrying about transpiling JSX.
rx7.js fully supports in-browser, NodeJS (, Electron) , Browserify... usage. If you are using rx7.js in your browser, simply include the script:
<script src="rx7.js"></script>Or use CDN:
<script src="https://unpkg.com/rx7@latest/rx7.js"></script>Copy rx7.js your PC, or run the following:
npm install rx7
Simply use the rx7.js module as you would any other module:
const rx7 = require("./rx7.js");See attached sample HTML files. This samples make sense to you if you are a React user.
I provided you the function it looks like Redux until rx7.js-v1.0.
However React v16.8 includes a stable implementation of React Hooks. So I decided to remove that from rx7.js-v2.0.
I recommend React Hooks!
Of course you can use v1.0 branch if you want.
- Fork it
- Create your feature branch
- Commit your changes
- Push to the branch
- Create new Pull Request
MIT