Skip to content

elixirscript/elixirscript_react

Repository files navigation

ElixirScriptReact

A library for using React with ElixirScript

Example

  use React.HTML

  def my_section()
    section id: "todoapp" do
      header id: "header" do
        h1 do
          "todos"
        end
        input [
          id: "new-todo",
          placeholder: "What needs to be done?",
          autoFocus: true,
          onKeyPress: fn(event, _) -> process_event(event) end
        ]
      end
    end
  end

  ReactDOM.render(my_section(), "my_dom_container_query")

my_dom_container_query is a string that is passed to document.querySelector in the browser

Installation

If available in Hex, the package can be installed by adding elixir_script_react to your list of dependencies in mix.exs:

def deps do
  [
    {:elixir_script_react, "~> 16.2.0"}
  ]
end

Documentation can be generated with ExDoc and published on HexDocs. Once published, the docs can be found at https://hexdocs.pm/elixir_script_react.