Description
This plugin registers the RactiveJS Framework library as part of WordPress. This means that Ractive scripts can be included in your plugins by just enqueuing the scripts. Please see FAQ for usage for your plugin.
NOTE: This does not add any ability to the wordpress front-end or back-end. The scripts are disabled by default and must be included in your plugin by enqueuing the scripts as you would for any other scripting engine. So to reiterate this plugin does not add any extra functionality on its own. It is designed to be used as a dependancy for other plugins.
Live, reactive templating
Ractive.js is a template-driven UI library, but unlike other tools that generate inert HTML, it transforms your templates into blueprints for apps that are interactive by default.
Powerful and extensible
Two-way binding, animations, SVG support and more are provided out-of-the-box – but you can add whatever functionality you need by downloading and creating plugins.
Optimised for your sanity
Some tools force you to learn a new vocabulary and structure your app in a particular way. Ractive works for you, not the other way around – and it plays well with other libraries.
RactiveJS: http://www.ractivejs.org/
Installation
- Upload the
plugin
folder to the/wp-content/plugins/
directory - Activate the plugin through the ‘Plugins’ menu in WordPress
FAQ
- Installation Instructions
-
- Upload the
plugin
folder to the/wp-content/plugins/
directory - Activate the plugin through the ‘Plugins’ menu in WordPress
- Upload the
- How to use RactiveJS in my plugin?
-
This plugin is just a helper plugin to register the RactiveJS framework scripts into wordpress and allow them to be enqueued and utilized by other plugins. Below is an explaination of the script handlers you have to enqueue to activate RactiveJS and to activate any of the ractive-plugins used in conjunction RactiveJS.
How to Enqueue the RactiveJS Framework scripts:
wp_enqueue_script('ractive-js'); RactiveJS Framework wp_enqueue_script('ractive-hover'); Ractive.js hover event plugin wp_enqueue_script('ractive-keys'); Ractive.js keys event plugin wp_enqueue_script('ractive-mousewheel'); Ractive.js mousewheel event plugin wp_enqueue_script('ractive-resize'); Ractive.events.resize wp_enqueue_script('ractive-tap'); Ractive.js tap event plugin wp_enqueue_script('ractive-touch-hammer'); ractive-touch wp_enqueue_script('ractive-touch'); ractive-touch wp_enqueue_script('ractive-typing'); ractive-events-typing wp_enqueue_script('ractive-viewport'); ractive-event-viewport wp_enqueue_script('ractive-fade'); Ractive.js fade transition plugin wp_enqueue_script('ractive-fly'); Ractive.js fly transition plugin wp_enqueue_script('ractive-scale'); Ractive.js scale transition plugin wp_enqueue_script('ractive-slide'); Ractive.js slide transition plugin wp_enqueue_script('ractive-slide-horizontal'); Horizontal slide transition plugin for Ractive wp_enqueue_script('ractive-typewriter'); Ractive.js typewriter transition plugin
- Script Dependancies
-
Each of the scripts have dependancies. They are all queued as dependancies in the plugin. So if you forget to load the dependancy it will be automatically loaded for you.
ractive-js No Depenancies ractive-hover ractive-js ractive-keys ractive-js ractive-mousewheel ractive-js ractive-resize ractive-js ractive-tap ractive-js ractive-touch-hammer ractive-js ractive-touch ractive-js, ractive-touch-hammer ractive-typing ractive-js ractive-viewport ractive-js ractive-fade ractive-js ractive-fly ractive-js ractive-scale ractive-js ractive-slide ractive-js ractive-slide-horizontal ractive-js ractive-typewriter ractive-js
Reviews
There are no reviews for this plugin.
Contributors & Developers
“RactiveJS” is open source software. The following people have contributed to this plugin.
ContributorsTranslate “RactiveJS” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.3
- Remove getPluginURL function and replaced all references to it with plugins_url() WP Core function
- Updated ‘ractive.min.js’ to v0.8.1
- Updated ‘ractive-taps.min.js’ to v0.3.1
- Updated ‘hammer.min.js’ to v2.0.8
1.2.3
- Tested with version 4.7 of WordPress
1.2.2
- Tested with version 4.6 of WordPress
1.2.1
- Fixed error with ractive-tap plugin
1.2
- hammer.js updated to 2.0.6
- ractive-tap updated to 0.3.0
- ractive-events-hover updated to 0.2.0
- ractive-fade update to 0.3.1
- ractive-slide updated to 0.4.0
- ractive-slide-horizontal updated to 1.0.3
1.1
- Added getPluginURL() function to return Globally the plugin URL. References plugin_url().’/ractive-js’
- Added transitions to RactiveJS Plugin
- Added transitions scripts to new function register_transitions_scripts()
- Moved events scripts to the register_events_scripts() function
- Minified all transitions scripts
- Minified all events scripts
- Minified the core RactiveJS file: ractive.js
1.0
- Gold release