xhp-js - Easily create JS controllers for XHP elements, and XHP wrappers for React elements

  •        7

XHP-JS is a combination of Hack and Javascript libraries allowing you to easily call Javascript functions or create Javascript classes that from XHP components, and to pass these classes or references to the DOM nodes to other Javascript code. For convenience, an interface to construct React components is also included.

https://github.com/hhvm/xhp-js

Tags
Implementation
License
Platform

   




Related Projects

xhp-lib - Class libraries for XHP

  •    Hack

XHP augments the syntax of Hack such that XML document fragments become valid PHP expressions. This allows you to use Hack as a stricter templating engine and offers much more straightforward implementation of reusable components. In addition, you will need to use hhvm-autoload as your autoloader.

xhp-lib - Class libraries for XHP

  •    Hack

XHP augments the syntax of Hack such that XML document fragments become valid PHP expressions. This allows you to use Hack as a stricter templating engine and offers much more straightforward implementation of reusable components.Take note of the syntax on line 3, this is not a string. This is the major new syntax that XHP introduces to Hack.

facebook-xhp

  •    PHP

XHP is a PHP extension which augments the syntax of the language such that XML document fragments become valid PHP expressions.

hack-hhvm-docs - The Hack and HHVM manual and documentation

  •    PHP

You agree to license any contributions that you make to the HHVM and Hack Manual Documentation under the Creative Commons Attribution 3.0 License found at http://creativecommons.org/licenses/by/3.0/legalcode.

pyxl - A Python extension for writing structured and reusable inline HTML.

  •    Python

Pyxl is an open source package that extends Python to support inline HTML. It converts HTML fragments into valid Python expressions, and is meant as a replacement for traditional python templating systems like Mako or Cheetah. It automatically escapes data, enforces correct markup and makes it easier to write reusable and well structured UI code. Pyxl was inspired by the XHP project at Facebook.This project only supports Python 2. However, a Python 3 fork is available.


hack-codegen - Library to programatically generate Hack code and write it to signed files

  •    Hack

Hack Codegen is a library for easily generating Hack code and writing it into signed files that prevent undesired modifications. The idea behind writing code that writes code is to raise the level of abstraction and reduce coupling. You can use your own way of describing a problem and generate the corresponding code. E.g. see examples/dorm. In this example, we use a schema to describe the structure of the data, and we use Hack Codegen to write the matching code. The DORM example shows how to use the different aspects of the code generation in a simplified real-life example. The included tests also exemplify the usage of the different components.

nuclide - An open IDE for web and native mobile development, built on top of Atom

  •    Javascript

Nuclide is a collection of features for Atom to provide IDE-like functionality for a variety of programming languages and technologies. The Nuclide license has certain limitations around distribution and should not be considered an open source license. However, this does not affect your ability to fork the project and make contributions.

hack-example-site - A simple website that contains Hack examples and acts as a Hack example itself

  •    Hack

As this site was not being maintained frequently, and there is better information on our Hack documentation site, we have deprecated this repo. The Hack docs site is located at http://github.com/hhvm/user-documentation. Please check it out, contributions are welcome.

react-native-pathjs-charts - Android and iOS charts based on react-native-svg and paths-js

  •    Javascript

This library is a cross-platform (iOS/Android) library of charts/graphs using react-native-svg and paths-js based on the excellent work done by Roman Samec in the react-pathjs-chart library. The project is an early attempt at providing a ubiquitous solution for charts & graphs for React Native that offer a unified view across devices. Components include Pie charts, Bar charts, Smoothline charts, Stockline charts, Scatterplots, Tree graphs and Radar graphs. Since Paths-Js makes no assumptions about rendering, this library is perfect for using SVG path objects to render custom charts easily.

formsy-react - A form input builder and validator for React JS

  •    Javascript

I wrote an article on forms and validation with React JS, Nailing that validation with React JS, the result of that was this extension. The main concept is that forms, inputs and validation is done very differently across developers and projects. This extension to React JS aims to be that "sweet spot" between flexibility and reusability.

