React Native

[Michael Smith]

Facebook just announced React Native the other day which appears to be a nice solution to creating native applications with Javascript. Would this perhaps be a better solution than Node.js? I'm not sure how easy it would be to have this work with TW5 but it would be pretty awesome to install TW5 on any device and have a consistent experience without a browser.

https://www.youtube.com/watch?v=KVZ-P-ZI6W4

[RichShumaker]

If I didn't miss something react needs node.js?

From the Readme on Github

Building Your Copy of React

The process to build react.js is built entirely on top of node.js, using many libraries you may already be familiar with.

Am I missing something.

Sounds like react.js would be helpful to build user interfaces like comment systems, especially since that is one of the tutorials.

I am a NOOB on this stuff so others will need to chime in on how this would interface and what advantages it gives TW5.

Thank you for posting this as it is really interesting stuff.

Rich Shumaker

[Michael Smith]

Admittedly I'm also a noob but I'm wondering if node is used just to build it? There's more info on this web site: http://www.progville.com/javascript/react-native-apps-react-js/.

I wouldn't recommend changing the TW5 core to support React but I'm wondering if it would be fairly easy to make a React tool similar to TiddlyDesktop that displays and manages TW5 html files.

[Danielo Rodríguez]

Hello Michael,

Actually there is and is called tiddlyDesktop. The new version has intentions of adding lot of new features. Jeremy is also planning on create mobile applications based on tiddlywiky. It is called tiddlypip. Check it out at tiddlywiky group.

[Michael Smith]

Danielo,

I'm well aware of what both TiddlyDesktop and TiddlyPip are. My suggestion was to use React as a wrapper for TiddlyWiki so that the same code could be used for all devices. As you are probably aware, TiddlyPip is just for iOS which leaves out Android users. React Native could possibly be a solution that is easier to maintain as well.

[RichShumaker]

Mention of react.js in this weeks TiddlyWiki Hangout #078

Not sure if this answers the question but it may help a bit.

Rich Shumaker

[PMario]

Hi Michael,

It's relatively hard to explain but I try ;)

Executive summary.

TiddlyWiki contains a lot of javascript code, that can be used (included) to create a react application, if you are a react developer. ... BUT you can't use the TW templates anymore, since react needs its own (different) templates. ... So you basically need to rewrite the whole TW UI, in an totally incompatible way. ... So imo its possible, but it doesn't make much sense.

------------ TLDR; --------------
Simplified details

react.js is a framework to build interactive apps.

TiddlyWiki is a framework to build interactive apps, static sites, single file TiddlyWikis.

TW is able to be used as a server side backend, using the same code as in the browser. ...

react uses specialized templates, to make the UI interactive.
eg: If you enter data into input fields, it activates javascript code, to dynamically render other parts of the visible UI.
In normal cases, to get this dynamic behaviour, there is a lot of coding needed. react is a framework to make this coding easier. ... but there still is a lot of coding needed to create the UI. So you have to be a developer to change the UI!

With react you can define some rules in an html template.
eg: If this input changes -> get some info from a database -> display the results in the right menu. ...
This behaviour is shown in your video.

To create this behaviour, react needs to scan the browser UI elements (DOM) and tell the framework, that an imput changed. Depending on the html template and the related code, it updates the rest of the visible DOM

TiddlyWiki uses a different mechanism. .. The TW core scans the internal tiddler store. The core knows, if changes to a tiddler cause an update to the visible UI.
 - If the UI is _not_ affected by the tiddler change, nothing happens.
 - If the visible UI is affected, the core calculates the new UI and displays it.
 - TW doesn't use the DOM to get notified of changes. This makes it possible to trigger UI changes without any user interaction.

TiddlyWiki has its own tamplating language. It's the tiddlywiki wiki text (widgets). TW wiki text makes it possible, to create interactive UI without any javascript code. ... So it is possible for non developers to create your own TW based UI.

I'm not sure if this helps, or just creates more questions. ... As I said: It's hard to explain.

have fun!
mario

[Tobias Beer]

Hi Mario,

 

TiddlyWiki contains a lot of javascript code, that can be used (included) to create a react application, if you are a react developer. ... BUT you can't use the TW templates anymore, since react needs its own (different) templates. ... So you basically need to rewrite the whole TW UI, in an totally incompatible way. ... So imo its possible, but it doesn't make much sense.

I find that an interesting choice nonetheless, to try and basically start from an empty canvas.

However, for anyone to possibly dare that would require a decent API documentation to work with.

 

------------ TLDR; --------------

A great summary / comparison you've written there, kudos!

Best wishes, Tobias.

[PMario]

On Wednesday, February 4, 2015 at 12:13:29 PM UTC+1, Tobias Beer wrote:

I find that an interesting choice nonetheless, to try and basically start from an empty canvas.

However, for anyone to possibly dare that would require a decent API documentation to work with.

Yes, but Jeremy is kind of resistant to add 3rd party dependencies to the build process. IMO mainly because TW itself can do it. ... So what we need is either a "Clone Jeremy Button" or developers that use TW to automatically build the docs ... and create pull requests without external dependencies.

btw: readme.md https://github.com/Jermolene/TiddlyWiki5 is created with TW and some special templates. So the mechanism is there, we just need to understand and use it.
 

 

------------ TLDR; --------------

A great summary / comparison you've written there, kudos!

thx :)

[Tobias Beer]

Yes, but Jeremy is kind of resistant to add 3rd party dependencies to the build process. IMO mainly because TW itself can do it. ... So what we need is either a "Clone Jeremy Button" or developers that use TW to automatically build the docs ... and create pull requests without external dependencies.

I don't think we need external dependencies at all. We simply need to replicate the build process and have a doc-build process that does some slightly different parsing.

 

btw: readme.md https://github.com/Jermolene/TiddlyWiki5 is created with TW and some special templates. So the mechanism is there, we just need to understand and use it.

Is what I am thinking, too.

@Jeremy: any pointers where to start looking?

Best wishes, Tobias.

[PMario]

On Wednesday, February 4, 2015 at 12:41:41 PM UTC+1, Tobias Beer wrote:

btw: readme.md https://github.com/Jermolene/TiddlyWiki5 is created with TW and some special templates. So the mechanism is there, we just need to understand and use it.

Is what I am thinking, too.

@Jeremy: any pointers where to start looking?

skype is active. I'd like to talk.

[Jeremy Ruston]

> @Jeremy: any pointers where to start looking?

If you mean where to start looking for the way that the readme files are built for the TW5 repo, then that's done here:

https://github.com/Jermolene/build.jermolene.github.io/blob/master/readme-bld.sh

You may find the step-by-step build instructions helpful:

http://tiddlywiki.com/dev/#Releasing%20new%20content%20for%20TiddlyWiki:%5B%5BReleasing%20new%20content%20for%20TiddlyWiki%5D%5D%20%5B%5BReleasing%20a%20new%20version%20of%20TiddlyWiki%5D%5D

Best wishes

Jeremy.

--
You received this message because you are subscribed to the Google Groups "TiddlyWikiDev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywikide...@googlegroups.com.
To post to this group, send email to tiddly...@googlegroups.com.
Visit this group at http://groups.google.com/group/tiddlywikidev.
For more options, visit https://groups.google.com/d/optout.

--

Jeremy Ruston
mailto:jeremy...@gmail.com

[Marc Fawzi]

Hi guys,

I realize this is an old thread, but if anyone is interested in discussing React Native topics, we've just started a React Native google group:

https://groups.google.com/d/forum/reactnative

Marc