React custom renderer for Appcelerator® Titanium™ SDK

Overview

⚠️ Maintainer wanted! Create an issue if you want to maintain it!

react-titanium

Dependencies Dev Dependencies Peer Dependencies

A React custom renderer for Appcelerator® Titanium™ SDK.

This renderer should currently be considered as experimental and subject to change since it works on a beta version of React (0.14.0-beta3).

Installation

There’s a step-by-step guide on the website.

The gist of it is that once you have a titaniumified app you install it through

npm install --save [email protected]
npm install --save react-titanium

and you use it with

import React from 'react';
import { render } from 'react-titanium';

Examples

There’s a simple “Hello World” example that shows the minimal usage and a more complete “Counter” example on the website.

Acknowledgements

I was finally able to grok how to implement a custom renderer thanks to Yomguithereal’s fantastic react-blessed.

Go thank him with a follow or a star! 👍

License

MIT

You might also like...
A react renderer for blessed.

react-blessed A React custom renderer for the blessed library. This renderer should currently be considered as experimental, is subject to change and

a react renderer for the command line

This repository is now archived This project was originally created as an alternative to the Ink library, as a separate renderer for a real React comp

🦍• [Work in Progress] React Renderer to build UI interfaces using canvas/WebGL
🦍• [Work in Progress] React Renderer to build UI interfaces using canvas/WebGL

React Ape React Ape is a react renderer to build UI interfaces using canvas/WebGL. React Ape was built to be an optional React-TV renderer. It's mainl

📟 A React Renderer for SSD1306 OLED chip on Raspberry Pi.
📟 A React Renderer for SSD1306 OLED chip on Raspberry Pi.

React SSD1306 A React Renderer for SSD1306 OLED chip on Raspberry Pi For those who doesn't have the device, a canvas-based web emulator is also includ

React renderer with X11 as a target
React renderer with X11 as a target

react-x11 React custom rendering where side effects are communication with X11 server. The goal is to create a simple library where you would apply yo

React renderer for building user interfaces in Unity UI

React Unity React Unity is a way to build interactive UI in Unity3D using React. It can be used together with packages like Typescript, redux, i18next

🦴 A barebones react renderer for ogl.

react-ogl Declaratively create scenes with re-usable OGL components that have their own state and effects and can tap into React's infinite ecosystem.

React Fiber Reconciler Renderer for Regl WebGL

react-regl This library enables Regl shader WebGL draw commands to be rendered directly as React components. Demos View demos in the Storybook There i

Connect, discover, be free to choose between WebGL / Canvas (PIXI) / DOM or any other UI renderer
Connect, discover, be free to choose between WebGL / Canvas (PIXI) / DOM or any other UI renderer

React Liberty Be free to choose between WebGL / Canvas / DOM / Native or any other UI renderer This is a React library designed to abstract renderer b

Comments
  • Bad plugin hooks that failed to load (titaniumifier.js)

    Bad plugin hooks that failed to load (titaniumifier.js)

    I followed instruction on readme.md. But I got an error when I run ti build.

    [DEBUG] Looking for Titanium plugin id=titaniumifier version=1.0.0
    [INFO]  Found Titanium plugin id=titaniumifier version=1.0.0 
    [WARN]  Bad plugin hooks that failed to load:
    [WARN]  /Users/yomybaby/Documents/AWorkspace/reactTi/plugins/titaniumifier/1.0.0/hooks/titaniumifier.js
    /usr/local/lib/node_modules/titanium/node_modules/longjohn/dist/longjohn.js:185
            throw e;
                  ^
    

    Do you know why? If I remove titaniumifier plugin from trap.xml, It works with titanium classic code.

    opened by yomybaby 15
  • trying to run this

    trying to run this

    My app.js and my config.json look exactly the way your readme describes.

    [ERROR]
    /Users/andrewmcelroy/Desktop/reactexample/Resources/app.js:1
    import React, { Component } from 'react';
    ^
    ParseError: 'import' and 'export' may appear only with 'sourceType: module'
    
    [ERROR] Project failed to build after 712ms
    [ERROR] 'import' and 'export' may appear only with 'sourceType: module'
    
    ➜  reactexample
    

    I followed your README exactly as directed.

    This is the error I get when I run ti build --platform=ios

    opened by Sophrinix 6
  • added slider, optiondialog, and switch

    added slider, optiondialog, and switch

    still testing this, but this should work.

    Is this the right way to add new functionality, or do you want to eventually split these register functions off into their own file?

    opened by Sophrinix 4
  • last pull request was bad. this fixes them.

    last pull request was bad. this fixes them.

    I did not mean to send a bad pull request last time. I also disabled the optionsDialog factory because it needs to support <Options> <Option> and <ButtonNames>

    here is a test to prove I got it right this time:

    import React, { Component } from 'react';
    import { render } from 'react-titanium';
    
    class App extends Component {
      state = { counter: 0 };
    
      increment = () => this.setState({
        counter: this.state.counter + 1
      });
    
      open = window => {
        if (this.opened || !window) return;
    
        this.opened = true;
        window.open();
      }
    
      render() {
        return (
          <window
            onClick={ this.increment }
            ref={ this.open }
          >
            <label color="#09f" text={ this.state.counter } />
            <slider top="100"/>
            <switch top="150" />
    
          </window>
        );
      }
    }
    
    render(<App />);
    
    opened by Sophrinix 1
Owner
Pier Paolo Ramon
[jɯːtɕi]
Pier Paolo Ramon
A custom Slack renderer for React! 3

react-slack-renderer Render Slack messages in a cool (React) way. const message = SlackRenderer.render( <SlackMessage> <SlackText> Heyo

Andrey 31 Aug 11, 2022
React JSX Renderer is a React Component for rendering JSX to React nodes.

React JSX Renderer A React Component for Rendering JSX. Description React JSX Renderer is a React Component for rendering JSX to React nodes.

Sho Kusano 43 Nov 28, 2022
🇨🇭 A React renderer for Three.js (web and react-native)

react-three-fiber react-three-fiber is a React renderer for threejs on the web and react-native. npm install three react-three-fiber These demos are r

Poimandres 20.9k Jan 8, 2023
🇨🇭 A React renderer for Three.js (web and react-native)

react-three-fiber react-three-fiber is a React renderer for threejs on the web and react-native. npm install three react-three-fiber These demos are r

Poimandres 20.9k Jan 8, 2023
[ Unmaintained due to raphamorim/react-ape ] React Renderer for low memory applications

React-TV · react-tv: React Renderer for low memory applications. react-tv-cli: React Packager for TVs. Currently under development. import React from

Raphael Amorim 2k Jan 6, 2023
⚛️ A React renderer for Figma

React Figma A React renderer for Figma. Use React components as a source for your designs. ?? Compatible with react-native, react-sketchapp, react-pri

React Figma 2.2k Jan 5, 2023
⃝ A react null renderer

Nothing to see here ... Quite so. This package allows you to bring Reacts high-level component abstraction to Node, or wherever you need it. Why not m

Poimandres 653 Dec 23, 2022
A React renderer for Hardware.

React Hardware React Hardware enables you to build firmata-based hardware applications using a consistent developer experience based on JavaScript and

Dustan Kasten 794 Dec 26, 2022
A react renderer for browser's dev console

Konsul is an abstraction of the browser's console that comes with a React renderer. It offers text styling, images, style inheritance, buttons with cl

Mohamad Mohebifar 614 Dec 13, 2022
React renderer for NativeScript

React NativeScript is A React renderer for NativeScript, allowing you to write a NativeScript app using the familiar React style. I'm always hanging o

Jamie Birch 266 Dec 17, 2022