rendrjs / rendr

Render your Backbone.js apps on the client and the server, using Node.js.
MIT License
4.09k stars 312 forks source link

Calling all people using rendr!! #430

Open saponifi3d opened 9 years ago

saponifi3d commented 9 years ago

Hey - if you're using rendr in a production environment let me know! I'm working on documentation and would love to be able to link to some example sites!

i know @bigethan and truilia are... anyone else that wants to get a shout-out on rendr docs?

bigethan commented 9 years ago

Fun! We're using it only for our mobile site (m.trulia.com). And our flavor is require.js based.

saponifi3d commented 9 years ago

@growlsworth @lo1tuma @crwang @alexindigo @c089 are you all interested in describing your project / posting a screen cap and i'll add the projects to the examples for rendrjs? the examples page will probably be very similar to backbones: http://backbonejs.org/#examples

Trying to release a documentation site along-side v1.0.0 later this week :)

@spikebrehm is rendr still in use on airbnb mobile?

trshafer commented 9 years ago

I've built two sites with rendr. One using handlebars and one using React. Happy to write a little blurb for you @saponifi3d. Let me know what you're thinking.

saponifi3d commented 9 years ago

@growlsworth fancy! just a blurb about some of the features you have used, advantages you got with using it, and a screen cap of your sites (or i can do the screen caps if you want). Also, let me know if you used any other tools like requirejs or if you built the js bundle with browserify and all that jazz. something like: http://backbonejs.org/#examples-delicious

I might also start buggin' ya about how you integrated React w/ Rendr. I'm probably going to build out an example in the examples app and rework the views around the idea of being able to use any view framework or templating engine.

c089 commented 9 years ago

Unfortunately the project @lo1tuma and I have been working on was cancelled before going live last year, and we've both moved on, so I fear we can't contribute to the showcase :)

saponifi3d commented 9 years ago

Sorry to hear that @c089, thanks for the update!!

trshafer commented 9 years ago

How's this @saponifi3d:

Giving Stage

Giving Stage is a virtual venue where artists perform in order to raise money for causes. Giving Stage uses rendr, rivets, and primus to deliver a real-time concert experience. The use of rendr allows Giving Stage to optimize the time to first paint and speed of subsequent browsing. This is especially important for the mobile experience. Giving Stage also takes advantage of serving multiple rendr apps within one node application.

For the screenshot, I recommend: https://www.givingstage.com/demo. I'm pretty proud of creating a runner that demonstrates the live experience with timed random data.

cine.io

cine.io is the first developer focused video cloud, providing APIs and SDKs for live video broadcasting and peer-to-peer video communication. cine.io uses rendr and React to serve the front-facing web site and logged-in dashboard. The use of rendr allowed cine.io to develop the logged-in dashboard and public API simultaneously. Reuse of the models and libraries made it significantly easier to ensure consistent application logic between the API, web apps, and background workers.

For the screenshot, I recommend: https://www.cine.io/products/broadcast. The front-facing site doesn't do a whole lot, but this hero image shows off my sweet CSS.

por commented 9 years ago

I have 2 Rendr websites in production:

  1. Tebla, a German-based restaurant reservation platform.
  2. Questionmark, a Dutch consumer goods research platform.
spikebrehm commented 9 years ago

How fun to see these!

saponifi3d commented 9 years ago

@por would you be able to make a quick blurb about it similar to the one above? (along these lines http://backbonejs.org/#examples-delicious). Thanks!!

pcompassion commented 9 years ago

@bigethan Can you share some thoughts what should be done to get rendr + requirejs working?

alexindigo commented 9 years ago

@pcompassion here is somewhat working example – https://github.com/rendrjs/rendr-examples/tree/master/05_requirejs it's a good starting point.

mshk commented 9 years ago

Hi, I'm using rendr for our site.

Politas

Politas is a Japanese political news & discussion site. http://politas.jp/

bigethan commented 9 years ago

@pcompassion we're looking to release some internal NPM modules that we have (written by @alexindigo) that really help requireizing a rendr app and templates. We're also working on upgrading to 1.0.0 in a couple weeks - the modules might have incompatibilities as they are only tested with our 0.5 version of Rendr.

ymainier commented 9 years ago

ViaMichelin

ViaMichelin website provides map, address and route search.

http://www.viamichelin.ie/

saponifi3d commented 9 years ago

@bigethan - i'm going to be upgrading the examples today to use 1.0.0 - there shouldn't be any really big changes - the biggest stuff is breaking change w/ the deprecation of postInitialize and dropping express 3. Here's the complete change set. Let me know if you have any problems upgrading to 1.0.0 - if you're using handlebars, i'd also highly suggest updating to rendr-handlebars @ 0.2.4

bigethan commented 9 years ago

The lone issue we ran into when upgrading all the things was the latest grunt-contrib-handlebars requiring handlebars expecting 2.x handlebars. Otherwise it's been smooth sailing for our small test app.

trshafer commented 9 years ago

I've always had issues packaging up the assets. I've only had success using rendr_stitch. Updating to 1.0.0 didn't play nicely with my rendr_stitch config, so I though I would try the move to browserify again. So far unsuccessful. :(

saponifi3d commented 9 years ago

@growlsworth :'( FYI: i'm planning to add an example of gulp + browserify to the rendr-examples (i'm working on updating all the examples to use 1.0.0 as well)

trshafer commented 9 years ago

That would be awesome! I have 4 things which make my life awesome, but asset compilation challenging:

  1. I use a global loader. This means I don't require files like: require('../../../models/user'). I have a single global object which is responsible for loading files. That makes requiring super easy when it looks like Loader.model('user') or Loader.lib('tracker'). That works from any location.
  2. I use coffeescript.
  3. I'm using react and no client .hbs files.
  4. I use multiple rendr apps with a shared base app, base view, base app view, and base router. like this:
apps/
  home/
  admin/
  …
  shared/
    base_app.coffee
    …
pjanuario commented 9 years ago

We are now starting a new application using rednrjs, it will be the management and B2B frontend for https://clubjudge.com

And soon until the end of the year we hope to redesign our frontend using rendrjs also, I did a small proof of concept and since we already use backbone and handlebars the migration is less painfull, the poc give us really good indications about page speed.

promediacorp commented 9 years ago

we just built a new site that uses rendr. the site is http://autoinsurancey.com and it gives estimated rates for all the major auto insurance carriers, with as little input as just a zip code or age. as the user enters is more info about themselves or their vehicle, the estimated rate is refined in real-time.

trezmo commented 9 years ago

I use Rendr for this simple image to base64 converter http://imagetobase64.com/

That´s my first Rendr app, I have two more in the pipe :+1:

arlandi commented 8 years ago

We're using Rendr for http://motto.time.com/. Great library :)

saponifi3d commented 8 years ago

:D Awesome thanks for all the links, all of your projects look great!! I'm going to update the docs in the next few days to include screen caps of your home pages and links to the apps themselves so people can see all the cool apps built on rendr!