Datacore is still in early development

Not all features may work correctly

Supported features

Datacore Views

datacorejsx
return function View() {
  return <p>Hello!</p>;
}

Hello!

Datacore Lists

datacorejsx
return function View() {
  const pages = dc.useQuery('@page and #datacore');
  
  return <dc.List rows={pages} renderer={pages => pages.$link} />;
}

Datacore Tables

datacorejsx
return function View() {
  const pages = dc.useQuery("@page and #datacore");
 
  const COLUMNS = [
    {id: "Name", value: page => page.$link},
    {id: "Tags", value: page => page.$tags}
  ];
  
  return <dc.Table rows={pages} columns={COLUMNS} />;
}

Datacore Cards

datacorejsx
return function View() {
  return <dc.Card title={"Test"} content={"Testing out a card"} footer={"Hello!"} />;
}
Test
Testing out a card

Datacore Callouts

datacorejsx
return function View() {
  return <dc.Callout title={"Test"} collapsible={true} open={true}>Hello!</dc.Callout>;
}
Test
Hello!

See also