Code Monkey home page Code Monkey logo

opal-dom's Introduction

opal-dom: DOM library for Opal

opal-dom is a dom library for opal to be used in the browser.

Usage

Add to your Gemfile:

# Gemfile
gem "opal-dom"

Add to opal builder task:

# Rakefile
Opal::RakeTask.new do |t|
  t.dependencies = ['opal-dom']
end

Finally, require it in your opal app:

# app.rb
require 'opal-dom'

Document.ready? do
  alert "document is ready!"
end

HTTP

The HTTP class is a wrapper around the native browser XMLHttpRequest.

Usage example:

HTTP.get("api/users/1") do |res|
  alert res.body
end

The response can be easily parsed from json using the json convenience method.

HTTP.get("api/users/1.json") do |res|
  puts res.json
end

# => {"name" => "Adam Beynon", "age" => 26, ...}

POST requests work the same:

HTTP.post("api/users") do |res|
  puts res.ok?
end

Data can be added into the options hash:

HTTP.get("api/find", data: { id: 10}) do |res|
  # ...
end

Running specs

Clone repo:

git clone git://github.com/adambeynon/opal-dom.git

Get gems:

bundle install

Build opal-spec, opal-dom and the actual specs:

rake opal

Open spec/index.html in the browser.

License

Released under the MIT license

opal-dom's People

Contributors

adambeynon avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar

Forkers

isr

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.