ReasonReact.js.statelessComponent function in reason-react

To help you get started, we’ve selected a few reason-react examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

emjun / tea-lang / reason / src / Component1.bs.js View on Github

// Generated by BUCKLESCRIPT VERSION 4.0.8, PLEASE EDIT WITH CARE
'use strict';

var Curry = require("bs-platform/lib/js/curry.js");
var React = require("react");
var ReasonReact = require("reason-react/src/ReasonReact.js");

var component = ReasonReact.statelessComponent("Component1");

function handleClick(_event, _self) {
  console.log("clicked!");
  return /* () */0;
}

function make(message, _children) {
  return /* record */[
          /* debugName */component[/* debugName */0],
          /* reactClassInternal */component[/* reactClassInternal */1],
          /* handedOffState */component[/* handedOffState */2],
          /* willReceiveProps */component[/* willReceiveProps */3],
          /* didMount */component[/* didMount */4],
          /* didUpdate */component[/* didUpdate */5],
          /* willUnmount */component[/* willUnmount */6],
          /* willUpdate */component[/* willUpdate */7],

rebench / rebench.github.io / src / view / HelpModal.bs.js View on Github

'use strict';

var React = require("react");
var Button = require("../common/components/Button.bs.js");
var Vrroom = require("vrroom/src/Vrroom.bs.js");
var ReasonReact = require("reason-react/src/ReasonReact.js");
var TypedGlamor = require("bs-typed-glamor/src/TypedGlamor.bs.js");
var WidthContainer = require("./WidthContainer.bs.js");
var HelpModalStyles = require("./HelpModalStyles.bs.js");

var content = "\n<p>\n  <span class="\&quot;brand\&quot;">re:bench</span> is a benchmark playground primarily targeting Reason, but also supporting OCaml and JavaScript and comparison\n  between test cases written in different languages.\n\n</p><p>\n  A <em>test</em> is a unit of code that will be measured while executed repeatedly. Anything you do not want to measure should be\n  put in the <em>setup</em> block. Furthermore, setup code is toplevel, can include type and module defintions, and anything defined\n  there will be available in every test. The tests on the other hand are isolated by being wrapped in a function.\n\n</p><p>\n  Change the <em>language</em> of a test by clicking on the langauge button in the top left of the test block, then select the desired\n  language in the dropdown.\n\n</p><p>\n  Click the <em>output</em> button in the top right of the test block to see the generated javascript. Looking at this might make\n  it easier to understand the perfomance characteristics of the code, as well as the test itself. The <code>__test__</code> function\n  is the function that will be measured. Anything outside it will not be taken into account, unless it's used inside the\n  <code>__test__</code> function.\n\n</p><p>\n  Click the <em>Add</em> button on the top toolbar to add a new test, and <em>Clear</em> to reset everything to scratch, or\n  click <em>Remove</em> on an individual test to remove only that.\n\n</p><p>\n  <em>Run All</em> will run all the tests in sequence. Click the <em>Run</em> button on an individual test to run only that.\n  By running tests individually you can run them in parallell, but make sure you have enough idle cores or the tests results\n  will be negatively affected.\n\n</p><p>\n  Clicke the <em>Share</em> button to copy a shareable URL to the clipboard.\n\n</p><p>\n  That's about it. If you come across a bug, or something you don't understand, please let me know by\n  <a href="\&quot;https://github.com/rebench/rebench.github.io/issues/new\&quot;">creating an issue</a>. Happy benchmarking! :)\n\n";

var component = ReasonReact.statelessComponent("HelpPopup");

function make(onClose, _) {
  return /* record */[
          /* debugName */component[/* debugName */0],
          /* reactClassInternal */component[/* reactClassInternal */1],
          /* handedOffState */component[/* handedOffState */2],
          /* willReceiveProps */component[/* willReceiveProps */3],
          /* didMount */component[/* didMount */4],
          /* didUpdate */component[/* didUpdate */5],
          /* willUnmount */component[/* willUnmount */6],
          /* willUpdate */component[/* willUpdate */7],
          /* shouldUpdate */component[/* shouldUpdate */8],
          /* render */(function () {
              return ReasonReact.element(/* None */0, /* None */0, WidthContainer.make(/* array */[React.createElement("div", {
                                    className: TypedGlamor.toString(HelpModalStyles.container)
                                  }, React.createElement("header", undefined, React.createElement("h1", undefined, Vrroom.text("Help")), ReasonReact.element(/* None */0, /* None */0, Button.make("", /* Some */["close"], /* None */0, /* None */0, /* None */0, onClose, /* array */[]))), React.createElement("main", {</p>

codekiln / django-react-chat / django_react_chat_example_project / django_react_chat_example_project / static / js / chat / rechat / src / RechatApp.js View on Github

// Generated by BUCKLESCRIPT VERSION 2.1.0, PLEASE EDIT WITH CARE
'use strict';

import * as React         from "react";
import * as ReasonReact   from "reason-react/src/ReasonReact.js";
import * as RechatWindow  from "./RechatWindow.js";
import * as RechatSidebar from "./RechatSidebar.js";

((require('./RechatApp.scss')));

var component = ReasonReact.statelessComponent("RechatApp");

function make() {
  var newrecord = component.slice();
  newrecord[/* render */9] = (function () {
      return React.createElement("div", {
                  className: "RechatApp"
                }, ReasonReact.element(/* None */0, /* None */0, RechatSidebar.make(/* array */[])), ReasonReact.element(/* None */0, /* None */0, RechatWindow.make(/* array */[])));
    });
  return newrecord;
}

export {
  component ,
  make      ,
  
}

voteamerica / voteamerica.github.io / webpack / components / Riders.bs.js View on Github

// Generated by BUCKLESCRIPT VERSION 4.0.7, PLEASE EDIT WITH CARE
'use strict';

var $$Array = require("bs-platform/lib/js/array.js");
var React = require("react");
var ReasonReact = require("reason-react/src/ReasonReact.js");
var Js_primitive = require("bs-platform/lib/js/js_primitive.js");
var Table$VoteUSReason = require("./Table.bs.js");
var Utils$VoteUSReason = require("./Utils.bs.js");
var Defaults$VoteUSReason = require("./Defaults.bs.js");
var TypeInfo$VoteUSReason = require("./TypeInfo.bs.js");
var LeftPaddedButton$VoteUSReason = require("./ui/LeftPaddedButton.bs.js");

var component = ReasonReact.statelessComponent("Riders");

var tableType = "riders";

var riderTableColumns = /* array */[
  Utils$VoteUSReason.thcCreator("uuid", "UUID", 100),
  Utils$VoteUSReason.thcCreator("First Name", "RiderFirstName", 100),
  Utils$VoteUSReason.thcCreator("Last Name", "RiderLastName", 100),
  Utils$VoteUSReason.thcCreator("Email", "RiderEmail", 100),
  Utils$VoteUSReason.thcCreator("Phone", "RiderPhone", 100),
  Utils$VoteUSReason.thcCreator("Collection ZIP", "RiderCollectionZIP", 100),
  Utils$VoteUSReason.thcCreator("City", "city", 100),
  Utils$VoteUSReason.thcCreator("State", "full_state", 100),
  Utils$VoteUSReason.thcCreator("Dropoff ZIP", "RiderDropOffZIP", 100),
  Utils$VoteUSReason.thcCreator("Created", "created_ts", 160),
  Utils$VoteUSReason.thcCreator("Updated", "last_updated_ts", 160),
  Utils$VoteUSReason.thcCreator("Status", "status", 100),

kMeillet / reason-loadable / examples / with-parcel-jsx-v2 / src / Home / Home.bs.js View on Github

import * as React from "react";
import * as ReasonReact from "reason-react/src/ReasonReact.js";

var component = ReasonReact.statelessComponent("Home");

function make(_children) {
  return /* record */[
          /* debugName */component[/* debugName */0],
          /* reactClassInternal */component[/* reactClassInternal */1],
          /* handedOffState */component[/* handedOffState */2],
          /* willReceiveProps */component[/* willReceiveProps */3],
          /* didMount */component[/* didMount */4],
          /* didUpdate */component[/* didUpdate */5],
          /* willUnmount */component[/* willUnmount */6],
          /* willUpdate */component[/* willUpdate */7],
          /* shouldUpdate */component[/* shouldUpdate */8],
          /* render */(function (_self) {
              return React.createElement("h1", undefined, "Home");
            }),
          /* initialState */component[/* initialState */10],

phated / mxdbmobile / src / card / Battle.js View on Github

]);

var stats = Style$BsReactNative.style(/* :: */[
      Style$BsReactNative.alignItems(/* FlexEnd */1),
      /* [] */0
    ]);

var Styles = /* module */[
  /* details */details,
  /* title */title,
  /* cardListItem */cardListItem,
  /* thumbnail */thumbnail,
  /* stats */stats
];

var component = ReasonReact.statelessComponent("Battle");

function make(title$1, mp, stat, image, effect, _) {
  return /* record */[
          /* debugName */component[/* debugName */0],
          /* reactClassInternal */component[/* reactClassInternal */1],
          /* handedOffState */component[/* handedOffState */2],
          /* willReceiveProps */component[/* willReceiveProps */3],
          /* didMount */component[/* didMount */4],
          /* didUpdate */component[/* didUpdate */5],
          /* willUnmount */component[/* willUnmount */6],
          /* willUpdate */component[/* willUpdate */7],
          /* shouldUpdate */component[/* shouldUpdate */8],
          /* render */(function () {
              var cardImage = ReasonReact.element(/* None */0, /* None */0, CardImage$Mxdbmobile.make(image, thumbnail, /* array */[]));
              var cardDetails = ReasonReact.element(/* None */0, /* None */0, View$BsReactNative.make(/* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* Some */[details], /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0)(/* array */[
                        ReasonReact.element(/* None */0, /* None */0, Text$BsReactNative.make(/* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* Some */[title], /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* array */[title$1])),

kMeillet / reason-loadable / examples / with-parcel-jsx-v2 / src / Theme / Layout.bs.js View on Github

import * as Curry from "bs-platform/lib/es6/curry.js";
import * as React from "react";
import * as Caml_array from "bs-platform/lib/es6/caml_array.js";
import * as ReasonReact from "reason-react/src/ReasonReact.js";
import * as Routes$WithParcel from "../Routes.bs.js";

var component = ReasonReact.statelessComponent("Layout");

function make(children) {
  return /* record */[
          /* debugName */component[/* debugName */0],
          /* reactClassInternal */component[/* reactClassInternal */1],
          /* handedOffState */component[/* handedOffState */2],
          /* willReceiveProps */component[/* willReceiveProps */3],
          /* didMount */component[/* didMount */4],
          /* didUpdate */component[/* didUpdate */5],
          /* willUnmount */component[/* willUnmount */6],
          /* willUpdate */component[/* willUpdate */7],
          /* shouldUpdate */component[/* shouldUpdate */8],
          /* render */(function (_self) {
              return React.createElement("div", {
                          className: "layout"
                        }, React.createElement("div", {

kMeillet / reason-loadable / examples / with-parcel-jsx-v2 / src / Faq / Faq.bs.js View on Github

import * as React from "react";
import * as ReasonReact from "reason-react/src/ReasonReact.js";

require("./faq.css");

var component = ReasonReact.statelessComponent("Faq");

function make(_children) {
  return /* record */[
          /* debugName */component[/* debugName */0],
          /* reactClassInternal */component[/* reactClassInternal */1],
          /* handedOffState */component[/* handedOffState */2],
          /* willReceiveProps */component[/* willReceiveProps */3],
          /* didMount */component[/* didMount */4],
          /* didUpdate */component[/* didUpdate */5],
          /* willUnmount */component[/* willUnmount */6],
          /* willUpdate */component[/* willUpdate */7],
          /* shouldUpdate */component[/* shouldUpdate */8],
          /* render */(function (_self) {
              return React.createElement("h1", {
                          className: "faq"
                        }, "FAQ");

phated / mxdbmobile / src / card / Character.js View on Github

Style$BsReactNative.width(/* Pt */Block.__(0, [45.0])),
      /* :: */[
        Style$BsReactNative.alignItems(/* FlexEnd */1),
        /* [] */0
      ]
    ]);

var Styles = /* module */[
  /* details */details,
  /* title */title,
  /* cardListItem */cardListItem,
  /* thumbnail */thumbnail,
  /* stats */stats
];

var component = ReasonReact.statelessComponent("Character");

function make(title$1, subtitle, trait, mp, stats$1, image, effect, _) {
  return /* record */[
          /* debugName */component[/* debugName */0],
          /* reactClassInternal */component[/* reactClassInternal */1],
          /* handedOffState */component[/* handedOffState */2],
          /* willReceiveProps */component[/* willReceiveProps */3],
          /* didMount */component[/* didMount */4],
          /* didUpdate */component[/* didUpdate */5],
          /* willUnmount */component[/* willUnmount */6],
          /* willUpdate */component[/* willUpdate */7],
          /* shouldUpdate */component[/* shouldUpdate */8],
          /* render */(function () {
              var cardImage = ReasonReact.element(/* None */0, /* None */0, CardImage$Mxdbmobile.make(image, thumbnail, /* array */[]));
              var cardDetails = ReasonReact.element(/* None */0, /* None */0, View$BsReactNative.make(/* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* Some */[details], /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0)(/* array */[
                        ReasonReact.element(/* None */0, /* None */0, Text$BsReactNative.make(/* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* Some */[title], /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* array */[

reason-association / reasonml.org / components / Text.bs.js View on Github

Ol: Ol,
  Li: Li
};

function Text$Small(Props) {
  var children = Props.children;
  return React.createElement("p", {
              className: "text-base font-overpass leading-4"
            }, children);
}

var Small = {
  make: Text$Small
};

var component = ReasonReact.statelessComponent("Text.Xsmall");

function Text$Xsmall(Props) {
  var children = Props.children;
  return React.createElement("p", {
              className: "text-sm font-overpass text-normal leading-3"
            }, children);
}

var Xsmall = {
  component: component,
  make: Text$Xsmall
};

function Text$Lead(Props) {
  var children = Props.children;
  return React.createElement("p", {

How to use the reason-react/src/ReasonReact.js.statelessComponent function in reason-react

To help you get started, we’ve selected a few reason-react examples, based on popular ways it is used in public projects.

reason-react

Package Health Score

Popular reason-react functions

Similar packages