dazzle - :rocket: Dashboards made easy in React JS.

  •    Javascript

Dazzle is a library for building dashboards with React JS. Dazzle does not depend on any front-end libraries but it makes it easier to integrate with them.Dazzle's goal is to be flexible and simple. Even though there are some UI components readily available out of the box, you have the complete control to override them as you wish with your own styles and layout.

react-starterify - A minimal React JS application starter kit

  •    Javascript

A minimal React JS application starter kit. React Starterify aims to give you a good starting point for your projects. If you're looking for a minimal ES6 (ES2015) React JS starter with nice shallow rendering test examples, this is probably for you.

predis-async - Asynchronous PHP client library for Redis built on top of ReactPHP

  •    PHP

Asynchronous (non-blocking) version of Predis, the full-featured PHP client library for Redis, built on top of React to handle evented I/O. By default Predis\Async does not require any additional C extension to work, but it can be optionally paired with phpiredis to sensibly lower the overhead of serializing and parsing the Redis protocol.Predis\Async is currently under development but already works pretty well. The client foundation is being built on top of the event loop abstraction offered by React, an event-oriented framework for PHP that aims to provide everything needed to create reusable libraries and long-running applications using an evented approach powered by non-blocking I/O. This library is partially tested on HHVM, but support for this runtime should be considered experimental.

react-mapbox-gl - A React binding of mapbox-gl-js

  •    TypeScript

If those properties changed at the mapbox-gl-js level and you don't update the value kept in your state, it will be unsynced with the current viewport. At some point you might want to update the viewport value (zoom, pitch or bearing) with the ones in your state but using value equality is not enough. Taking zoom as example, you will still have the unsynced zoom value therefore we can't tell if you want to update the prop or not. In order to explicitly update the current viewport values you can instead break the references of those props and reliably update the current viewport with the one you have in your state to be synced again. Please try to reproduce your problem with the boilerplate before posting an issue.

react-map-gl - React friendly API wrapper around MapboxGL JS

  •    Javascript

In addition to exposing MapboxGL functionality to React apps, react-map-gl also integrates seamlessly with deck.gl.browserify - react-map-gl is extensively tested with browserify and works without configuration.

react-native-refresher - A pull to refresh ListView for React Native completely written in js.

  •    Javascript

A pull to refresh ListView for React Native completely written in js. Also supports custom animations. Refresher is created by Syrus Akbary and inspired by Refresher and react-native-refreshable-listview. If you have suggestions or bug reports, feel free to send pull request or create new issue.

react-lz-editor - A multilingual react rich-text editor component includes media support such as texts, images, videos, audios, links etc

  •    Javascript

An open source react rich-text editor ( mordern react editor includes media support such as texts, images, videos, audios, links etc. ), development based on Draft-Js and Ant-design, good support html, markdown, draft-raw mode. It's supports multiple languages well and welcome you add your language supports. Disabled media insert feature on demo page, because of there was no online API support for the time being, here is The server side API demo in java you may want.

react-native-sketch-canvas - A React Native component for drawing by touching on both iOS and Android

  •    Javascript

A React Native component for drawing by touching on both iOS and Android. To use an image as background, localSourceImage(see below) reqires an object, which consists of filename, directory(optional) and mode(optional). Note: Because native module cannot read the file in JS bundle, file path cannot be relative to JS side. For example, '../assets/image/image.png' will fail to load image.

reason-scripts - :beginner: Create a ReasonML and React development environment

  •    Javascript

Reason Scripts provides a JS-like development environment for developing web apps with the Reason programming language and React. It bootstraps an environment to automatically compile all Reason code to JS, provide features like reloading and bundling, and seamlessly use JS code from Reason. Make sure to install bs-platform globally using npm instead of yarn.

react-native-shop-ui - A react native clothes shopping app UI.

  •    Javascript

A creative and modern clothes shopping app design for react-native using the native-base UI components. It works well with both IOS and Android. Updating the codebase will require changes to the .js files in the src/ folder. Individual pages can be edited by editing the .js files in src/page/. Re-usable components can be edited by editing the .js files in src/component/.