• Stars
    star
    206
  • Rank 184,501 (Top 4 %)
  • Language
    Ruby
  • Created about 10 years ago
  • Updated over 8 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Sample Rails app with server-rendered React components

Sample Rails app with isomorphic React components

This is a simple proof-of-concept Rails app that uses the 1.x prerelease version of the react-rails gem, which lets us:

  • render React components server side
  • mount the same React component on top of the server-rendered DOM client side (via an unobtrusive JS adapter)

The app displays a photo with simple list of comments and a form for adding new comments. New comments are added via Ajax, but if JS fails to load (which you can test with ?js=broken), the form submits via a full page refresh.

To get the app running:

  • bundle install
  • rake db:migrate
  • rails server

More Repositories

1

style

An opinionated starting point for scalable, maintainable CSS architecture.
HTML
492
star
2

webpack-css-example

Example repo showing a webpack CSS build
JavaScript
450
star
3

tropical

Fast, mostly-just-HTML static sites with islands of client-side JS. Click the "Use this template" button ↖️
JavaScript
158
star
4

dragster

Better HTML5 drag events
HTML
103
star
5

viewloader

A tiny little framework-agnostic JS bootstrapping thing.
JavaScript
32
star
6

tropical-utils

JavaScript
31
star
7

flux-jasmine-rewire-example

An example repo showing how to test Flux stores without Jest, using Jasmine & Rewire instead.
JavaScript
15
star
8

json2css-sprite-mixins

Sprite mixins from json2css' sass template, plus some retina mixins.
CSS
15
star
9

structurizr-mini

A static site for C4 diagrams from a Structurizr workspace
JavaScript
15
star
10

coexist

Unobtrusively server-render JS pages from non-JS frameworks.
Ruby
14
star
11

MediaElement.js-Playlist

Turn a list of media links into a playlist using MediaElement.js
JavaScript
12
star
12

cssconfracer

A stupid racing game
JavaScript
10
star
13

boilerplizzle

A fast, flexible starting point for little web projects that gives you tools like Compass, CoffeeScript & your favourite JS & CSS libraries then gets out of your way.
JavaScript
7
star
14

sample-webpack-setup

Just something I'm messing with. You shouldn't use this code. It's probably not good.
JavaScript
6
star
15

going-isomorphic-with-react

JavaScript
4
star
16

metalsmith-json-feed

A Metalsmith plugin for generating a JSON Feed from a collection.
JavaScript
3
star
17

react-style-example

react-style example for melbjs talk
JavaScript
2
star
18

metalsmith-blog-example

A Metalsmith-powered blog.
Shell
2
star
19

css-architecture-on-a-shoestring

Slides from my Decompress presentation
JavaScript
2
star
20

design-friendly-repo-starter

Boilerplate for new open source projects aimed at encouraging contributions from non-devs
1
star
21

panoramx

1
star
22

overthrow-dist

Overthrow doesn't include a built version of the library. This is a bower component with the latest built version.
JavaScript
1
star