GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → hyperstack-org → Hyperstack

hyperstack-org / Hyperstack

Licence: mit
Hyperstack ALPHA https://hyperstack.org

Programming Languages

javascript
184084 projects - #8 most used programming language
ruby
36898 projects - #4 most used programming language

Labels

reactwebpackrailsyarnisomorphic

Projects that are alternatives of or similar to Hyperstack

Hyper React
The project has moved to Hyperstack!!
Stars: ✭ 295 (-36.29%)
Mutual labels:  webpack, rails, isomorphic
React Redux Styled Hot Universal
react boilerplate used best practices and focus on performance
Stars: ✭ 147 (-68.25%)
Mutual labels:  webpack, isomorphic, yarn
Webpacker
Use Webpack to manage app-like JavaScript modules in Rails
Stars: ✭ 5,282 (+1040.82%)
Mutual labels:  webpack, rails, yarn
React webpack rails
Simple and lightweight react-webpack-rails integration.
Stars: ✭ 248 (-46.44%)
Mutual labels:  webpack, rails
Front End Guide
📚 Study guide and introduction to the modern front end stack.
Stars: ✭ 14,073 (+2939.52%)
Mutual labels:  webpack, yarn
React Isomorphic Starterkit
Create an isomorphic React app in less than 5 minutes
Stars: ✭ 2,326 (+402.38%)
Mutual labels:  webpack, isomorphic
Vue.js Starter Template
A starter template for Vue.js projects
Stars: ✭ 267 (-42.33%)
Mutual labels:  webpack, yarn
Kickoff tailwind
A rapid Rails 6 application template for personal use bundled with Tailwind CSS
Stars: ✭ 287 (-38.01%)
Mutual labels:  webpack, rails
Isomorphic Webpack
Abstracts universal consumption of application code base using webpack.
Stars: ✭ 294 (-36.5%)
Mutual labels:  webpack, isomorphic
Isomorphic React
A simple but powerful React application built on a standards-compliant back-end
Stars: ✭ 318 (-31.32%)
Mutual labels:  webpack, isomorphic
Nin
nin is ninjatool
Stars: ✭ 313 (-32.4%)
Mutual labels:  webpack, yarn
Webpack Hot Server Middleware
🔥 Hot reload webpack bundles on the server
Stars: ✭ 319 (-31.1%)
Mutual labels:  webpack, isomorphic
Docker Web Framework Examples
Example apps that demonstate how to use Docker with your favorite web frameworks.
Stars: ✭ 204 (-55.94%)
Mutual labels:  webpack, rails
Webpacker React
Webpacker plugin to integrate React in your Rails application
Stars: ✭ 201 (-56.59%)
Mutual labels:  webpack, rails
21 Points
❤️ 21-Points Health is an app you can use to monitor your health.
Stars: ✭ 244 (-47.3%)
Mutual labels:  webpack, yarn
Gulp Webpack Starter
Gulp Webpack Starter - fast static website builder. The starter uses gulp toolkit and webpack bundler. Download to get an awesome development experience!
Stars: ✭ 199 (-57.02%)
Mutual labels:  webpack, yarn
Limestone
Boilerplate Rails 6 SaaS application with Webpack, Stimulus and Docker integration.
Stars: ✭ 191 (-58.75%)
Mutual labels:  webpack, rails
Gulp Scss Starter
Frontend development with pleasure. SCSS version
Stars: ✭ 339 (-26.78%)
Mutual labels:  webpack, yarn
Scalable React Typescript Boilerplate
⭐️ Scalable micro-framework featuring React and TypeScript
Stars: ✭ 174 (-62.42%)
Mutual labels:  webpack, isomorphic
Quickshare
Quick and simple file sharing between different devices.
Stars: ✭ 190 (-58.96%)
Mutual labels:  webpack, yarn
View All Similar Projects ➔

Hyperstack

Build Status

This is the edge branch - the system is stable, and there are approx 1000 test specs passig. For current status on development see current status.

Hyperstack is a Ruby-based DSL and modern web toolkit for building spectacular, interactive web applications fast!

  • One language throughout the client and server. All Ruby code is compiled by Opal into JavaScript automatically.
  • Webpacker and Yarn tooling for a modern, fast hot-reloader build environment with Ruby source maps.
  • A well documented and stable Ruby DSL for wrapping React and ReactRouter as well as any JavaScript library or component. No need to learn JavaScript!
  • Isomorphic Models with bi-directional data so you can access your models as if they were on the client.

All that means you can write simple front-end code like this:

class GoodBooksToRead < HyperComponent
  render(UL) do
    Book.good_books.each do |book|
      LI { "Read #{book.name}" }.on(:click) { display book } if book.available?
    end
  end
end

In the code above, if the good_books scope changed (even on the server), the UI would update automatically. That's the magic of React and Isomorphic Models with bi-directional data at work!

Website and documentation

Please see the documentation site for full documentation, or find the same content in the /docs folder in this repo if you prefer.

Setup and installation

You can be up and running in less than 5 minutes. Just follow the simple setup guide for a new Rails application all correctly configured and ready to go with Hyperstack.

Community and support

Hyperstack is supported by a friendly, helpful community, both for users, and contributors. We welcome new people, please reach out and say hello.

StackOverflow Questions

Please ask technical questions on StackOverflow as the answers help people in the future. We use the hyperstack tag, but also add ruby-on-rails, ruby and react-js tags to get this project exposed to a broader community.

Roadmap

Hyperstack is evolving; we are improving it all the time. As much as we love Ruby today, we see ourselves embracing new languages in the future. Crystal perhaps? We are also watching Wasm carefully.

Please see the ROADMAP file for more information.

Contributing

If you would like to help, please read the CONTRIBUTING file for suggestions.

Links

License

Released under the MIT License. See the LICENSE file for further details.

History

Hyperstack is an evolution of Ruby-Hyperloop. We decided to rename the project to drop the Ruby suffix and also took the opportunity to simplify the repos and project overall.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].