Re: Frontend Frameworks / Libraries
Hi,
sorry, I have no experience with SEO.
- Arve
2015-09-14 15:20 GMT+02:00 George Christman :
> Very nice Arve, do you have any experience making these angular pages SEO
> friendly?
>
> On Sun, Sep 6, 2015 at 11:08 AM, Arve Klev wrote:
>
> > Hello.
> > Yes it is VERY easy to to use AngularJS (or eg. Highchart/Raphael/JChart)
> > with Tapestry 5.4.
> > Use Tapestry as usual and let different pages do what you want (eg. one
> > page as an AngularJS SPA).
> > Every page use the same Layout component.
> >
> > 1. Place angular.js in src/main/resources/META-INF/modules/angular.js
> > 2. Create a file src/main/resources/META-INF/modules/angular-bootstrap.js
> > that bootstrap angular and your own angular code
> > 3. Create a file src/main/resources/META-INF/modules/my-angular-code.js
> > 4. Create a file src/main/resources/META-INF/assets/my-angular-code.css
> for
> > decoration
> > 5. Import angular-bootstrap.js and my-angular-code.css in your
> class-file:
> > @Import(module = { "angular-bootstrap" }, stylesheet = {
> > "my-angular-code.css" })
> >
> > I have a running example here: http://tap54-arvek.rhcloud.com
> > The code at GitHub:
> > https://github.com/arvek-xx/tapestry54-javascript-examples
> >
> > In the "NgPhones"-page, I use a rest-service to retrieve data.
> >
> >
> > Sincerely, Arve Klev
> >
> > 2015-08-10 19:59 GMT+02:00 Taha Siddiqi :
> >
> > > Well my way is to spend sometime on anything I find interesting...
> > > (Usually Saturday mornings)
> > >
> > > That is how I found tapestry and now Clojure/clojusescript, mongo,
> Titan
> > > graphs etc... So exciting !!
> > >
> > > Sent from my iPhone
> > >
> > > > On Aug 10, 2015, at 9:01 PM, George Christman <
> gchrist...@cardaddy.com
> > >
> > > wrote:
> > > >
> > > > I think the choices these days are starting to become very
> > overwhelming,
> > > I
> > > > wish there was a magic bullet eliminating all these choices. I'd like
> > to
> > > > pick a new frontend framework, but with all the advise from the
> > different
> > > > sources, I don't think I know enough anymore to make an educated
> > > decision.
> > > >
> > > > On Sat, Aug 8, 2015 at 5:18 AM, Taha Siddiqi <
> tawus.tapes...@gmail.com
> > >
> > > > wrote:
> > > >
> > > >> For me it is om(or reactjs). I am currently in the process of
> > replacing
> > > >> JavaScript in one of my JavaScript intense Tapestry project with
> > > >> om/ClojureScript.
> > > >>
> > > >> Sent from my iPhone
> > > >>
> > > On Aug 8, 2015, at 11:41 AM, Kalle Korhonen <
> > > kalle.o.korho...@gmail.com>
> > > >>> wrote:
> > > >>>
> > > On Fri, Aug 7, 2015 at 3:40 PM, françois facon <
> fra.fa...@gmail.com
> > >
> > > >> wrote:
> > >
> > > About Ember, I looking for an equivalent of
> > > https://docs.angularjs.org/tutorial.
> > > >>>
> > > >>> I haven't found anything quite as comprehensive for Ember. One
> issue
> > > with
> > > >>> Ember is that many of these tutorials are outdated because its
> > changed
> > > so
> > > >>> fast. The official documentation is often too simplistic when you
> are
> > > new
> > > >>> to it but trying to build something real. However, this one is
> fairly
> > > >>> up-to-date and helped me quite a bit when I started out:
> > > >>>
> http://www.fnaweso.me/ember-js-nested-routing-with-multiple-outlets/
> > > >>>
> > > >>> At least for me, working with AngularJS feels more like working
> with
> > T5
> > > >>> services and its IoC whereas working with Ember feels more like
> > writing
> > > >> T5
> > > >>> components and I felt right at home with all the Ember conventions.
> > And
> > > >>> while it's relatively easy to bootstrap AngularJS to run as part of
> > T5
> > > >> app,
> > > >>> it really doesn't make sense with all the bits and pieces of Ember
> > > >> tooling,
> > > >>> the CLI etc (there was an earlier thread about that and I followed
> > > >> Andreas
> > > >>> Andreou's advice). Ember is more comprehensive than AngularJS and
> its
> > > >>> router is incredibly useful for mapping out a structure for larger
> > > spas.
> > > >>>
> > > >>> Kalle
> > > >>>
> > > >>>
> > > >>>
> > > 2015-08-07 22:18 GMT+02:00 Kalle Korhonen <
> > kalle.o.korho...@gmail.com
> > > >:
> > >
> > > > It's pretty easy. Don't build component event requests but just
> > send
> > > > REST(-like) requests that are either processed by plain Tapestry
> > > pages
> > > and
> > > > its EventContext. If you are building a more comprehensive spa
> then
> > > > consider pairing the client with JAX-WS resource backend (i.e.
> > > > http://www.tynamo.org/tapestry-resteasy+guide/ for T5).
> > > Incidentally,
> > > I've
> > > > been working with spas lately as well, and moved from AngularJS
> to
> > > >> Ember.
> > > >
> > > > Kalle
> > > >
> > > >> On Fri, Aug 7, 2015 at 12:46 PM, Bob Harner <
> bobhar...@gmail.com>
> > > >> wrote:
> > > >>
> > > >> Yes a page/event. As long as the URL looks like a tapestry event
> > >
Re: Frontend Frameworks / Libraries
Ah, thanks so much for the tip! I did embed the files, which really bloated
up the app. Will try out the duo app approach; makes lots of sense.
On Tue, Sep 15, 2015 at 1:52 PM, Kalle Korhonen
wrote:
> On Tue, Sep 15, 2015 at 9:34 AM, Harry Zhou wrote:
>
> > Would appreciate your advice on how to setup Ember for T5.4. I imagine
> the
> > way would be defining an init module that requires via shim ember (also
> > ember-data, etc.) and @import that module on the Tapestry page. But what
> is
> > the most logical place to put custom ember code, and how best to link
> that
> > custom code to the init module?
> >
>
> I've mentioned something about it earlier in this message thread and there
> was a different thread on it as well where Andreas Andreou shared his
> experiences. Because of the ember-cli, and all the pretty cool transpiling,
> minifying etc. tools, I really wouldn't try to embed the Ember scripts into
> a T5 app but make it a separate app and run them together. It's easy to
> package an ember app into .war if you need to - basically just zip up the
> contents of /dist. Then just deploy those two wars together. The only other
> thing you need to take care of is that the two applications can talk to
> each other by adding the right CORS+CSP headers (see
> https://en.wikipedia.org/wiki/Cross-origin_resource_sharing for more). If
> you really wanted embed the scripts into a T5 application, I'd just
> contribute the two different js files, the .js and vendor.js that
> Ember spits out at the end as Javascript modules but I'd say developing
> them together is too clunky that way.
>
> Kalle
>
>
>
> > On Mon, Sep 14, 2015 at 6:31 PM, Thiago H de Paula Figueiredo <
> > thiag...@gmail.com> wrote:
> >
> > > On Mon, 14 Sep 2015 14:21:46 -0300, Kalle Korhonen <
> > > kalle.o.korho...@gmail.com> wrote:
> > >
> > > React and Ember Fastboot solve the SEO problem by rendering the first
> > load
> > >> on server, but Angular doesn't offer the same functionality natively.
> > >> There's https://prerender.io/ though, but it's another component you
> > need
> > >> to deploy.
> > >>
> > >
> > > I like the concept of isomorphic webapps: the same JavaScript used in
> the
> > > client-side is used in the server-side for doing an initial rendering.
> > >
> > > The links above demonstrate it for Spring MVC, but I believe it could
> be
> > > very easily done with Tapestry too:
> > >
> >
> http://winterbe.com/posts/2015/02/16/isomorphic-react-webapps-on-the-jvm/
> > >
> > >
> >
> https://speakerdeck.com/sdeleuze/isomorphic-templating-with-spring-boot-nashorn-and-react
> > >
> > >
> > >
> > >> Kalle
> > >>
> > >> On Mon, Sep 14, 2015 at 6:20 AM, George Christman <
> > >> gchrist...@cardaddy.com>
> > >> wrote:
> > >>
> > >> Very nice Arve, do you have any experience making these angular pages
> > SEO
> > >>> friendly?
> > >>>
> > >>> On Sun, Sep 6, 2015 at 11:08 AM, Arve Klev
> wrote:
> > >>>
> > >>> > Hello.
> > >>> > Yes it is VERY easy to to use AngularJS (or eg.
> > >>> Highchart/Raphael/JChart)
> > >>> > with Tapestry 5.4.
> > >>> > Use Tapestry as usual and let different pages do what you want (eg.
> > one
> > >>> > page as an AngularJS SPA).
> > >>> > Every page use the same Layout component.
> > >>> >
> > >>> > 1. Place angular.js in
> src/main/resources/META-INF/modules/angular.js
> > >>> > 2. Create a file
> > >>> src/main/resources/META-INF/modules/angular-bootstrap.js
> > >>> > that bootstrap angular and your own angular code
> > >>> > 3. Create a file
> > src/main/resources/META-INF/modules/my-angular-code.js
> > >>> > 4. Create a file
> > src/main/resources/META-INF/assets/my-angular-code.css
> > >>> for
> > >>> > decoration
> > >>> > 5. Import angular-bootstrap.js and my-angular-code.css in your
> > >>> class-file:
> > >>> > @Import(module = { "angular-bootstrap" }, stylesheet = {
> > >>> > "my-angular-code.css" })
> > >>> >
> > >>> > I have a running example here: http://tap54-arvek.rhcloud.com
> > >>> > The code at GitHub:
> > >>> > https://github.com/arvek-xx/tapestry54-javascript-examples
> > >>> >
> > >>> > In the "NgPhones"-page, I use a rest-service to retrieve data.
> > >>> >
> > >>> >
> > >>> > Sincerely, Arve Klev
> > >>> >
> > >>> > 2015-08-10 19:59 GMT+02:00 Taha Siddiqi >:
> > >>> >
> > >>> > > Well my way is to spend sometime on anything I find
> interesting...
> > >>> > > (Usually Saturday mornings)
> > >>> > >
> > >>> > > That is how I found tapestry and now Clojure/clojusescript,
> mongo,
> > >>> Titan
> > >>> > > graphs etc... So exciting !!
> > >>> > >
> > >>> > > Sent from my iPhone
> > >>> > >
> > >>> > > > On Aug 10, 2015, at 9:01 PM, George Christman <
> > >>> gchrist...@cardaddy.com
> > >>> > >
> > >>> > > wrote:
> > >>> > > >
> > >>> > > > I think the choices these days are starting to become very
> > >>> > overwhelming,
> > >>> > > I
> > >>> > > > wish there was a magic bullet eliminating all these choices.
> I'd
> > >>> like
> > >>> > to
> > >>> > > > pick a new frontend framework,
Re: Frontend Frameworks / Libraries
On Tue, Sep 15, 2015 at 9:34 AM, Harry Zhou wrote:
> Would appreciate your advice on how to setup Ember for T5.4. I imagine the
> way would be defining an init module that requires via shim ember (also
> ember-data, etc.) and @import that module on the Tapestry page. But what is
> the most logical place to put custom ember code, and how best to link that
> custom code to the init module?
>
I've mentioned something about it earlier in this message thread and there
was a different thread on it as well where Andreas Andreou shared his
experiences. Because of the ember-cli, and all the pretty cool transpiling,
minifying etc. tools, I really wouldn't try to embed the Ember scripts into
a T5 app but make it a separate app and run them together. It's easy to
package an ember app into .war if you need to - basically just zip up the
contents of /dist. Then just deploy those two wars together. The only other
thing you need to take care of is that the two applications can talk to
each other by adding the right CORS+CSP headers (see
https://en.wikipedia.org/wiki/Cross-origin_resource_sharing for more). If
you really wanted embed the scripts into a T5 application, I'd just
contribute the two different js files, the .js and vendor.js that
Ember spits out at the end as Javascript modules but I'd say developing
them together is too clunky that way.
Kalle
> On Mon, Sep 14, 2015 at 6:31 PM, Thiago H de Paula Figueiredo <
> thiag...@gmail.com> wrote:
>
> > On Mon, 14 Sep 2015 14:21:46 -0300, Kalle Korhonen <
> > kalle.o.korho...@gmail.com> wrote:
> >
> > React and Ember Fastboot solve the SEO problem by rendering the first
> load
> >> on server, but Angular doesn't offer the same functionality natively.
> >> There's https://prerender.io/ though, but it's another component you
> need
> >> to deploy.
> >>
> >
> > I like the concept of isomorphic webapps: the same JavaScript used in the
> > client-side is used in the server-side for doing an initial rendering.
> >
> > The links above demonstrate it for Spring MVC, but I believe it could be
> > very easily done with Tapestry too:
> >
> http://winterbe.com/posts/2015/02/16/isomorphic-react-webapps-on-the-jvm/
> >
> >
> https://speakerdeck.com/sdeleuze/isomorphic-templating-with-spring-boot-nashorn-and-react
> >
> >
> >
> >> Kalle
> >>
> >> On Mon, Sep 14, 2015 at 6:20 AM, George Christman <
> >> gchrist...@cardaddy.com>
> >> wrote:
> >>
> >> Very nice Arve, do you have any experience making these angular pages
> SEO
> >>> friendly?
> >>>
> >>> On Sun, Sep 6, 2015 at 11:08 AM, Arve Klev wrote:
> >>>
> >>> > Hello.
> >>> > Yes it is VERY easy to to use AngularJS (or eg.
> >>> Highchart/Raphael/JChart)
> >>> > with Tapestry 5.4.
> >>> > Use Tapestry as usual and let different pages do what you want (eg.
> one
> >>> > page as an AngularJS SPA).
> >>> > Every page use the same Layout component.
> >>> >
> >>> > 1. Place angular.js in src/main/resources/META-INF/modules/angular.js
> >>> > 2. Create a file
> >>> src/main/resources/META-INF/modules/angular-bootstrap.js
> >>> > that bootstrap angular and your own angular code
> >>> > 3. Create a file
> src/main/resources/META-INF/modules/my-angular-code.js
> >>> > 4. Create a file
> src/main/resources/META-INF/assets/my-angular-code.css
> >>> for
> >>> > decoration
> >>> > 5. Import angular-bootstrap.js and my-angular-code.css in your
> >>> class-file:
> >>> > @Import(module = { "angular-bootstrap" }, stylesheet = {
> >>> > "my-angular-code.css" })
> >>> >
> >>> > I have a running example here: http://tap54-arvek.rhcloud.com
> >>> > The code at GitHub:
> >>> > https://github.com/arvek-xx/tapestry54-javascript-examples
> >>> >
> >>> > In the "NgPhones"-page, I use a rest-service to retrieve data.
> >>> >
> >>> >
> >>> > Sincerely, Arve Klev
> >>> >
> >>> > 2015-08-10 19:59 GMT+02:00 Taha Siddiqi :
> >>> >
> >>> > > Well my way is to spend sometime on anything I find interesting...
> >>> > > (Usually Saturday mornings)
> >>> > >
> >>> > > That is how I found tapestry and now Clojure/clojusescript, mongo,
> >>> Titan
> >>> > > graphs etc... So exciting !!
> >>> > >
> >>> > > Sent from my iPhone
> >>> > >
> >>> > > > On Aug 10, 2015, at 9:01 PM, George Christman <
> >>> gchrist...@cardaddy.com
> >>> > >
> >>> > > wrote:
> >>> > > >
> >>> > > > I think the choices these days are starting to become very
> >>> > overwhelming,
> >>> > > I
> >>> > > > wish there was a magic bullet eliminating all these choices. I'd
> >>> like
> >>> > to
> >>> > > > pick a new frontend framework, but with all the advise from the
> >>> > different
> >>> > > > sources, I don't think I know enough anymore to make an educated
> >>> > > decision.
> >>> > > >
> >>> > > > On Sat, Aug 8, 2015 at 5:18 AM, Taha Siddiqi <
> >>> tawus.tapes...@gmail.com
> >>> > >
> >>> > > > wrote:
> >>> > > >
> >>> > > >> For me it is om(or reactjs). I am currently in the process of
> >>> > replacing
> >>> > > >> JavaScript in one of my JavaScript intense Tapestry project
> with
> >
Re: Frontend Frameworks / Libraries
Hi Kalle,
Would appreciate your advice on how to setup Ember for T5.4. I imagine the
way would be defining an init module that requires via shim ember (also
ember-data, etc.) and @import that module on the Tapestry page. But what is
the most logical place to put custom ember code, and how best to link that
custom code to the init module?
Thanks.
On Mon, Sep 14, 2015 at 6:31 PM, Thiago H de Paula Figueiredo <
thiag...@gmail.com> wrote:
> On Mon, 14 Sep 2015 14:21:46 -0300, Kalle Korhonen <
> kalle.o.korho...@gmail.com> wrote:
>
> React and Ember Fastboot solve the SEO problem by rendering the first load
>> on server, but Angular doesn't offer the same functionality natively.
>> There's https://prerender.io/ though, but it's another component you need
>> to deploy.
>>
>
> I like the concept of isomorphic webapps: the same JavaScript used in the
> client-side is used in the server-side for doing an initial rendering.
>
> The links above demonstrate it for Spring MVC, but I believe it could be
> very easily done with Tapestry too:
> http://winterbe.com/posts/2015/02/16/isomorphic-react-webapps-on-the-jvm/
>
> https://speakerdeck.com/sdeleuze/isomorphic-templating-with-spring-boot-nashorn-and-react
>
>
>
>> Kalle
>>
>> On Mon, Sep 14, 2015 at 6:20 AM, George Christman <
>> gchrist...@cardaddy.com>
>> wrote:
>>
>> Very nice Arve, do you have any experience making these angular pages SEO
>>> friendly?
>>>
>>> On Sun, Sep 6, 2015 at 11:08 AM, Arve Klev wrote:
>>>
>>> > Hello.
>>> > Yes it is VERY easy to to use AngularJS (or eg.
>>> Highchart/Raphael/JChart)
>>> > with Tapestry 5.4.
>>> > Use Tapestry as usual and let different pages do what you want (eg. one
>>> > page as an AngularJS SPA).
>>> > Every page use the same Layout component.
>>> >
>>> > 1. Place angular.js in src/main/resources/META-INF/modules/angular.js
>>> > 2. Create a file
>>> src/main/resources/META-INF/modules/angular-bootstrap.js
>>> > that bootstrap angular and your own angular code
>>> > 3. Create a file src/main/resources/META-INF/modules/my-angular-code.js
>>> > 4. Create a file src/main/resources/META-INF/assets/my-angular-code.css
>>> for
>>> > decoration
>>> > 5. Import angular-bootstrap.js and my-angular-code.css in your
>>> class-file:
>>> > @Import(module = { "angular-bootstrap" }, stylesheet = {
>>> > "my-angular-code.css" })
>>> >
>>> > I have a running example here: http://tap54-arvek.rhcloud.com
>>> > The code at GitHub:
>>> > https://github.com/arvek-xx/tapestry54-javascript-examples
>>> >
>>> > In the "NgPhones"-page, I use a rest-service to retrieve data.
>>> >
>>> >
>>> > Sincerely, Arve Klev
>>> >
>>> > 2015-08-10 19:59 GMT+02:00 Taha Siddiqi :
>>> >
>>> > > Well my way is to spend sometime on anything I find interesting...
>>> > > (Usually Saturday mornings)
>>> > >
>>> > > That is how I found tapestry and now Clojure/clojusescript, mongo,
>>> Titan
>>> > > graphs etc... So exciting !!
>>> > >
>>> > > Sent from my iPhone
>>> > >
>>> > > > On Aug 10, 2015, at 9:01 PM, George Christman <
>>> gchrist...@cardaddy.com
>>> > >
>>> > > wrote:
>>> > > >
>>> > > > I think the choices these days are starting to become very
>>> > overwhelming,
>>> > > I
>>> > > > wish there was a magic bullet eliminating all these choices. I'd
>>> like
>>> > to
>>> > > > pick a new frontend framework, but with all the advise from the
>>> > different
>>> > > > sources, I don't think I know enough anymore to make an educated
>>> > > decision.
>>> > > >
>>> > > > On Sat, Aug 8, 2015 at 5:18 AM, Taha Siddiqi <
>>> tawus.tapes...@gmail.com
>>> > >
>>> > > > wrote:
>>> > > >
>>> > > >> For me it is om(or reactjs). I am currently in the process of
>>> > replacing
>>> > > >> JavaScript in one of my JavaScript intense Tapestry project with
>>> > > >> om/ClojureScript.
>>> > > >>
>>> > > >> Sent from my iPhone
>>> > > >>
>>> > > On Aug 8, 2015, at 11:41 AM, Kalle Korhonen <
>>> > > kalle.o.korho...@gmail.com>
>>> > > >>> wrote:
>>> > > >>>
>>> > > On Fri, Aug 7, 2015 at 3:40 PM, françois facon <
>>> fra.fa...@gmail.com
>>> > >
>>> > > >> wrote:
>>> > >
>>> > > About Ember, I looking for an equivalent of
>>> > > https://docs.angularjs.org/tutorial.
>>> > > >>>
>>> > > >>> I haven't found anything quite as comprehensive for Ember. One
>>> issue
>>> > > with
>>> > > >>> Ember is that many of these tutorials are outdated because its
>>> > changed
>>> > > so
>>> > > >>> fast. The official documentation is often too simplistic when you
>>> are
>>> > > new
>>> > > >>> to it but trying to build something real. However, this one is
>>> fairly
>>> > > >>> up-to-date and helped me quite a bit when I started out:
>>> > > >>>
>>> http://www.fnaweso.me/ember-js-nested-routing-with-multiple-outlets/
>>> > > >>>
>>> > > >>> At least for me, working with AngularJS feels more like working
>>> with
>>> > T5
>>> > > >>> services and its IoC whereas working with Ember feels more like
>>> > writing
>>> > > >> T5
>>> > > >>> components and I felt rig
Re: Ajax issue in beta35
On 14-09-15 11:41, françois facon wrote: I would suggest you to do a project->clean under eclipse and also to do a mvn clean before the build of your war. I would also try to clean the remote server. Thanks François, now it works. dagdag Christine - To unsubscribe, e-mail: users-unsubscr...@tapestry.apache.org For additional commands, e-mail: users-h...@tapestry.apache.org
